:root{--bg: #07090f;--panel: #0d111b;--panel-2: #151b29;--panel-3: #1d2536;--line: #222a3b;--line-strong: #344158;--text: #eef1f6;--muted: #8c95a8;--dim: #5a6378;--signal: #ffd23f;--signal-hi: #ffe27a;--ink: #141100;--blue: #3d8bff;--blue-l: #9cc4ff;--orange: #ff7a1a;--orange-l: #ffc39a;--good: #4fd18b;--bad: #ff5a5f;--gem: #b98aff;--coin: #ffc531;--cyan: var(--signal);--gold: var(--signal);--green: var(--good);--red: var(--bad);--purple: var(--gem);--cut: 10px;--font-display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--font-body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;overflow:hidden}body{-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;touch-action:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}#game{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;display:block;background:#02040a}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}#toasts{position:fixed;left:50%;top:70px;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;z-index:100;pointer-events:none}.display{font-family:var(--font-display);font-style:italic;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 28px;border:none;border-radius:0;cursor:pointer;clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%);background:var(--panel-3);color:var(--text);font-family:var(--font-display);font-style:italic;font-weight:700;font-size:17px;letter-spacing:.03em;text-transform:uppercase;transition:background .12s,color .12s,transform .08s}.btn:hover{background:#2a3449}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn.primary,.btn.gold{background:var(--signal);color:var(--ink)}.btn.primary:hover,.btn.gold:hover{background:var(--signal-hi)}.btn.gem{background:var(--gem);color:#160628}.btn.gem:hover{background:#cba6ff}.btn.gem .gem-ico{background:#160628}.btn.warn{background:var(--bad);color:#fff}.btn.ghost{background:transparent;color:var(--muted)}.btn.ghost:hover{color:var(--text);background:var(--panel-2)}.btn.sm{padding:7px 18px;font-size:14px;--cut: 7px}.btn.lg{padding:15px 38px;font-size:21px;--cut: 13px}.btn.block{width:100%}.panel{background:var(--panel);border:1px solid var(--line)}.input{width:100%;padding:12px 14px;border:none;border-bottom:2px solid var(--line-strong);border-radius:0;background:var(--panel-2);color:var(--text);font-size:17px;outline:none;user-select:text;-webkit-user-select:text}.input:focus{border-bottom-color:var(--signal)}.input.code{font-family:var(--font-display);font-weight:800;text-align:center;font-size:36px;letter-spacing:.35em;text-transform:uppercase}.coin-ico{display:inline-block;width:.95em;height:.95em;border-radius:50%;vertical-align:-.12em;background:var(--coin);box-shadow:inset 0 0 0 2px #b8860b,inset 2px 2px 0 2px #ffe58a}.gem-ico{display:inline-block;width:.95em;height:.95em;vertical-align:-.12em;clip-path:polygon(50% 0,100% 38%,50% 100%,0 38%);background:linear-gradient(160deg,#e6d4ff 0 30%,var(--gem) 30% 70%,#7a4fd1 70%)}.gem-ico.big{width:1.2em;height:1.2em}.coins{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:700;color:var(--coin);font-variant-numeric:tabular-nums}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--panel-2);font-size:13px}.chip.gems{color:var(--gem);font-family:var(--font-display);font-weight:700;font-variant-numeric:tabular-nums}.kbd{display:inline-block;min-width:24px;padding:1px 6px;border:1px solid var(--line-strong);border-bottom-width:3px;background:var(--panel-2);font-family:var(--font-display);font-weight:700;font-size:13px;text-align:center;color:var(--text)}.screen{position:absolute;inset:0;display:flex;animation:fadein .2s ease}.screen.scrim{background:linear-gradient(90deg,#07090ff2,#07090fdb 40%,#07090f8c,#07090f4d)}.screen.dark{background:#04060bdb}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes slidein-l{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.8)}70%{opacity:1;transform:scale(1.03)}to{transform:scale(1)}}.page{margin:auto;width:min(960px,calc(100% - 32px));max-height:calc(100% - 32px);display:flex;flex-direction:column;padding:22px 26px;gap:16px;animation:rise .25s ease}.page-head{display:flex;align-items:center;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.page-head h2{margin:0;font-family:var(--font-display);font-style:italic;font-size:40px;font-weight:800;line-height:.9;text-transform:uppercase;letter-spacing:.01em}.page-head p{margin:4px 0 0;color:var(--muted);font-size:14px}.page-head .spacer{flex:1}.scroll{overflow-y:auto;min-height:0;padding-right:4px}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-thumb{background:var(--line-strong)}.menu-screen{background:linear-gradient(180deg,#07090f80,#07090fd1 70%)}.menu{position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,2vh,18px);padding:clamp(12px,3vh,28px) clamp(14px,3vw,40px);max-width:1500px;margin:0 auto}.menu-top{display:flex;align-items:center;gap:18px;animation:rise .3s ease}.logo-word{position:relative;padding-left:34px;font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(36px,6.4vh,60px);line-height:.85;letter-spacing:-.01em;text-transform:uppercase;color:#fff}.logo-word span{color:var(--signal)}.logo-word:before{content:"";position:absolute;left:0;top:18%;width:26px;height:64%;background:repeating-linear-gradient(180deg,var(--signal) 0 18%,transparent 18% 41%);transform:skew(-18deg)}.plate{display:flex;align-items:center;gap:10px;padding:5px 16px 5px 5px;background:#0d111bd9;border:1px solid var(--line)}.plate-info{min-width:0}button.plate{cursor:pointer;color:inherit;font:inherit;text-align:left;transition:border-color .12s}button.plate:hover,button.plate:focus-visible{border-color:var(--signal);outline:none}.pname .pencil{margin-left:6px;font-style:normal;font-size:.8em;color:var(--signal)}.np{width:min(520px,calc(100% - 28px))}.np-current{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:34px;text-transform:uppercase;color:var(--signal);text-align:center;padding:6px;background:var(--panel-2);overflow-wrap:anywhere}.np-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.np-chip{padding:12px 8px;border:2px solid var(--line-strong);background:var(--panel-2);color:var(--text);cursor:pointer;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:18px;transition:border-color .1s,background .1s}.np-chip:hover,.np-chip:focus-visible{border-color:var(--signal);background:var(--panel-3);outline:none}.np .row .input{flex:1}.np .row>.btn{flex:none}.avatar{width:40px;height:40px;display:grid;place-items:center;font-family:var(--font-display);font-style:italic;font-weight:900;font-size:22px;background:var(--blue);color:#fff;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.pname{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:19px;line-height:1;text-transform:uppercase;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plevel{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:600;margin-top:4px}.xp{display:inline-block;width:70px;height:5px;background:var(--panel-3)}.xp>span,.xp>div{display:block;height:100%;background:var(--signal);transition:width .5s}.topbar{margin-left:auto;display:flex;gap:8px;align-items:center}.topbar .btn{white-space:nowrap}.mm-body{min-height:0;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr);gap:clamp(10px,1.6vw,18px)}.mm-panel{min-height:0;padding:clamp(10px,1.8vh,18px);background:#0a0e17d1;border:1px solid var(--line);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.mm-play{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(6px,1.2vh,10px);animation:rise .3s ease}.mm-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.mm-label:before{content:"";width:12px;height:3px;background:var(--signal);transform:skew(-30deg)}.tile{position:relative;min-width:0;min-height:0;padding:0;border:1px solid var(--line-strong);background:var(--panel-2);color:var(--text);cursor:pointer;text-align:left;transition:border-color .12s,background .12s,transform .12s;animation:rise .3s ease both}.tile:hover,.tile:focus-visible{outline:none;border-color:var(--signal);background:var(--panel-3);transform:translateY(-2px)}.tile:active{transform:translateY(0)}.go{position:absolute;right:10px;bottom:10px;width:30px;height:26px;display:grid;place-items:center;background:var(--panel-3);color:var(--muted);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);transition:background .12s,color .12s}.tile:hover .go,.tile:focus-visible .go{background:var(--signal);color:var(--ink)}.modes{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1vw,12px)}.mode{display:flex;flex-direction:column;gap:4px;padding:10px 12px 14px;border-top:3px solid var(--line-strong)}.mode:hover,.mode:focus-visible{border-top-color:var(--signal)}.mode-title{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:clamp(22px,4.2vh,36px);line-height:.95;text-transform:uppercase;padding-right:36px}.mode-sub{font-size:clamp(11px,1.6vh,13px);color:var(--muted);padding-right:36px}.mode .mode-title{margin-top:auto}.pitch{position:relative;flex:1 1 auto;min-height:48px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:12%;background:radial-gradient(circle at 50% 50%,transparent 0 13%,rgba(156,196,255,.16) 13% calc(13% + 1px),transparent calc(13% + 2px)),linear-gradient(180deg,transparent 8%,rgba(125,211,252,.25) 8% calc(8% + 1px),transparent calc(8% + 1px)),radial-gradient(120% 70% at 50% 100%,rgba(61,139,255,.14),transparent 70%),linear-gradient(180deg,#0a1428,#050a16);border:1px solid #1b2740;overflow:hidden}.pitch:after{content:"";position:absolute;left:0;right:0;bottom:14%;height:2px;background:#7dd3fc99;box-shadow:0 0 10px #7dd3fc99}.pitch:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed rgba(156,196,255,.18)}.pp-goal{position:absolute;top:40%;bottom:14%;width:5px}.pp-goal:before{content:"";position:absolute;top:0;width:clamp(14px,2.4vh,24px);height:3px;background:inherit;box-shadow:inherit}.pp-goal.blue:before{left:0}.pp-goal.orange:before{right:0}.pp-goal.blue{left:0;background:var(--blue);box-shadow:0 0 14px 2px #3d8bffb3}.pp-goal.orange{right:0;background:var(--orange);box-shadow:0 0 14px 2px #ff7a1ab3}.pp-side{display:flex;flex-direction:column;gap:clamp(6px,1.6vh,16px);align-items:center}.pp-ship{width:clamp(22px,4.6vh,46px);height:clamp(10px,2.1vh,21px);background:var(--blue);clip-path:polygon(0 0,100% 50%,0 100%,22% 50%);filter:drop-shadow(0 0 4px var(--blue))}.pp-side.orange .pp-ship{background:var(--orange);transform:scaleX(-1)}.pp-tag{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(18px,4vh,36px);color:var(--blue-l)}.pp-side.orange .pp-tag{color:var(--orange-l)}.pp-ball{width:clamp(14px,3vh,28px);height:clamp(14px,3vh,28px);border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#c9d6ea 60%,#8796ad);box-shadow:0 0 12px #ffffff8c;transition:transform .35s cubic-bezier(.2,1.4,.4,1)}.tile:hover .pp-ball,.tile:focus-visible .pp-ball{transform:translate(26px) translateY(-6px)}.tile:hover .pp-side.blue .pp-ship,.tile:focus-visible .pp-side.blue .pp-ship{filter:drop-shadow(-10px 0 3px rgba(255,210,63,.9))}.online{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1vw,12px)}.online.three{grid-template-columns:1.2fr 1fr 1fr}.t-quick{border-color:#ffd23f73}.t-quick .net-ico{background:#ffd23f1f;color:var(--signal);border-color:#ffd23f66}.net{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:58px}.net-ico{flex:none;width:44px;height:44px;display:grid;place-items:center;background:#4fd18b1f;color:var(--good);border:1px solid rgba(79,209,139,.35)}.net-text{display:flex;flex-direction:column;gap:2px;min-width:0}.net .mode-title{font-size:clamp(18px,3vh,24px)}.net .go{top:50%;bottom:auto;transform:translateY(-50%)}.mm-side{min-height:0;display:grid;grid-template-rows:1fr 1fr;gap:clamp(10px,1.6vh,14px)}.feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:10px;padding:12px;background:#0a0e17d1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);overflow:hidden}.feat-art{position:relative;height:100%;min-height:60px;display:grid;place-items:center}.feat-text{display:flex;flex-direction:column;gap:4px;min-width:0}.feat-title{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:clamp(20px,3.6vh,30px);line-height:.95;text-transform:uppercase;padding-right:30px}.t-store{border-left:3px solid var(--gem)}.feature .case-art{transform:scale(1.35) rotate(-4deg)}.t-store .feat-art{background:radial-gradient(closest-side,rgba(185,138,255,.28),transparent)}.t-garage{border-left:3px solid var(--blue)}.garage-art{background:linear-gradient(180deg,transparent 70%,rgba(125,211,252,.12) 70%,transparent 72%)}.garage-ship{position:absolute;inset:0;width:100%;height:100%}.badge{position:absolute;top:10px;right:22px;padding:2px 8px;background:var(--good);color:#04140b;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.menu-bottom{display:flex;align-items:center;gap:16px}.navrow{display:flex;gap:8px}.navbtn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.03em;background:#151b29e6;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);border:none;box-shadow:inset 0 -2px 0 var(--line-strong)}.navbtn svg{color:var(--muted)}.navbtn:hover,.navbtn:focus-visible{box-shadow:inset 0 -2px 0 var(--signal)}.navbtn:hover svg,.navbtn:focus-visible svg{color:var(--signal)}.navbtn .dot{width:8px;height:8px;border-radius:50%;background:var(--bad);box-shadow:0 0 0 3px #ff5a5f40}.controls-line{flex:1;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:13px;color:var(--muted)}.controls-line b{color:var(--text);font-weight:600;margin-right:4px}.daily{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.daily b{color:var(--text)}.modal-wrap{position:absolute;inset:0;display:grid;place-items:center;background:#04060bc7;z-index:20;animation:fadein .15s}.modal{width:min(500px,calc(100% - 28px));max-height:calc(100% - 28px);overflow-y:auto;padding:22px 24px;display:flex;flex-direction:column;gap:16px;animation:pop .22s ease;border-top:4px solid var(--signal)}.modal h3{margin:0;font-family:var(--font-display);font-style:italic;font-size:32px;font-weight:800;line-height:.95;text-transform:uppercase}.modal .sub{margin:4px 0 0;color:var(--muted);font-size:14px}.opt-group{display:flex;flex-direction:column;gap:7px}.opt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px 18px}.opt-label{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:8px}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;background:var(--line);border:2px solid var(--line)}.seg button{padding:9px 4px;border:none;background:var(--panel-2);cursor:pointer;font-family:var(--font-display);font-style:italic;font-size:16px;font-weight:700;text-transform:uppercase;color:var(--muted);transition:background .1s,color .1s}.seg button:hover{color:var(--text);background:var(--panel-3)}.seg button.on{color:var(--ink);background:var(--signal)}.row{display:flex;gap:10px}.row>*{flex:1}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 2px;border-bottom:1px solid var(--line)}.switch{width:46px;height:24px;background:var(--panel-3);position:relative;cursor:pointer;border:none;padding:0;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:var(--muted);transition:transform .15s,background .15s}.switch.on{background:var(--signal)}.switch.on:after{transform:translate(22px);background:var(--ink)}input[type=range]{width:160px;accent-color:var(--signal)}.shop-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;min-height:0;flex:1}.preview{padding:14px;display:flex;flex-direction:column;gap:10px}.preview canvas{width:100%;aspect-ratio:5 / 4;background:#050912;display:block}.preview .pv-name{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:28px;line-height:1;text-transform:uppercase;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line)}.tabs button{padding:8px 0 10px;border:none;border-bottom:3px solid transparent;margin-bottom:-1px;background:transparent;cursor:pointer;font-family:var(--font-display);font-style:italic;font-size:19px;font-weight:700;text-transform:uppercase;color:var(--muted)}.tabs button:hover{color:var(--text)}.tabs button.on{color:var(--text);border-bottom-color:var(--signal)}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;align-content:start}.item{position:relative;display:flex;flex-direction:column;gap:6px;padding:8px 8px 10px;background:var(--panel-2);border-bottom:3px solid var(--r, var(--line));cursor:pointer;transition:background .1s}.item:hover{background:var(--panel-3)}.item.sel{outline:2px solid var(--signal);outline-offset:-2px}.item canvas{width:100%;aspect-ratio:2 / 1;background:#050912;display:block}.item .swatch{width:100%;aspect-ratio:2 / 1}.item .it-name{font-family:var(--font-display);font-style:italic;font-size:17px;font-weight:700;text-transform:uppercase;line-height:1}.item .it-meta{font-size:13px;color:var(--muted);display:flex;align-items:center;justify-content:space-between}.item .equipped{color:var(--signal);font-weight:600}.item .owned{color:var(--good)}.item .locked{position:absolute;top:12px;right:12px;width:10px;height:8px;background:var(--muted)}.item .locked:before{content:"";position:absolute;left:2px;top:-6px;width:6px;height:7px;border:2px solid var(--muted);border-bottom:none;border-radius:4px 4px 0 0;box-sizing:border-box}.item .rarity-bar{display:none}.rarity-tag{display:inline-block;margin-left:6px;font-family:var(--font-body);font-style:normal;font-size:11px;font-weight:700;letter-spacing:.1em;padding:2px 7px;color:var(--bg);background:var(--r);text-transform:uppercase;vertical-align:middle}.thumb-icon{display:block;width:100%;aspect-ratio:2 / 1;background:#050912}.quest{padding:14px 16px;background:var(--panel-2);display:flex;flex-direction:column;gap:9px}.quest.done .quest-title{color:var(--good)}.quest.claimed{opacity:.45}.quest-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.quest-title{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:20px;text-transform:uppercase;line-height:1}.quest-desc{color:var(--muted);font-size:13px;margin-top:4px}.bar{height:6px;background:var(--panel-3);overflow:hidden}.bar>div{height:100%;background:var(--blue);transition:width .4s}.quest.done .bar>div{background:var(--good)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px;background:var(--line);border:2px solid var(--line)}.stat{padding:14px 16px;background:var(--panel)}.stat .v{font-family:var(--font-display);font-style:italic;font-size:40px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.stat .k{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-top:6px}.room-code{font-family:var(--font-display);font-style:italic;font-size:58px;font-weight:900;letter-spacing:.25em;text-align:center;padding:10px;background:var(--panel-2);color:var(--signal);user-select:text;-webkit-user-select:text}.fallback{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#ffd23f14;border-left:3px solid var(--signal);font-size:14px;color:var(--muted);animation:rise .3s ease}.fallback b{color:var(--text)}.fallback .btn{flex:none}.slots{display:grid;grid-template-columns:1fr 1fr;gap:8px}.slot{padding:12px 14px;background:var(--panel-2);display:flex;align-items:center;gap:12px;min-height:58px;border-left:4px solid var(--line-strong)}.slot.blue{border-left-color:var(--blue)}.slot.orange{border-left-color:var(--orange)}.slot .sn{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:19px;text-transform:uppercase;line-height:1}.slot .ss{font-size:12px;color:var(--muted);margin-top:2px}.slot.empty .sn{color:var(--dim)}.slot .avatar{width:34px;height:34px;font-size:17px}.slot.orange .avatar{background:var(--orange)}.spinner{width:16px;height:16px;border:2px solid var(--line-strong);border-top-color:var(--signal);border-radius:50%;animation:spin .8s linear infinite;display:inline-block;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.err{color:var(--bad);font-size:14px;min-height:18px;display:flex;gap:8px;align-items:center}.hud{position:absolute;inset:0;pointer-events:none}.hud>*{pointer-events:none}.scorebar{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:stretch;height:46px}.sb-team{display:flex;align-items:center;background:var(--panel)}.sb-team.blue,.sb-team.orange{flex-direction:row}.sb-names{display:flex;flex-direction:column;justify-content:center;padding:0 14px;min-width:120px;font-family:var(--font-display);font-style:italic;font-size:15px;font-weight:700;text-transform:uppercase;line-height:1.05}.sb-names span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.sb-team.blue .sb-names{text-align:right;color:var(--text)}.sb-team.orange .sb-names{color:var(--text)}.sb-score{align-self:stretch;display:grid;place-items:center;min-width:54px;font-family:var(--font-display);font-style:italic;font-size:36px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;color:#fff}.sb-team.blue .sb-score{background:var(--blue)}.sb-team.orange .sb-score{background:var(--orange)}.sb-team.blue{clip-path:polygon(12px 0,100% 0,100% 100%,0 100%)}.sb-team.orange{clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}.sb-score.bump{animation:pop .45s ease}.sb-clock{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 16px;min-width:96px;background:#000}.sb-clock .t{font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.sb-clock .lbl{font-size:9px;font-weight:700;letter-spacing:.24em;color:var(--dim);margin-top:1px}.sb-clock.low .t{color:var(--bad);animation:pulse .8s infinite}.sb-clock.ot{background:var(--gem)}.sb-clock.ot .t,.sb-clock.ot .lbl{color:#160628}@keyframes pulse{50%{opacity:.55}}.player-tag{position:absolute;bottom:14px;display:flex;flex-direction:column;gap:4px}.player-tag.left{left:calc(6% + 24px);align-items:flex-start}.player-tag.right{right:calc(6% + 24px);align-items:flex-end}.player-tag .pt-name{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:13px;text-transform:uppercase;color:var(--muted)}.player-tag .pw{padding:2px 6px;display:none;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:13px;color:#07090f}.player-tag .pw.speed{display:block;background:#3ee6ff}.player-tag .pw.magnet{display:block;background:var(--gem)}.callout{position:absolute;left:0;right:0;top:33%;text-align:center;pointer-events:none}.callout .big{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(64px,12vw,160px);line-height:.9;text-transform:uppercase;animation:slam .5s cubic-bezier(.2,1.6,.4,1) both}.callout .small{margin-top:12px;display:inline-block;padding:4px 16px;background:#07090fd9;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:clamp(16px,2vw,24px);text-transform:uppercase;animation:rise .35s .12s ease both}@keyframes slam{0%{opacity:0;transform:scale(2.4)}to{opacity:1;transform:scale(1)}}.callout .big.gold{color:var(--signal);text-shadow:5px 5px 0 #000}.callout .big.white{color:#fff;text-shadow:5px 5px 0 #000}.callout .big.fire{color:var(--bad);text-shadow:5px 5px 0 #000}.callout .big.purple{color:var(--gem);text-shadow:5px 5px 0 #000}.callout .big.count{font-size:clamp(90px,17vw,220px)}.callout .big.game{font-size:clamp(90px,16vw,200px);color:#fff;text-shadow:7px 7px 0 var(--bad),14px 14px 0 #000;animation:slam .55s cubic-bezier(.2,1.8,.4,1) both}.feed{position:absolute;right:16px;top:72px;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.feed-item{padding:5px 12px;background:#07090fd9;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:16px;text-transform:uppercase;animation:slidein .22s ease;display:flex;gap:8px;align-items:center}.feed-item.out{opacity:0;transform:translate(20px);transition:all .4s}.feed-item .b{color:var(--blue-l)}.feed-item .o{color:var(--orange-l)}.feed-item .tag{font-family:var(--font-body);font-style:normal;font-size:11px;letter-spacing:.1em;padding:1px 6px;background:var(--text);color:var(--bg)}.feed-item .tag.goal{background:var(--signal);color:var(--ink)}.feed-item .tag.demo{background:var(--bad);color:#fff}@keyframes slidein{0%{opacity:0;transform:translate(30px)}}.final-banner{position:absolute;top:64px;left:50%;transform:translate(-50%);padding:3px 16px;background:var(--bad);color:#fff;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:16px;text-transform:uppercase;letter-spacing:.04em;animation:pulse .8s infinite}.hud-btn{pointer-events:auto!important;position:absolute;top:12px;right:14px;width:44px;height:40px;border:none;background:var(--panel);color:var(--text);font-size:15px;cursor:pointer;display:grid;place-items:center}.hud-btn:hover{background:var(--panel-3)}.touch{position:absolute;inset:auto 0 0;height:46%;pointer-events:none;display:none}.touch.show{display:block}.tbtn{position:absolute;pointer-events:auto;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#0d111b2e;color:#fffc;display:grid;place-items:center;font-size:30px;touch-action:none}.tbtn.active{background:#ffd23f66;border-color:var(--signal)}.tbtn.l{left:24px;bottom:30px;width:84px;height:84px}.tbtn.r{left:124px;bottom:30px;width:84px;height:84px}.tbtn.boost{right:30px;bottom:30px;width:112px;height:112px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:20px;background:#ff7a1a29;border-color:#ff7a1a99}.tbtn.boost.active{background:#ff7a1aa6}.rotate-hint{position:absolute;inset:0;display:none;place-items:center;text-align:center;background:var(--bg);z-index:50;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:22px;text-transform:uppercase;padding:24px}@media(orientation:portrait)and (max-width:700px){.rotate-hint.ingame{display:grid}}.coach{position:absolute;left:50%;top:62px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 18px 10px;background:#07090fd1;border-bottom:2px solid var(--signal);pointer-events:none;white-space:nowrap;animation:rise .35s ease;transition:opacity .5s;z-index:3}.coach.out{opacity:0}.coach.paused{display:none}.coach.local-keys .sep{color:var(--dim);margin:0 8px}.coach-line{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:clamp(17px,3.4vh,24px);text-transform:uppercase;letter-spacing:.02em;color:var(--text);display:flex;align-items:center;gap:6px}.coach-line b{color:var(--signal);font-weight:900}.coach-line b.orange{color:var(--orange)}.coach-line b.blue{color:var(--blue)}.coach-line .kbd{font-size:.8em;font-style:normal}.coach-line.pop{animation:coach-pop .35s cubic-bezier(.2,1.6,.4,1)}.coach-dots{display:flex;gap:5px}.coach-dots span{width:18px;height:3px;background:var(--panel-3)}.coach-dots span.on{background:var(--text)}.coach-dots span.done{background:var(--signal)}@keyframes coach-pop{0%{transform:scale(.85);opacity:.3}to{transform:none;opacity:1}}@media(max-height:560px)and (orientation:landscape){.coach{top:48px;padding:5px 12px 7px}}.results{margin:auto;width:min(880px,calc(100% - 28px));max-height:calc(100% - 28px);overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:18px;animation:pop .3s ease}.res-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:14px}.res-title .big{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(52px,8vw,84px);line-height:.85;text-transform:uppercase}.res-title .big.win{color:var(--signal)}.res-title .big.lose{color:var(--muted)}.res-title .big.draw{color:var(--text)}.res-score{display:flex;align-items:stretch;font-family:var(--font-display);font-style:italic;font-weight:900;font-size:52px;line-height:1}.res-score>span{display:grid;place-items:center;min-width:76px;padding:4px 12px;font-variant-numeric:tabular-nums}.res-score .b{background:var(--blue);color:#fff;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%)}.res-score .o{background:var(--orange);color:#fff;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)}.res-score .dash{display:none}table.stats{width:100%;border-collapse:collapse;font-size:15px}table.stats th{text-align:right;font-weight:600;color:var(--dim);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px}table.stats th:first-child,table.stats td:first-child{text-align:left}table.stats td{text-align:right;padding:9px 10px;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}table.stats td:first-child{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:18px;text-transform:uppercase}table.stats tr.blue td:first-child{border-left:4px solid var(--blue)}table.stats tr.orange td:first-child{border-left:4px solid var(--orange)}table.stats tr.me td{background:var(--panel-2)}.mvp{display:inline-block;margin-left:8px;font-family:var(--font-body);font-style:normal;font-size:11px;font-weight:700;padding:1px 6px;background:var(--signal);color:var(--ink);letter-spacing:.08em;vertical-align:middle}.rewards{display:flex;flex-wrap:wrap;gap:6px}.reward{display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--panel-2);font-size:14px;animation:rise .3s ease both}.reward b{color:var(--coin);font-family:var(--font-display);font-style:italic;font-size:17px}.res-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.res-actions .play-again{flex:1;min-width:220px;font-size:26px;padding:16px 30px;animation:pulse-cta 1.6s ease-in-out infinite}@keyframes pulse-cta{0%,to{filter:none}50%{filter:brightness(1.12) drop-shadow(0 0 10px rgba(255,210,63,.5))}}.res-stats summary{cursor:pointer;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:4px 0}.res-stats[open] summary{margin-bottom:8px}.potm{display:flex;flex-direction:column;gap:8px}.potm-head{display:flex;align-items:center;gap:12px}.potm-title{color:var(--signal);font-weight:800;font-size:20px}.potm-label{flex:1;min-width:0;color:var(--muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.potm-frame{position:relative;overflow:hidden;background:#02040a}.potm-canvas{display:block;width:100%;aspect-ratio:16 / 9;max-height:38vh}.potm-track{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff1a}.potm-bar{height:100%;width:0;background:var(--signal)}.toast{padding:9px 18px;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:17px;text-transform:uppercase;background:var(--panel-3);color:var(--text);animation:rise .2s ease;transition:all .4s}.toast-error{background:var(--bad);color:#fff}.toast-coin{background:var(--signal);color:var(--ink)}.toast.out{opacity:0;transform:translateY(10px)}.case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.case-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 16px 14px;text-align:center;background:linear-gradient(180deg,var(--panel-2),color-mix(in srgb,var(--a) 14%,var(--panel)))}.case-card:hover .case-art{transform:translateY(-4px) rotate(-2deg)}.cc-name{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:24px;text-transform:uppercase;line-height:1;margin-top:6px}.cc-sub{color:var(--muted);font-size:13px}.cc-odds{font-size:12px;font-weight:600;color:var(--a);margin-bottom:4px}.case-art{position:relative;transition:transform .2s cubic-bezier(.2,1.4,.4,1);filter:drop-shadow(0 10px 14px rgba(0,0,0,.55))}.case-art .case-body{position:absolute;left:0;right:0;bottom:0;height:72%;background:linear-gradient(180deg,var(--a),var(--b));border:2px solid rgba(255,255,255,.2);display:grid;place-items:center;box-shadow:inset 0 -10px 16px #00000059}.case-art .case-body:before{content:"";position:absolute;left:10%;right:10%;top:24%;height:3px;background:#0000004d}.case-art .case-lid{position:absolute;left:-4%;right:-4%;top:6%;height:30%;background:color-mix(in srgb,var(--a) 75%,white 25%);border:2px solid rgba(255,255,255,.3);z-index:1;box-shadow:0 4px #0000004d}.case-art .case-emblem{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:20px;color:#ffffffeb;margin-top:14%;padding:0 8px;background:#00000040}.info-row{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:var(--panel-2);font-size:14px;color:var(--muted)}.info-row b{color:var(--text)}.fine{margin:0;font-size:12px;color:var(--dim);line-height:1.5}.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.pack{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 14px 14px;text-align:center;background:var(--panel-2)}.pack.ad{background:linear-gradient(180deg,var(--panel-2),rgba(79,209,139,.14))}.pack-gems{font-family:var(--font-display);font-style:italic;font-size:38px;font-weight:900;color:var(--gem);display:flex;gap:8px;align-items:center;line-height:1;font-variant-numeric:tabular-nums}.pack.ad .pack-gems{color:var(--good)}.pack-name{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:19px;text-transform:uppercase}.pack-sub{color:var(--muted);font-size:13px;margin-bottom:8px}.pack>.btn{margin-top:auto}.redeem{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:var(--panel-2);border-left:3px solid var(--gem)}.redeem .input{text-transform:uppercase;letter-spacing:.08em}.redeem .row>.btn{flex:none}.odds-row{padding:10px 12px;background:var(--panel-2);display:flex;flex-direction:column;gap:8px}.odds-head{display:flex;justify-content:space-between;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:19px;text-transform:uppercase}.odds-items{display:flex;flex-wrap:wrap;gap:4px}.odds-item{font-size:13px;padding:3px 8px;background:var(--panel-3)}.odds-item small{color:var(--dim)}.feat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.feat{cursor:pointer;padding:6px 6px 8px;background:var(--panel-2);border-bottom:3px solid #f59e0b;transition:background .1s}.feat:hover{background:var(--panel-3)}.feat canvas{width:100%;aspect-ratio:16 / 10;display:block;background:#050912}.feat-name{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:17px;text-transform:uppercase;margin-top:6px;line-height:1}.feat-cat{font-size:12px;color:var(--muted)}.case-overlay{display:flex;align-items:center;justify-content:center;z-index:60;background:#04060bf0}.case-stage{width:min(1100px,calc(100% - 24px));display:flex;flex-direction:column;align-items:center;gap:22px;animation:rise .25s ease}.cs-title{font-weight:800;font-size:22px;color:var(--muted)}.reel{position:relative;width:100%;min-width:0;contain:inline-size;height:190px;overflow:hidden;background:var(--panel);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.reel-strip{display:flex;gap:8px;padding:20px 0;will-change:transform}.reel-card{flex:0 0 132px;height:150px;padding:8px;display:flex;flex-direction:column;gap:6px;align-items:center;background:var(--panel-2);border-bottom:4px solid var(--r);transition:transform .3s,background .3s}.reel-card .thumb,.reel-card .thumb-icon{width:116px;height:72px;background:#050912}.reel-card .rc-name{font-family:var(--font-display);font-style:italic;font-size:15px;font-weight:800;text-align:center;line-height:1;text-transform:uppercase}.reel-card .rc-cat{font-size:11px;color:var(--muted)}.reel-card.win{transform:scale(1.08);background:var(--panel-3);outline:2px solid var(--r)}.reel-marker{position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translate(-50%);background:var(--signal);z-index:2}.reel-marker:before,.reel-marker:after{content:"";position:absolute;left:50%;transform:translate(-50%);border:9px solid transparent}.reel-marker:before{top:0;border-top-color:var(--signal)}.reel-marker:after{bottom:0;border-bottom-color:var(--signal)}.reveal{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;width:min(560px,100%);background:var(--panel);border-top:5px solid var(--r);animation:pop .4s cubic-bezier(.2,1.5,.4,1);overflow:hidden}.reveal-rays{position:absolute;inset:-60%;background:repeating-conic-gradient(from 0deg,rgba(var(--rg),.12) 0deg 8deg,transparent 8deg 22deg);animation:spin 16s linear infinite;pointer-events:none}.reveal>*:not(.reveal-rays){position:relative}.reveal-rarity{font-weight:900;font-size:20px;color:var(--r)}.reveal-canvas{width:100%;aspect-ratio:16 / 9;display:block}.reveal-name{font-size:42px;font-weight:900;line-height:.9}.reveal-cat{color:var(--muted);font-size:14px;text-align:center}.reveal-new{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:22px;color:var(--ink);background:var(--good);padding:0 12px}.reveal-dup{font-size:14px;color:var(--muted)}.reveal-dup b{color:var(--coin);font-family:var(--font-display);font-style:italic;font-size:18px}.menu,.scroll,.page,.modal,.results{touch-action:pan-y}.hud.touch-on .player-tag.left{top:10px;bottom:auto;left:12px}@media(max-width:1100px){.controls-line{display:none}.menu-bottom{justify-content:space-between}}@media(max-width:760px){.menu{overflow-y:auto;padding:12px 14px;gap:10px}.menu-top{gap:8px}.logo-word{font-size:30px;padding-left:22px}.logo-word:before{width:16px}.plate{display:none}.topbar .chip{padding:5px 9px!important;font-size:13px!important}.topbar .btn{padding:7px 12px}.mm-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.mm-play{grid-template-rows:auto minmax(0,1fr) auto auto}.modes{grid-template-columns:1fr}.mode{display:grid;grid-template-columns:110px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:8px 10px}.mode .pitch{grid-row:1 / 3;height:100%;min-height:0;margin:0}.mode .mode-title{margin-top:0;align-self:end}.mode .mode-sub{align-self:start}.pp-ship{width:16px;height:8px}.pp-goal:before{width:8px}.pp-side{gap:4px}.pp-tag{font-size:14px}.pp-ball{width:10px;height:10px}.net{min-height:0;padding:8px;gap:8px}.net-ico{width:34px;height:34px}.net .mode-sub,.net .go{display:none}.mm-side{grid-template-rows:none;grid-template-columns:1fr 1fr}.feature{grid-template-columns:1fr;grid-template-rows:64px auto;padding:8px}.feature .mode-sub{display:none}.feature .case-art{transform:scale(.7)}.feat-title{font-size:18px}.navrow{flex:1}.navbtn{flex:1;justify-content:center;padding:9px 6px;font-size:14px}.controls-line{display:none}.menu-bottom{flex-direction:column-reverse;align-items:stretch;gap:8px}.daily{justify-content:center}.shop-grid{grid-template-columns:1fr;overflow-y:auto}.screen.scrim{background:#07090fe6}}@media(max-width:560px){.sb-names{display:none}.page{padding:16px}.slots{grid-template-columns:1fr}}@media(max-height:560px)and (orientation:landscape){.menu{padding:10px 16px;gap:8px}.logo-word{font-size:34px}.plate{padding:3px 12px 3px 3px}.plate .avatar{width:32px;height:32px;font-size:18px}.pname{font-size:16px}.controls-line{display:none}.mm-panel{padding:8px 10px}.mm-play{gap:5px}.mode{padding:6px 8px 8px}.mode .mode-sub,.feature .mode-sub,.net .mode-sub{display:none}.pitch{min-height:36px;margin-bottom:4px}.net{min-height:0;padding:6px 10px}.net-ico{width:32px;height:32px}.feature{padding:8px}.feature .case-art{transform:scale(.75)}.navbtn{padding:6px 14px;font-size:14px}.page{padding:12px;gap:10px;overflow-y:auto}.page-head{padding-bottom:8px}.page-head h2{font-size:28px}.page-head p{display:none}.opt-grid{gap:8px 14px}.seg button{padding:6px 4px;font-size:14px}.opt-label{font-size:11px}.opt-group{gap:4px}.modal h3{font-size:26px}.room-code{font-size:38px;padding:4px}.np{gap:8px}.np .sub{display:none}.np-current{font-size:24px;padding:2px}.np-chip{padding:7px 6px;font-size:15px}.np .btn.lg{padding:9px 24px}.slot{min-height:44px;padding:6px 10px}.btn.lg{padding:11px 30px;font-size:18px}.modal{padding:14px;gap:10px}.player-tag{bottom:10px}.scorebar{top:4px;transform:translate(-50%) scale(.85);transform-origin:top center}.reel{height:160px}.reel-card{height:124px}.reel-card .thumb,.reel-card .thumb-icon{height:52px}.reveal{padding:14px;gap:6px}.reveal-canvas{aspect-ratio:21 / 9}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}