:root{--bg: #0a1430;--panel: #11204a;--panel-2: #172a5c;--line: #24407f;--text: #e8f1ff;--muted: #8ea7d6;--accent: #f5c518;--accent-2: #3fb6ff;--danger: #ff5a5a;--pixel: "Press Start 2P", monospace;--ui: "Inter", system-ui, sans-serif}body.dev *{box-sizing:border-box}html,body.dev{margin:0;height:100%}body.dev{background:var(--bg);color:var(--text);font:13px/1.45 var(--ui);overflow:hidden;display:flex;flex-direction:column}body.dev canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}body.dev .top{display:flex;align-items:center;gap:12px;padding:8px 16px;background:linear-gradient(180deg,#13306f,#0d1f4d);border-bottom:3px solid #061029;flex:none}body.dev .logo{width:40px;height:40px;border-radius:8px;image-rendering:pixelated;border:2px solid #061029}body.dev .brand{font:16px var(--pixel);color:#fff;letter-spacing:1px;text-shadow:2px 2px 0 #061029}body.dev .brand span{color:var(--accent);margin-left:6px}body.dev #tabs{margin-left:auto;display:flex;gap:6px}body.dev button,body.dev .btn{font:600 12px var(--ui);color:var(--text);background:var(--panel-2);border:2px solid #061029;border-radius:6px;padding:6px 10px;cursor:pointer;box-shadow:inset 0 -3px #00000040}body.dev button:hover{background:#20397a}body.dev button:active{transform:translateY(1px);box-shadow:none}body.dev button.on,body.dev #tabs button.on,body.dev button.primary{background:var(--accent);color:#12122a}body.dev button.danger{background:#5a1a2a}body.dev button.ghost{background:transparent;border-color:var(--line);box-shadow:none}body.dev #tabs button{font:10px var(--pixel);padding:9px 12px}body.dev main{flex:1;min-height:0;overflow:hidden}body.dev h2,body.dev h3{font-family:var(--pixel);font-weight:400;margin:0 0 10px}body.dev h2{font-size:12px;color:var(--accent)}body.dev h3{font-size:9px;color:var(--muted);margin-top:14px}body.dev .panel{background:var(--panel);border:2px solid #061029;border-radius:10px;padding:12px}body.dev .scroll{overflow:auto}body.dev .row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}body.dev .muted{color:var(--muted)}body.dev .small{font-size:11px}body.dev label.field{display:grid;grid-template-columns:112px 1fr 44px;gap:8px;align-items:center;margin:3px 0}body.dev label.field span:first-child{color:var(--muted);font-size:12px}body.dev label.field output{text-align:right;font-variant-numeric:tabular-nums;font-size:12px}body.dev input[type=range]{width:100%;accent-color:var(--accent)}body.dev input[type=text],body.dev input[type=number],body.dev select{background:#0a1838;color:var(--text);border:2px solid var(--line);border-radius:6px;padding:5px 7px;font:13px var(--ui);min-width:0}body.dev input[type=checkbox]{accent-color:var(--accent)}body.dev .swatches{display:flex;flex-wrap:wrap;gap:5px}body.dev .swatch{width:24px;height:24px;border-radius:5px;border:2px solid #061029;cursor:pointer;padding:0;box-shadow:none}body.dev .swatch.on{outline:3px solid var(--accent);outline-offset:1px}body.dev #toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%) translateY(80px);background:var(--accent);color:#12122a;font:700 13px var(--ui);padding:10px 16px;border-radius:8px;border:2px solid #061029;transition:transform .25s;z-index:10}body.dev #toast.show{transform:translate(-50%) translateY(0)}body.dev .lab{display:grid;grid-template-columns:200px 1fr 330px;gap:10px;padding:10px;height:100%}body.dev .anim-list button{display:block;width:100%;text-align:left;margin:3px 0;font-weight:600}body.dev .anim-list .tag{float:right;font-size:10px;color:var(--accent-2)}body.dev .anim-list button.on .tag{color:#12122a}body.dev .stage-wrap{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0}body.dev .stage-box{position:relative;flex:1;min-height:0;overflow:auto;background:#061029;border-radius:10px;border:2px solid #061029;display:grid;place-items:center}body.dev .stage-inner{position:relative}body.dev .stage-inner canvas.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}body.dev .transport{display:flex;gap:8px;align-items:center;flex-wrap:wrap}body.dev .transport label{display:flex;gap:5px;align-items:center;color:var(--muted)}body.dev .timeline{position:relative;height:54px;background:#0a1838;border:2px solid var(--line);border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0 8px}body.dev .timeline .tick{position:absolute;top:0;bottom:0;width:1px;background:#8ea7d626}body.dev .timeline .key{position:absolute;top:8px;width:14px;height:20px;margin-left:-7px;border-radius:3px;background:var(--accent-2);border:2px solid #061029;cursor:grab}body.dev .timeline .key.on{background:var(--accent)}body.dev .timeline .ev{position:absolute;bottom:4px;margin-left:-6px;width:12px;height:12px;transform:rotate(45deg);border:2px solid #061029}body.dev .timeline .ev.release{background:#ff5a5a}body.dev .timeline .ev.splash{background:#bdefff}body.dev .timeline .ev.catch{background:#6bff95}body.dev .timeline .head{position:absolute;top:-4px;bottom:-4px;width:2px;background:#fff;pointer-events:none}body.dev .legend{display:flex;gap:14px;font-size:11px;color:var(--muted);margin:0 8px}body.dev .legend i{display:inline-block;width:9px;height:9px;margin-right:4px;transform:rotate(45deg);border:1px solid #061029}body.dev .editor{display:flex;flex-direction:column;gap:10px;min-height:0}body.dev .editor .panel{overflow:auto}body.dev .ev-row{display:grid;grid-template-columns:1fr 86px 86px 26px;gap:4px;align-items:center;margin:4px 0}body.dev .ev-row input[type=range]{grid-column:1 / -1}body.dev .players{display:grid;grid-template-columns:250px 1fr 360px;gap:10px;padding:10px;height:100%}body.dev .roster-item{display:flex;align-items:center;gap:8px;width:100%;margin:4px 0;text-align:left;padding:4px 8px}body.dev .roster-item canvas{width:48px;height:48px;background:#1d78c9;border-radius:6px}body.dev .roster-item .num{font:9px var(--pixel);color:var(--accent)}body.dev .showcase{display:flex;flex-direction:column;gap:10px;min-height:0}body.dev .hero{flex:1;min-height:0;background:#061029;border-radius:10px;display:grid;place-items:center;overflow:hidden}body.dev .lineup{display:flex;gap:6px;overflow-x:auto}body.dev .lineup figure{margin:0;text-align:center;cursor:pointer}body.dev .lineup canvas{width:96px;height:96px;background:#1d78c9;border-radius:6px;border:2px solid #061029}body.dev .lineup figure.on canvas{border-color:var(--accent)}body.dev .lineup figcaption{font-size:10px;color:var(--muted);margin-top:2px}body.dev .seg{display:inline-flex;border:2px solid #061029;border-radius:6px;overflow:hidden}body.dev .seg button{border:0;border-radius:0;box-shadow:none}body.dev .pool{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:10px;padding:10px}body.dev .pool canvas{background:#061029;border-radius:10px;border:3px solid #061029;max-width:100%;max-height:calc(100% - 60px);aspect-ratio:16 / 9}body.dev .keys{color:var(--muted);font-size:12px;text-align:center}body.dev .keys b{color:var(--text);background:var(--panel-2);border:1px solid #061029;border-radius:4px;padding:1px 5px;margin:0 2px;font-weight:700}:root{--g-bg: #04357a;--g-panel: #0548a6;--g-panel-2: #0a56bd;--g-box: #0a5cc8;--g-border: #0b84de;--g-border-hi: #2bb8ff;--g-border-lo: #063a8c;--g-text: #ffffff;--g-dim: #3d97ee;--g-black: #05060f;--g-pixel: "Press Start 2P", monospace;--g-ui: "Rubik", "Inter", system-ui, sans-serif}body.game{margin:0;height:100vh;overflow:hidden;background:#021c45;font-family:var(--g-ui);color:var(--g-text);-webkit-font-smoothing:antialiased}#game{position:absolute;left:50%;top:50%;width:1280px;height:720px;transform-origin:center center;background-color:var(--g-bg);background-size:480px 360px;image-rendering:pixelated;overflow:hidden;-webkit-user-select:none;user-select:none}#game canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.g-abs{position:absolute}.g-title{position:absolute;background:var(--g-black);border:4px solid var(--g-border);box-shadow:0 0 0 3px var(--g-border-lo),inset 0 0 0 3px #10173a;display:flex;align-items:center;padding:0 26px;font:30px/1 var(--g-pixel);letter-spacing:3px;color:#fff;text-shadow:3px 3px 0 #2c3352;white-space:nowrap}.g-title .right{margin-left:auto}.g-title.center{justify-content:center}.g-panel{position:absolute;background:var(--g-panel);border:4px solid var(--g-border);box-shadow:0 0 0 3px var(--g-border-lo),inset 0 0 0 4px #0a52b3,inset 0 0 0 7px #0b6ad0}.g-group{position:relative;border:3px solid #0b6ed6;box-shadow:inset 0 0 0 2px #0a4fae;padding:26px 12px 12px;background:#0650b0}.g-group>.g-label{position:absolute;top:-12px;left:0;right:0;display:flex;align-items:center;gap:10px;font:800 19px/1 var(--g-ui);letter-spacing:.5px;text-transform:uppercase;color:#fff;text-shadow:2px 2px 0 #032c6c;pointer-events:none}.g-group>.g-label:before,.g-group>.g-label:after{content:"";flex:1;height:3px;background:var(--g-border)}.g-group>.g-label span{background:transparent;padding:0 2px}.g-row{display:flex;align-items:center;gap:12px}.g-box{flex:1;height:48px;min-width:0;background:var(--g-box);border:3px solid #1394ec;box-shadow:inset 0 -4px #0849a4,0 3px #04306f;display:grid;place-items:center;font:700 21px/1 var(--g-ui);color:#fff;text-shadow:2px 2px 0 #053778;cursor:pointer;position:relative;overflow:hidden;white-space:nowrap}.g-box:hover{border-color:var(--g-border-hi)}.g-box.swatch{box-shadow:inset 0 0 0 3px #0000002e,0 3px #04306f;text-shadow:none}.g-box.swatch .tip{font-size:13px;opacity:0;transition:opacity .15s}.g-box.swatch:hover .tip{opacity:1}.g-box input{width:100%;height:100%;border:0;background:transparent;text-align:center;font:inherit;color:inherit;text-shadow:inherit;outline:none}.g-arrow{width:54px;height:52px;flex:none;background:#0b5ccb;border:3px solid #1aa0f5;box-shadow:inset 0 -5px #073f95,0 3px #04306f;display:grid;place-items:center;cursor:pointer;padding:0}.g-arrow:before{content:"";width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent}.g-arrow.prev:before{border-right:17px solid #fff;margin-right:4px}.g-arrow.next:before{border-left:17px solid #fff;margin-left:4px}.g-arrow:hover{background:#0d68dc;border-color:var(--g-border-hi)}.g-arrow:active{transform:translateY(2px);box-shadow:inset 0 -2px #073f95}.g-group.g-tight{padding:22px 12px 8px}.g-group.g-tight .g-box{height:40px}.g-group.g-tight .g-arrow{height:44px}.g-tabs{position:absolute;display:flex;gap:12px}.g-tab{flex:1;height:52px;background:#0547a7;border:3px solid #0b74d8;box-shadow:inset 0 0 0 2px #063f98;font:700 21px/1 var(--g-ui);color:var(--g-dim);cursor:pointer}.g-tab.on{background:#0a5fd2;border-color:#29c0ff;box-shadow:inset 0 0 0 2px #0b74e0,0 0 0 2px #0a62c8;color:#fff;text-shadow:2px 2px 0 #053778}.g-tab:hover:not(.on){color:#7cc0ff}.g-preview{position:absolute;border:4px solid var(--g-border);box-shadow:inset 0 0 0 2px #063f98;background:#022a66;overflow:hidden}.g-preview .stage{position:absolute;top:0;right:0;bottom:52px;left:0;display:grid;place-items:center;overflow:hidden}.g-preview .stage canvas{position:absolute}.g-preview .nav{position:absolute;top:44%;width:0;height:0;border-top:22px solid transparent;border-bottom:22px solid transparent;cursor:pointer;opacity:.85;z-index:2}.g-preview .nav.prev{left:22px;border-right:30px solid #1352b8}.g-preview .nav.next{right:22px;border-left:30px solid #1352b8}.g-preview .nav:hover.prev{border-right-color:#2b7be0}.g-preview .nav:hover.next{border-left-color:#2b7be0}.g-preview .pose-name{position:absolute;top:10px;left:0;right:0;text-align:center;font:10px var(--g-pixel);color:#7cc0ff;opacity:0;transition:opacity .3s;z-index:2}.g-preview .pose-name.show{opacity:1}.g-preview .dice{position:absolute;top:8px;right:8px;z-index:2;width:38px;height:38px;background:#0b4eb4;border:3px solid #1a8ff0;font-size:18px;cursor:pointer;padding:0;line-height:1}.g-kits{position:absolute;left:8px;right:8px;bottom:8px;height:40px;display:flex;gap:8px}.g-kit{flex:1;background:#0548a6;border:3px solid #0b6ed6;font:700 17px/1 var(--g-ui);color:var(--g-dim);cursor:pointer}.g-kit.on{border-color:#29e0ff;color:#fff;background:#0548a6;box-shadow:inset 0 0 0 2px #0a62c8}.g-btn{position:absolute;background:#0548a6;border:4px solid var(--g-border);box-shadow:0 0 0 3px var(--g-border-lo),inset 0 -6px #043c8e;display:grid;place-items:center;font:700 32px/1 var(--g-ui);letter-spacing:1px;color:#fff;text-shadow:2px 2px 0 #053778;cursor:pointer}.g-btn:hover{background:#0a56bd;border-color:var(--g-border-hi)}.g-btn:active{transform:translateY(2px)}.g-btn .back-arrow{width:60px;height:36px;display:block}.g-ratings{position:absolute;display:flex;justify-content:space-around;padding:10px 14px 8px;gap:10px}.g-rgroup{display:flex;flex-direction:column;align-items:center;gap:6px}.g-rgroup .gname{font:700 15px/1 var(--g-ui);letter-spacing:.5px}.g-rbars{display:flex;gap:8px}.g-rbar{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:default;position:relative}.g-rbar .well{width:36px;height:50px;background:#0b1f52;border:2px solid #061538;position:relative;overflow:hidden}.g-rbar .well:after{content:"";position:absolute;left:0;right:0;top:4px;height:2px;background:#ffffff8c}.g-rbar .fill{position:absolute;left:0;right:0;bottom:0;transition:height .35s cubic-bezier(.2,.9,.3,1.2)}.g-rbar .fill:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#ffffffd9}.g-rbar .abbr{font:700 15px/1 var(--g-ui);color:#fff}.g-rbar .val{position:absolute;top:-26px;background:#05060f;border:2px solid var(--g-border);font:10px var(--g-pixel);padding:4px 5px;opacity:0;pointer-events:none;white-space:nowrap;z-index:3}.g-rbar:hover .val{opacity:1}.g-ovr{position:absolute;font:10px var(--g-pixel);color:#fff;background:#05060f;border:3px solid var(--g-border);padding:6px 8px}.g-modal-back{position:absolute;top:0;right:0;bottom:0;left:0;background:#02102d99;display:grid;place-items:center;z-index:50}.g-modal{background:var(--g-panel);border:4px solid var(--g-border);box-shadow:0 0 0 3px var(--g-border-lo),inset 0 0 0 4px #0a52b3;padding:22px 24px 24px;min-width:420px;max-width:900px}.g-modal h3{margin:0 0 18px;font:18px var(--g-pixel);color:#fff;text-align:center}.g-swatches{display:grid;grid-template-columns:repeat(8,64px);gap:10px}.g-sw{height:46px;border:3px solid #061538;cursor:pointer;display:grid;place-items:center;font:700 12px var(--g-ui);padding:0}.g-sw.on{outline:4px solid #fff;outline-offset:1px}.g-sw:hover{outline:3px solid var(--g-border-hi)}.g-list{display:grid;grid-template-columns:repeat(4,180px);gap:10px}.g-li{height:46px;background:var(--g-box);border:3px solid #1394ec;font:700 17px var(--g-ui);color:#fff;cursor:pointer}.g-li.on{background:#fff;color:#0548a6}.g-li:hover:not(.on){border-color:var(--g-border-hi)}.g-toast{position:absolute;left:50%;top:18px;transform:translate(-50%,-120px);background:#05060f;border:4px solid var(--g-border);font:14px var(--g-pixel);padding:14px 20px;transition:transform .3s;z-index:60}.g-toast.show{transform:translate(-50%)}.g-menu-logo{position:absolute;width:300px;height:300px;image-rendering:pixelated;border:6px solid var(--g-border);box-shadow:0 0 0 4px var(--g-border-lo)}.g-menu-btn{font-size:30px}.g-menu-btn small{display:block;font:600 14px var(--g-ui);color:#8cc6ff;margin-top:8px;text-shadow:none}.g-cards{position:absolute;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-content:start;overflow:auto;padding:4px}.g-card{background:#0650b0;border:3px solid #0b6ed6;box-shadow:inset 0 0 0 2px #0a4fae;padding:10px;cursor:pointer;position:relative}.g-card:hover{border-color:var(--g-border-hi)}.g-card .pic{border:3px solid #0b6ed6;display:grid;place-items:center;overflow:hidden;height:168px;background:#022a66}.g-card .nm{font:700 19px var(--g-ui);margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-card .meta{font:600 14px var(--g-ui);color:#8cc6ff;margin-top:2px}.g-card .ovr{position:absolute;top:18px;left:18px;font:11px var(--g-pixel);background:#05060f;border:2px solid var(--g-border);padding:5px 6px}.g-card .del{position:absolute;top:18px;right:18px;background:#6b1424;border:2px solid #ff5a6a;color:#fff;font:700 13px var(--g-ui);padding:4px 8px;cursor:pointer;opacity:0}.g-card:hover .del{opacity:1}.g-card.new{display:grid;place-items:center;min-height:250px;font:16px/1.6 var(--g-pixel);color:#8cc6ff;text-align:center}.g-group.compact{padding:19px 10px 8px}.g-group.compact>.g-label{font-size:16px;top:-10px}.g-group.compact .g-box{height:40px;font-size:18px}.g-group.compact .g-arrow{width:48px;height:42px}.g-group.compact .g-arrow:before{border-top-width:9px;border-bottom-width:9px}.g-group.compact .g-arrow.prev:before{border-right-width:14px}.g-group.compact .g-arrow.next:before{border-left-width:14px}#game *,#game *:before,#game *:after{box-sizing:border-box}#game button{font-family:var(--g-ui)}#dev{display:none;height:100vh;flex-direction:column}body.dev #dev{display:flex}body.dev #game{display:none}.hs-sheet{display:flex;flex-direction:column;gap:8px;padding:0}.hs-head{background:#0b173c;border:3px solid #1250a2;box-shadow:inset 0 0 0 2px #06295d;height:46px;display:flex;align-items:center;padding:0 16px;font:19px/1 var(--g-pixel);color:#f1fcff;letter-spacing:1px;text-shadow:2px 2px 0 #000}.hs-head.small{height:38px;font-size:16px}.hs-pager{margin-left:auto;display:flex;gap:10px;align-items:center}.hs-page{font:10px var(--g-pixel);color:#bdeeff;text-shadow:none;letter-spacing:0}.hs-arrow{width:34px;height:32px;padding:0;cursor:pointer;background:#0050b8;border:2px solid #5aa8ff;box-shadow:inset 0 -3px #003a8a;display:grid;place-items:center}.hs-arrow:before{content:"";border-top:7px solid transparent;border-bottom:7px solid transparent}.hs-arrow.prev:before{border-right:10px solid #fff;margin-right:2px}.hs-arrow.next:before{border-left:10px solid #fff;margin-left:2px}.hs-gridwrap,.hs-swwrap{background:#0340a2;border:3px solid #1250a2;box-shadow:inset 0 0 0 3px #06295d;padding:10px}.hs-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.hs-tile{height:70px;padding:0;cursor:pointer;background:linear-gradient(180deg,#0a5bc0,#0050b3 55%,#004bad);border:3px solid #0f75d9;box-shadow:inset 0 0 0 2px #0a4898;display:grid;place-items:center;overflow:hidden}.hs-tile:hover{border-color:#5ab8ff}.hs-tile.on{border-color:#c8ffff;box-shadow:0 0 0 3px #0287c7,0 0 12px 2px #3fe0ff,inset 0 0 0 2px #3fd0ff}.hs-tile canvas,.hs-tile img{image-rendering:pixelated}.hs-swwrap{padding:10px 12px}.hs-swatches{display:flex;flex-wrap:wrap;gap:8px}.hs-sw{padding:0;cursor:pointer;border:3px solid #404551;border-radius:4px;box-shadow:inset 0 -4px #00000029}.hs-sw:hover{border-color:#8fb8ff}.hs-sw.on{border-color:#c8ffff;box-shadow:0 0 0 3px #0287c7,0 0 10px 1px #3fe0ff}.hs-swatches.hair .hs-sw{width:42px;height:40px}.hs-swatches.skin .hs-sw{width:66px;height:40px}.hs-swatches.small{gap:5px}.hs-swatches.small .hs-sw{width:22px;height:22px;border-width:2px;border-radius:3px}.hs-side .hs-label{font:800 14px var(--g-ui);color:#fff;margin:8px 0 5px;letter-spacing:.5px;text-shadow:2px 2px 0 #032c6c}canvas.athlete{image-rendering:pixelated}.hs-tabs{display:flex;gap:8px}.hs-tab{flex:1;height:40px;cursor:pointer;background:#0547a7;border:3px solid #0b74d8;box-shadow:inset 0 0 0 2px #063f98;font:14px var(--g-pixel);color:var(--g-dim);letter-spacing:1px}.hs-tab.on{background:#0b173c;border-color:#29c0ff;color:#f1fcff;text-shadow:2px 2px 0 #000}.hs-tile{height:64px}.hs-zones{display:flex;flex-wrap:wrap;gap:6px}.hs-zone{height:28px;padding:0 9px;cursor:pointer;background:#0a56bd;border:2px solid #1a8ff0;color:#cfe7ff;font:700 11px var(--g-ui);letter-spacing:.5px}.hs-zone.inked{border-color:#f5c518;color:#fff3c4}.hs-zone.on{background:#c8ffff;border-color:#0287c7;color:#06295d}.hs-sw.text{width:auto!important;padding:0 8px;background:#0a56bd;color:#fff;font:700 11px var(--g-ui)}.hs-head>.hs-page{margin-left:auto}.hs-grid.eyes{grid-template-columns:repeat(8,1fr)}.hs-grid.eyes .hs-tile{height:52px}.g-arena{overflow:hidden;background:#021c45;image-rendering:auto}.g-arena-world{position:absolute;left:0;top:0;transform-origin:0 0}.g-arena-world.crisp>img,.g-arena-world.crisp>canvas{image-rendering:pixelated}.g-arena-world>img,.g-arena-world>canvas{position:absolute;left:0;top:0;width:100%;height:100%;image-rendering:auto;-webkit-user-select:none;user-select:none}.g-arena-overlay{cursor:crosshair;touch-action:none}.g-arena-bar{background:#04357a;border-top:3px solid var(--g-border);box-shadow:inset 0 3px 0 var(--g-border-lo);display:flex;align-items:center;gap:18px;padding:0 18px 0 116px;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.g-arena-bar::-webkit-scrollbar{display:none}.g-arena-bar>*{flex:none}.g-arena-title{font:800 22px/1 var(--g-ui);letter-spacing:1px;text-shadow:2px 2px 0 #053778;white-space:nowrap}.g-arena-group{display:flex;flex-direction:column;gap:4px}.g-arena-label{font:700 10px/1 var(--g-ui);letter-spacing:1.5px;color:var(--g-dim)}.g-arena-seg{display:flex;gap:4px}.g-arena-btn{height:34px;padding:0 11px;background:#0547a7;border:3px solid #0b74d8;box-shadow:inset 0 -3px #043c8e;font:700 13px/1 var(--g-ui);letter-spacing:.5px;color:#8cc6ff;cursor:pointer;white-space:nowrap}.g-arena-btn:hover{color:#fff;border-color:var(--g-border-hi)}.g-arena-btn.on{background:#0a5fd2;border-color:#29c0ff;color:#fff;text-shadow:1px 1px 0 #053778}.g-arena-readout{font:700 11px/1.3 var(--g-ui);letter-spacing:.5px;color:#fff;text-shadow:1px 1px 0 #021c45,-1px 0 0 #021c45,0 -1px 0 #021c45;pointer-events:none;white-space:nowrap}.g-arena-name{min-width:118px;color:#fff}.g-ctl-zone{position:absolute;pointer-events:auto;touch-action:none}.g-ctl-base{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#ffffff1a 0,#ffffff1a 58%,#ffffff2e 60%,#ffffff2e);border:3px solid rgba(255,255,255,.42);box-sizing:border-box;box-shadow:0 0 0 2px #021c4559,inset 0 0 0 2px #021c4540;opacity:.8;transition:opacity .12s}.g-ctl-base.on{opacity:1}.g-ctl-knob{position:absolute;left:50%;top:50%;margin:-31px 0 0 -31px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff 0,#fff 22%,#d9ecff 23%,#d9ecff 62%,#a9cdf2 63%,#a9cdf2);border:3px solid rgba(4,53,122,.85);box-sizing:border-box;box-shadow:0 3px #021c4573}.g-ctl-sprint{position:absolute;width:112px;height:112px;border-radius:50%;pointer-events:auto;touch-action:none;cursor:pointer;display:grid;place-items:center;align-content:center;gap:2px;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 40% 32%,#40aaffeb,#0548a6eb 70%);border:4px solid rgba(255,255,255,.7);box-sizing:border-box;box-shadow:0 0 0 3px #021c4580,inset 0 -6px #04286499;font:800 15px/1 var(--g-ui);letter-spacing:1px;color:#fff;text-shadow:2px 2px 0 #053778;opacity:.88;transition:transform .06s,opacity .06s}.g-ctl-sprint.on{transform:scale(.93);opacity:1;background:radial-gradient(circle at 40% 32%,#78d6fffa,#0a6edcfa 70%);border-color:#fff}.g-ctl-sprint-icon{width:40px;height:26px;background:linear-gradient(135deg,transparent 0 30%,#fff 31% 49%,transparent 50%) 0 0/20px 26px no-repeat,linear-gradient(45deg,transparent 0 50%,#fff 51% 69%,transparent 70%) 0 13px/20px 13px no-repeat,linear-gradient(135deg,transparent 0 30%,#fff 31% 49%,transparent 50%) 18px 0/20px 26px no-repeat,linear-gradient(45deg,transparent 0 50%,#fff 51% 69%,transparent 70%) 18px 13px/20px 13px no-repeat;filter:drop-shadow(2px 2px 0 #053778)}.g-ctl-jump{position:absolute;width:82px;height:82px;border-radius:50%;pointer-events:auto;touch-action:none;cursor:pointer;display:grid;place-items:center;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 40% 32%,#ffd65af2,#d68c0af2 70%);border:4px solid rgba(255,255,255,.7);box-sizing:border-box;box-shadow:0 0 0 3px #021c4580,inset 0 -5px #7846008c;font:800 14px/1 var(--g-ui);letter-spacing:1px;color:#fff;text-shadow:2px 2px 0 #6b3d00;opacity:.9;transition:transform .06s}.g-ctl-jump.on{transform:scale(.92);opacity:1}.g-ctl-shoot,.g-ctl-pass{position:absolute;border-radius:50%;pointer-events:auto;touch-action:none;cursor:pointer;display:grid;place-items:center;-webkit-user-select:none;user-select:none;border:4px solid rgba(255,255,255,.7);box-sizing:border-box;font:800 14px/1 var(--g-ui);letter-spacing:1px;color:#fff;opacity:.9;transition:transform .06s}.g-ctl-shoot{width:96px;height:96px;background:radial-gradient(circle at 40% 32%,#ff7860f2,#c41e24f2 70%);box-shadow:0 0 0 3px #021c4580,inset 0 -6px #6e0a148c;text-shadow:2px 2px 0 #6b0a12}.g-ctl-pass{width:82px;height:82px;background:radial-gradient(circle at 40% 32%,#8cec78f2,#24963cf2 70%);box-shadow:0 0 0 3px #021c4580,inset 0 -5px #0a501e8c;text-shadow:2px 2px 0 #0b4a1c}.g-ctl-shoot.on,.g-ctl-pass.on{transform:scale(.92);opacity:1}.g-arena-scene{position:absolute;left:0;top:0;pointer-events:none}.g-arena-menu{position:absolute;z-index:46;width:46px;height:40px;padding:9px 10px;display:grid;align-content:space-between;background:#04286ec7;border:3px solid #29c0ff;box-shadow:0 3px #021c4580;cursor:pointer}.g-arena-menu span{display:block;height:3px;background:#fff}.g-arena-menu.on{background:#0a5fd2}.g-arena-world>.g-arena-overlay{position:absolute;left:0;top:0;width:100%;height:100%}.g-pwa{display:grid;gap:18px;justify-items:center}.g-pwa-steps{margin:0;padding-left:28px;max-width:560px;font:600 17px/1.5 var(--g-ui);color:#fff}.g-pwa-steps li{margin:6px 0}.g-pwa-steps b{color:#ffd84a}.g-pwa-share{display:inline-grid;place-items:center;width:26px;height:26px;border:2px solid #fff;border-radius:6px;font-size:14px;vertical-align:middle}.g-pwa-hint{position:absolute;left:50%;top:84px;transform:translate(-50%);z-index:45;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 16px;white-space:nowrap;background:#04286eeb;border:3px solid #29c0ff;color:#fff;font:700 14px var(--g-ui)}.g-say{position:absolute;left:0;right:0;top:25%;text-align:center;pointer-events:none;z-index:31;opacity:0;transition:opacity .22s}.g-say.on{opacity:1;animation:g-say-pop .32s steps(6) both}.g-say-main{font:28px/1.15 var(--g-pixel);color:#fff;letter-spacing:1px;padding:0 16px;text-shadow:3px 0 0 var(--say-o),-3px 0 0 var(--say-o),0 3px 0 var(--say-o),0 -3px 0 var(--say-o),3px 3px 0 var(--say-o),-3px 3px 0 var(--say-o),3px -3px 0 var(--say-o),-3px -3px 0 var(--say-o),0 6px 0 #02102e}.g-say-sub{font:11px/1.4 var(--g-pixel);color:#dff0ff;margin-top:10px;letter-spacing:1px;text-shadow:2px 0 0 #02102e,-2px 0 0 #02102e,0 2px 0 #02102e,0 -2px 0 #02102e}.g-say-sub:empty{display:none}.g-say{--say-o: #0a3a9a}.g-say[data-tone="1"]{--say-o: #8a0a1a}.g-say[data-tone=gold]{--say-o: #6b4300}.g-say[data-tone=gold] .g-say-main{color:#ffe27a}.g-say[data-tone=fire]{--say-o: #8a1600}.g-say[data-tone=fire] .g-say-main{color:#ffd040;animation:g-say-burn .14s steps(2) infinite}.g-say.small{top:30%}.g-say.small.on{animation:none}.g-say.small .g-say-main{font-size:14px;text-shadow:2px 0 0 var(--say-o),-2px 0 0 var(--say-o),0 2px 0 var(--say-o),0 -2px 0 var(--say-o),0 3px 0 #02102e}.g-say.small .g-say-sub{font-size:9px;margin-top:6px}@keyframes g-say-pop{0%{transform:scale(1.7)}50%{transform:scale(.94)}to{transform:scale(1)}}@keyframes g-say-burn{0%{color:#ffd040}to{color:#ff8a1c}}.g-arena-pause{position:absolute;right:14px;top:14px;width:58px;height:58px;z-index:34;border-radius:12px;cursor:pointer;background:#05286eb8;border:3px solid rgba(255,255,255,.75);display:flex;gap:8px;align-items:center;justify-content:center;padding:0;touch-action:none}.g-arena-pause span{width:8px;height:24px;background:#fff;box-shadow:2px 2px #021c45}.g-arena-pause.on{background:#0a5fd2}.g-clip-btn{position:absolute;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:35;display:flex;align-items:center;gap:10px;padding:12px 20px;font:14px/1 var(--g-pixel);color:#fff;letter-spacing:1px;background:#05286ee0;border:3px solid rgba(255,255,255,.85);border-radius:12px;cursor:pointer;touch-action:none;box-shadow:0 4px #021c45;animation:g-clip-in .25s steps(5) both}.g-clip-btn:active{transform:translate(-50%) translateY(2px)}.g-clip-dot{width:12px;height:12px;border-radius:50%;background:#ff3b30;box-shadow:0 0 0 2px #fff;animation:g-clip-blink 1s steps(2) infinite}.g-clip-badge{position:absolute;right:16px;top:calc(16px + env(safe-area-inset-top));z-index:36;display:flex;align-items:center;gap:8px;padding:8px 12px;font:11px/1 var(--g-pixel);color:#fff;background:#05060fc7;border-radius:8px;pointer-events:none}.g-clip-hold{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#02102d99}.g-clip-card{display:grid;gap:12px;justify-items:center;padding:22px 26px;background:#06235a;border:3px solid rgba(255,255,255,.8);border-radius:14px;min-width:260px}.g-clip-title{font:20px/1 var(--g-pixel);color:#ffd65a;letter-spacing:1px}.g-clip-note{font:11px/1.4 var(--g-pixel);color:#dff0ff}.g-clip-act{width:100%;padding:14px 18px;font:14px/1 var(--g-pixel);color:#fff;letter-spacing:1px;cursor:pointer;background:#0a8a3a;border:3px solid rgba(255,255,255,.85);border-radius:10px;box-shadow:0 4px #04431c}.g-clip-act:active{transform:translateY(2px);box-shadow:0 2px #04431c}.g-clip-act:disabled{opacity:.45;cursor:default}.g-clip-act.g-clip-close{background:#0548a6;box-shadow:0 4px #021c45}@keyframes g-clip-in{0%{opacity:0}to{opacity:1}}@keyframes g-clip-blink{50%{opacity:.25}}.g-over{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#02102db8;display:grid;place-items:center;overflow-y:auto;padding:18px 0}.g-over-card{background:var(--g-panel);border:4px solid var(--g-border);box-shadow:0 0 0 3px var(--g-border-lo),inset 0 0 0 4px #0a52b3;padding:20px 26px 22px;min-width:520px;max-width:min(1180px,94%);text-align:center}.g-over-title{font:26px var(--g-pixel);color:#fff;text-shadow:3px 3px 0 #021c45;margin-bottom:12px}.g-final .g-over-title{color:#ffd65a}.g-over-score{font:22px var(--g-pixel);color:#fff;margin-bottom:14px}.g-over-score small{display:block;font:700 14px var(--g-ui);letter-spacing:1px;color:#8cc6ff;margin-top:6px}.g-over-score.w0 small{color:#6fb6ff}.g-over-score.w1 small{color:#ff7a5a}.g-over-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:6px 0 4px}.g-over-btn{min-width:170px;height:54px;padding:0 18px;background:var(--g-box);border:3px solid #1394ec;color:#fff;font:800 17px var(--g-ui);letter-spacing:1px;cursor:pointer}.g-over-btn:hover{border-color:#fff}.g-over-btn.primary{background:#ffd65a;color:#3a2400;border-color:#fff3c0}.g-over-btn.quiet{background:transparent;color:#8cc6ff}.g-over-btn.on{background:#fff;color:#0548a6}.g-over-box{margin-top:14px}.g-potg{display:inline-block;margin:2px auto 14px;padding:12px 22px;background:#05060f;border:3px solid #ffd65a;box-shadow:0 0 0 3px #6b4300;min-width:360px}.g-potg.c1{border-color:#ff7a5a;box-shadow:0 0 0 3px #7a1020}.g-potg-tag{font:10px var(--g-pixel);color:#ffd65a;letter-spacing:1px}.g-potg-name{font:18px var(--g-pixel);color:#fff;margin:10px 0 6px}.g-potg-name small{display:block;font:700 12px var(--g-ui);color:#8cc6ff;margin-top:6px;letter-spacing:1px}.g-potg-line{font:800 16px var(--g-ui);color:#a5f05a;letter-spacing:1px}.g-box-wrap{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;text-align:left}.g-box-club{background:#05060f;border:3px solid #0b84de;padding:8px 10px 10px}.g-box-club.c1{border-color:#c0303a}.g-box-name{font:12px var(--g-pixel);color:#6fb6ff;margin:2px 0 8px}.g-box-club.c1 .g-box-name{color:#ff7a5a}.g-bs{border-collapse:collapse;font:700 13px var(--g-ui);color:#dfeeff}.g-bs th{font:800 11px var(--g-ui);color:#8cc6ff;padding:2px 6px;text-align:center;letter-spacing:.5px}.g-bs td{padding:3px 6px;text-align:center;border-top:1px solid #13284f}.g-bs td.n{text-align:left;min-width:120px;white-space:nowrap}.g-bs tr.me td{color:#ffd65a}.g-bs tr.hot td.n{color:#ff9a2a}.g-bs tr.tot td{color:#fff;border-top:2px solid #2b4d8a}.g-set{display:grid;gap:5px;min-width:640px}.g-set-row{display:grid;grid-template-columns:210px 1fr;align-items:center;gap:12px}.g-set-label{font:800 15px var(--g-ui);color:#fff;letter-spacing:1px;text-align:left}.g-set-label small{display:block;font:600 11px var(--g-ui);color:#8cc6ff;letter-spacing:0;margin-top:2px}.g-set-opts{display:flex;gap:6px;align-items:center}.g-set-opt{flex:1;height:40px;background:var(--g-box);border:3px solid #1394ec;color:#fff;font:800 14px var(--g-ui);cursor:pointer;padding:0 8px;white-space:nowrap}.g-set-opt.on{background:#fff;color:#0548a6;border-color:#fff}.g-set-range{flex:1;height:44px;accent-color:#ffd65a}.g-set-val{min-width:50px;font:12px var(--g-pixel);color:#ffd65a}.g-set-done{display:block;margin:10px auto 0;min-width:200px;height:52px;background:#ffd65a;color:#3a2400;border:3px solid #fff3c0;font:800 18px var(--g-ui);cursor:pointer}.g-menu-settings{position:absolute;z-index:5;cursor:pointer}.g-card{position:absolute;left:50%;bottom:18px;z-index:32;display:flex;pointer-events:none;transform:translate(-50%,160%);transition:transform .24s cubic-bezier(.2,.9,.3,1.2);--c-main: #1d58c8;--c-hi: #4ad4ff;--c-dark: #0a2a6b}.g-card.on{transform:translate(-50%)}.g-card.hide{visibility:hidden}.g-card[data-club="1"]{--c-main: #b8202c;--c-hi: #ff8a7a;--c-dark: #5a0a14}.g-card-pic{width:112px;height:112px;background:#0b2a66;border:4px solid #0a1838;box-shadow:inset 0 0 0 3px var(--c-hi);display:grid;place-items:end center;overflow:hidden}.g-card[data-club="1"] .g-card-pic{background:#5a1420}.g-card-face{width:auto;height:104px;image-rendering:pixelated}.g-card-body{background:var(--c-main);border:4px solid #0a1838;border-left:none;box-shadow:inset 0 0 0 3px #ffffff40;padding:8px 18px 8px 16px;min-width:430px}.g-card-name{font:800 22px var(--g-ui);color:#fff;text-shadow:2px 2px 0 var(--c-dark);white-space:nowrap;padding-bottom:5px;border-bottom:3px solid var(--c-hi);margin-bottom:6px}.g-card-row{display:flex;align-items:center;gap:14px}.g-card-logo{width:54px;font:46px/1 var(--g-pixel);color:var(--c-main);text-align:center;text-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,2px 2px 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff;opacity:.9}.g-card-col{flex:1;text-align:center;min-width:90px}.g-card-k{font:800 18px var(--g-ui);color:#fff;letter-spacing:1px}.g-card-v{font:800 26px var(--g-ui);color:#fff;text-shadow:2px 2px 0 var(--c-dark)}.g-card.on .g-card-logo+.g-card-col .g-card-v{animation:g-card-num .5s steps(4) .15s both}@keyframes g-card-num{0%{transform:scale(1.6);color:#ffe27a}to{transform:scale(1)}}.g-set{max-height:520px;overflow-y:auto;padding-right:8px;overscroll-behavior:contain}.g-set-head{font:11px var(--g-pixel);color:#ffd65a;letter-spacing:2px;margin:10px 0 2px;text-align:left;border-bottom:2px solid #0b84de;padding-bottom:4px}.g-set-head:first-child{margin-top:0}.g-ctl.draw .g-ctl-jump{background:radial-gradient(circle at 40% 32%,#ffec8cfa,#e6960afa 70%);border-color:#fff;animation:g-ctl-draw .5s steps(2) infinite}@keyframes g-ctl-draw{0%{box-shadow:0 0 0 3px #021c4580,0 0 0 6px #ffd65a00}to{box-shadow:0 0 0 3px #021c4580,0 0 0 8px #ffd65abf}}.g-pi{position:absolute;top:0;right:0;bottom:0;left:0;z-index:36;pointer-events:auto;overflow:hidden;--u: clamp(6px, 2.05vh, 12px);--c-main: #1d58c8;--c-hi: #4ad4ff;--c-dark: #0a2a6b;--c-ink: #061334}.g-pi.out{animation:g-pi-out .4s ease-in forwards}@keyframes g-pi-out{to{opacity:0}}.g-pi-bars:before,.g-pi-bars:after{content:"";position:absolute;left:0;right:0;height:6.5vh;background:#02060f;z-index:-1;animation:g-pi-bar .5s cubic-bezier(.2,.9,.3,1) both}.g-pi-bars:before{top:0;transform-origin:top}.g-pi-bars:after{bottom:0;transform-origin:bottom}@keyframes g-pi-bar{0%{transform:scaleY(0)}}.g-pi-ann{position:absolute;top:calc(6.5vh + var(--u));left:50%;transform:translate(-50%,-160%);display:flex;align-items:center;gap:calc(var(--u) * 1.2);padding:calc(var(--u) * .9) calc(var(--u) * 1.8);background:linear-gradient(180deg,#0a1634f0,#040a1cf0);border:2px solid #ffd65a;border-radius:4px;box-shadow:0 4px #00000059;transition:transform .3s cubic-bezier(.2,.9,.3,1.25);white-space:nowrap;max-width:92vw}.g-pi-ann.on{transform:translate(-50%)}.g-pi-mic{font:calc(var(--u) * 1.05) var(--g-pixel);color:#ff5a4e;animation:g-pi-blink 1s steps(2) infinite}@keyframes g-pi-blink{50%{opacity:.35}}.g-pi-ann-text{font:calc(var(--u) * 1.2)/1.3 var(--g-pixel);color:#fff;letter-spacing:1px;text-shadow:2px 2px 0 #000;min-width:1ch}.g-pi-title{position:absolute;left:0;right:0;top:30%;text-align:center;opacity:0;transform:scale(.85);transition:opacity .3s,transform .45s cubic-bezier(.2,.9,.3,1.3)}.g-pi-title.on{opacity:1;transform:scale(1)}.g-pi-title-main{display:inline-block;font:calc(var(--u) * 3.6)/1 var(--g-pixel);color:#fff;letter-spacing:3px;padding:calc(var(--u) * 1.2) calc(var(--u) * 2.6);background:linear-gradient(90deg,#0b3aa8,#1d58c8 45%,#b8202c 55%,#8a1220);border:3px solid #fff;transform:skew(-8deg);text-shadow:3px 3px 0 #000;box-shadow:0 6px #0006}.g-pi-title-sub{margin-top:calc(var(--u) * 1.3);font:calc(var(--u) * 1.5) var(--g-pixel);color:#ffd65a;letter-spacing:3px;text-shadow:2px 2px 0 #000}.g-pi-band{position:absolute;left:0;right:0;top:24%;transform:translate(-110%) skew(-10deg);transition:transform .42s cubic-bezier(.2,.9,.3,1.1);background:linear-gradient(90deg,var(--c-dark),var(--c-main) 30%,var(--c-main) 70%,var(--c-dark));border-top:4px solid #fff;border-bottom:4px solid var(--c-hi);padding:calc(var(--u) * 1.4) 0;text-align:center;box-shadow:0 6px #00000059}.g-pi-band.on{transform:translate(0) skew(-10deg)}.g-pi-band[data-club="1"]{--c-main: #b8202c;--c-hi: #ff8a7a;--c-dark: #5a0a14}.g-pi-band[data-club="-1"]{--c-main: #2a2f45;--c-hi: #ffd65a;--c-dark: #11131f}.g-pi-band-main{font:calc(var(--u) * 1.4) var(--g-pixel);color:#ffe7a0;letter-spacing:3px;transform:skew(10deg);text-shadow:2px 2px 0 #000}.g-pi-band-sub{margin-top:calc(var(--u) * .9);font:italic 900 calc(var(--u) * 5.2)/1 var(--g-ui);color:#fff;letter-spacing:4px;transform:skew(10deg);text-shadow:4px 4px 0 var(--c-dark),0 0 18px rgba(255,255,255,.25)}.g-pi-card{position:absolute;left:calc(var(--u) * 2);bottom:calc(6.5vh + var(--u) * 1.6);display:flex;align-items:stretch;pointer-events:none;transform:translate(-120%);transition:transform .38s cubic-bezier(.2,.9,.3,1.12);filter:drop-shadow(0 6px 0 rgba(0,0,0,.4))}.g-pi-card.on{transform:translate(0)}.g-pi-card[data-club="1"]{--c-main: #b8202c;--c-hi: #ff8a7a;--c-dark: #5a0a14}.g-pi-pic{position:relative;width:calc(var(--u) * 12);height:calc(var(--u) * 12);background:radial-gradient(circle at 50% 35%,var(--c-hi),var(--c-main) 55%,var(--c-dark));border:3px solid #fff;border-right:none;display:grid;place-items:end center;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.g-pi-face{height:96%;width:auto;image-rendering:pixelated}.g-pi-tag{position:absolute;left:0;top:0;font:calc(var(--u) * .8) var(--g-pixel);color:#3a2400;background:#ffd65a;padding:3px 5px;letter-spacing:1px}.g-pi-num{display:grid;place-items:center;width:calc(var(--u) * 8.6);background:linear-gradient(180deg,var(--c-main),var(--c-dark));border-top:3px solid #fff;border-bottom:3px solid #fff;font:italic 900 calc(var(--u) * 7.4)/1 var(--g-ui);color:#fff;text-shadow:3px 3px 0 var(--c-ink),-1px -1px 0 var(--c-hi)}.g-pi-card.on .g-pi-num{animation:g-pi-num .5s cubic-bezier(.2,.9,.3,1.4) .1s both}@keyframes g-pi-num{0%{transform:scale(1.8);opacity:0}}.g-pi-body{position:relative;background:linear-gradient(100deg,#f7f9ff 0,#f7f9ff 62%,#dde5f4);border:3px solid #fff;border-left:none;padding:calc(var(--u) * .9) calc(var(--u) * 2.4) calc(var(--u) * .7) calc(var(--u) * 1.4);min-width:calc(var(--u) * 34);clip-path:polygon(0 0,100% 0,calc(100% - var(--u) * 1.8) 100%,0 100%)}.g-pi-body:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--c-hi)}.g-pi-card.on .g-pi-body{animation:g-pi-wipe .45s cubic-bezier(.2,.9,.3,1) .08s both}@keyframes g-pi-wipe{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}}.g-pi-first{font:800 calc(var(--u) * 1.5)/1 var(--g-ui);color:#43506e;letter-spacing:2px}.g-pi-last{font:italic 900 calc(var(--u) * 3.6)/1.02 var(--g-ui);color:var(--c-ink);letter-spacing:1px;white-space:nowrap}.g-pi-meta{font:800 calc(var(--u) * 1.15)/1.3 var(--g-ui);color:var(--c-main);letter-spacing:1.5px;padding-bottom:calc(var(--u) * .5);border-bottom:2px solid #c9d3e6;margin-bottom:calc(var(--u) * .6);white-space:nowrap}.g-pi-statrow{display:flex;align-items:center;gap:calc(var(--u) * 1.2)}.g-pi-season{font:calc(var(--u) * .78)/1.5 var(--g-pixel);color:#fff;background:var(--c-dark);padding:calc(var(--u) * .4) calc(var(--u) * .6);writing-mode:horizontal-tb;letter-spacing:1px;max-width:calc(var(--u) * 8);text-align:center}.g-pi-stats{display:flex;gap:calc(var(--u) * 1.6)}.g-pi-stat{text-align:center;min-width:calc(var(--u) * 4)}.g-pi-card.on .g-pi-stat{animation:g-pi-stat .4s cubic-bezier(.2,.9,.3,1.5) both}@keyframes g-pi-stat{0%{transform:translateY(60%);opacity:0}}.g-pi-stat-v{font:italic 900 calc(var(--u) * 2.5)/1 var(--g-ui);color:var(--c-ink)}.g-pi-stat-k{font:800 calc(var(--u) * .95)/1.2 var(--g-ui);color:#6a7896;letter-spacing:1.5px}.g-pi-skip{position:absolute;right:calc(var(--u) * 1.6);top:calc(6.5vh + var(--u) * 1.2);font:calc(var(--u) * 1) var(--g-pixel);color:#fff;background:#040a1cb8;border:2px solid rgba(255,255,255,.75);padding:calc(var(--u) * .9) calc(var(--u) * 1.4);cursor:pointer;letter-spacing:1px}.g-pi-skip:active{background:#ffd65a;color:#3a2400}html,body{overscroll-behavior:none;touch-action:manipulation}body.game{height:100dvh}#app-stage{position:fixed;inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);overflow:hidden}#game{-webkit-touch-callout:none;touch-action:manipulation}.g-screen-content{position:absolute;top:0;left:50%;width:1280px;height:720px;transform:translate(-50%)}@media(orientation:landscape){#app-stage{top:0;right:0;bottom:0;left:0}#game{padding:0}}body[data-screen=arena] #app-stage,body[data-screen=warmup] #app-stage,body[data-screen=career-combine] #app-stage,body[data-screen=career-match] #app-stage,body[data-screen=quick-match] #app-stage,body[data-screen=career-drill] #app-stage{touch-action:none}button,a,input,select,[role=button]{touch-action:manipulation}.g-menu-btn{color:inherit;font-family:inherit}.g-route-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100% - 64px));box-sizing:border-box;display:flex;align-items:center;flex-direction:column;gap:22px;padding:34px 36px 36px;color:#fff;text-align:center;background:var(--g-panel, #063a8c);border:4px solid var(--g-border, #2bb8ff);box-shadow:0 0 0 3px var(--g-border-lo, #05123a),inset 0 0 0 4px #0a52b3,inset 0 0 0 7px #0b6ad0,0 10px #02081e73}.g-route-title{font:400 26px/1.35 var(--g-pixel, "Press Start 2P", monospace);letter-spacing:1px;text-shadow:3px 3px 0 #05123a}.g-route-line{font:700 26px/1.4 var(--g-ui, system-ui, sans-serif);color:#bce6ff;text-shadow:2px 2px 0 #05123a}.g-route-row{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:6px}.g-route-btn{min-width:250px;min-height:76px;padding:0 26px;background:#0548a6;color:#fff;cursor:pointer;border:4px solid var(--g-border, #2bb8ff);box-shadow:0 0 0 3px var(--g-border-lo, #05123a),inset 0 -6px #043c8e;font:400 20px/1 var(--g-pixel, "Press Start 2P", monospace);letter-spacing:1px;text-shadow:2px 2px 0 #053778}.g-route-btn.primary{background:#f5a300;box-shadow:0 0 0 3px var(--g-border-lo, #05123a),inset 0 -6px #b86f00;text-shadow:2px 2px 0 #7a4300}.g-route-btn:active{transform:translateY(2px)}.g-route-btn:focus-visible{outline:4px solid #fff;outline-offset:4px}#install-app,.install-help button{min-height:44px;padding:10px 18px;border:2px solid #2bb8ff;border-radius:12px;background:#0548a6;color:#fff;font:700 14px/1.3 system-ui,sans-serif;cursor:pointer}#install-app{display:none;position:fixed;bottom:max(10px,env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:10;white-space:nowrap}body[data-screen=menu] #install-app:not([hidden]){display:block}body:has(#game .g-modal-back) #install-app,body:has(#game .g-modal-back) #build-tag,body:has(#game .tut-card) #install-app,body:has(#game .tut-card) #build-tag{display:none!important}#install-app:focus-visible,.install-help button:focus-visible{outline:3px solid white;outline-offset:4px}.install-help{width:min(400px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:auto;box-sizing:border-box;padding:24px;border:2px solid #2bb8ff;border-radius:20px;background:#021c45;color:#fff;font:15px/1.5 system-ui,sans-serif}.install-help::backdrop{background:#00081acc}.install-help img{border-radius:16px}.install-help h2{font-size:22px;line-height:1.2}.install-help form,.install-help form button{width:100%}#rotate-hint{display:none}@media(orientation:portrait)and (max-width:700px){#rotate-hint{display:block;position:fixed;top:max(20px,env(safe-area-inset-top,0px));left:24px;right:24px;padding:12px 14px 11px;color:#fff;text-align:center;font:400 10px/1.7 "Press Start 2P",ui-monospace,monospace;letter-spacing:1px;text-transform:uppercase;text-shadow:2px 2px 0 #05123a;background:#05123ae0;border:3px solid #05123a;box-shadow:inset 0 0 0 2px #2bb8ff,inset 0 0 0 4px #0b3f9e,0 4px #02081e73;pointer-events:none}body:has(.g-rotate-hold) #rotate-hint{display:none}}.g-rotate-hold{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top,0px) 20px env(safe-area-inset-bottom,0px);background:#021c45 url(/splash.webp) center 38% / cover no-repeat;touch-action:none;font-family:"Press Start 2P",ui-monospace,monospace;color:#fff;text-align:center}.g-rotate-hold:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#020c289e}.g-rotate-card{position:relative;width:min(330px,100%);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:16px;padding:26px 18px 24px;background:#05123aeb;border:3px solid #05123a;box-shadow:inset 0 0 0 2px #2bb8ff,inset 0 0 0 4px #0b3f9e,0 5px #02081e80;image-rendering:pixelated}.g-rotate-phone{width:34px;height:58px;box-sizing:border-box;margin:10px 0 6px;border:4px solid #fff;border-radius:3px;box-shadow:4px 4px #05123a,inset 0 0 0 3px #2bb8ff;background:linear-gradient(#0b3f9e,#0b3f9e) center 6px / 8px 3px no-repeat,#1268dc;animation:g-rotate-turn 2.2s steps(1) infinite}@keyframes g-rotate-turn{0%,38%{transform:rotate(0)}46%{transform:rotate(45deg)}54%,92%{transform:rotate(90deg)}to{transform:rotate(0)}}.g-rotate-t{font-size:12px;line-height:1.7;letter-spacing:1px;text-shadow:2px 2px 0 #05123a}.g-rotate-s{font-size:9px;line-height:1.7;color:#ffd65a;letter-spacing:1px;text-shadow:2px 2px 0 #05123a}@media(prefers-reduced-motion:reduce){.g-rotate-phone{animation:none;transform:rotate(90deg)}}@media(display-mode:standalone){#install-app{display:none!important}}@media(orientation:landscape)and (max-height:600px){#game{--safe-left: calc(env(safe-area-inset-left, 0px) / var(--stage-scale, 1));--safe-right: calc(env(safe-area-inset-right, 0px) / var(--stage-scale, 1))}.g-ctl-zone,.g-ctl-base{margin-left:var(--safe-left)}.g-ctl-sprint,.g-ctl-jump,.g-ctl-shoot,.g-ctl-pass{margin-right:var(--safe-right)}.g-arena-back{margin-left:var(--safe-left)}.g-arena-bar{padding-left:calc(116px + var(--safe-left));padding-right:calc(18px + var(--safe-right));gap:12px;touch-action:pan-x}.g-arena-label{display:none}.g-arena-btn{height:60px;font-size:18px;padding:0 14px}.g-arena-readout{font-size:15px;left:calc(70px + var(--safe-left))!important}.g-arena-menu{margin-left:var(--safe-left)}.g-ctl-pass,.g-ctl-jump{min-width:90px;min-height:90px}.g-ctl.lefty .g-ctl-zone,.g-ctl.lefty .g-ctl-base{margin-left:calc(-1 * var(--safe-right))}.g-ctl.lefty .g-ctl-sprint,.g-ctl.lefty .g-ctl-jump,.g-ctl.lefty .g-ctl-shoot,.g-ctl.lefty .g-ctl-pass{margin-right:0;margin-left:var(--safe-left)}.g-arena-pause,.g-pi-skip,.tut-skip{margin-right:var(--safe-right)}}#build-tag{display:none;position:fixed;right:calc(10px + env(safe-area-inset-right));bottom:calc(6px + env(safe-area-inset-bottom));z-index:50;font:600 10px/1 system-ui,sans-serif;color:#dcebff8c;pointer-events:none}body[data-screen=menu] #build-tag{display:block}.acc-chip{padding:0 14px 0 12px;display:flex;align-items:center;gap:10px;text-align:left;font-family:var(--g-ui)}.acc-chip .acc-chip-ic{flex:none;display:inline-block;background:no-repeat center / 100% 100%;image-rendering:pixelated}.acc-chip-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.acc-chip-t{font:12px/1 var(--g-pixel);letter-spacing:1px;color:#fff;text-shadow:2px 2px 0 #053778;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acc-chip-s{font:700 12px/1 var(--g-ui);color:#8cc6ff;text-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acc-chip-s:empty{display:none}.acc-light{flex:none;width:12px;height:12px;box-shadow:0 0 0 2px #001030}.acc-light.none{display:none}.acc-light.ok{background:#46e07a}.acc-light.busy{background:#ffd23f;animation:acc-blink .9s steps(2) infinite}.acc-light.off{background:#7f93b8}.acc-light.warn{background:#ff9a2e;animation:acc-blink 1.2s steps(2) infinite}.acc-light.bad{background:#ff4f5e}@keyframes acc-blink{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.acc-light.busy,.acc-light.warn{animation:none}}.acc-chip-note{position:absolute;z-index:30;padding:12px 16px;background:#05060f;border:4px solid var(--g-border);box-shadow:0 0 0 3px var(--g-border-lo);font:700 16px/1.3 var(--g-ui);color:#fff;text-align:left;cursor:pointer;animation:acc-note-in .25s ease-out}@keyframes acc-note-in{0%{transform:translateY(-8px);opacity:0}}.sm-row .c-icon,.sm-row .tag .c-icon{display:inline-block;flex:none;background:no-repeat center / 100% 100%;image-rendering:pixelated}.sm-panel{display:flex;flex-direction:column;gap:8px;padding:16px;box-sizing:border-box}.sm-row{flex:1;min-height:0;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:0 18px 0 12px;background:var(--g-box);border:3px solid #1394ec;box-shadow:inset 0 -5px #0849a4;color:#fff;text-align:left;cursor:pointer;font-family:var(--g-ui)}.sm-row .ic{width:56px;height:56px;display:grid;place-items:center}.sm-row .tx{display:flex;flex-direction:column;gap:6px;min-width:0}.sm-row .tt{font:800 26px/1 var(--g-ui);letter-spacing:.4px;text-shadow:2px 2px 0 #053778}.sm-row .ds{font:600 17px/1.15 var(--g-ui);color:#cfe6ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-row .tag{align-self:start;margin-top:10px;font:800 14px/1 var(--g-ui);letter-spacing:.4px}.sm-row .tag>span{display:inline-flex;align-items:center;gap:6px}.sm-row .pl{color:#6ff0ff}.sm-row .soon{color:#8cc6ff}.sm-row.on{border-color:#6ff0ff;box-shadow:inset 0 -5px #0849a4,0 0 0 3px #2bb8ff;background:#0d68dc}.sm-row.locked{background:#064aa6;border-color:#0b6ed6;cursor:default}.sm-row.locked .tt{color:#9cc8f5}.sm-row.locked .ds{color:#6fa6e0}.sm-row.locked.on{box-shadow:inset 0 -5px #0849a4,0 0 0 3px #0b6ed6;background:#0750b4}.sm-row:focus-visible{outline:3px solid #fff;outline-offset:2px}.sm-extra.g-btn{font:800 16px/1 var(--g-ui);letter-spacing:.3px}.sm-extra.g-btn small{display:block;margin-top:4px;font:600 12px/1 var(--g-ui);color:#8cc6ff;text-shadow:none}