:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fff8fb;--muted:#bdaeb7;--coral:#ff5f78;--cyan:#54e8ff;--gold:#ffd969;--panel:#120711e0;--line:#ffafbf26;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 76% 5%,#54e8ff21,#0000 30rem),radial-gradient(circle at 6% 92%,#ff5f782b,#0000 32rem),#09040d}button{color:inherit;font:inherit}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{cursor:wait;opacity:.6;filter:saturate(.45)}.game-shell{width:min(1360px,100%);min-height:100svh;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) 292px;gap:14px;margin:0 auto;display:grid}.cabinet,.intel-panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:25px;box-shadow:0 28px 90px #00000075}.cabinet{flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.brand-lockup{align-items:center;gap:11px;min-width:0;display:flex}.brand-lockup p,.eyebrow{color:var(--coral);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:10px;font-weight:900}.brand-lockup h1{letter-spacing:-.045em;margin:3px 0 0;font-size:clamp(19px,3vw,25px);line-height:1}.brand-mark{flex:none;width:38px;height:38px;position:relative}.brand-mark i{clip-path:polygon(32% 0,72% 0,100% 43%,74% 100%,18% 100%,0 45%);border-radius:10px 10px 5px 5px;width:15px;height:31px;position:absolute;top:3px}.brand-mark i:first-child{background:var(--coral);left:2px;transform:rotate(16deg);box-shadow:0 0 16px #ff5f7859}.brand-mark i:last-child{background:var(--cyan);right:2px;transform:scaleX(-1)rotate(16deg);box-shadow:0 0 16px #54e8ff4d}.top-actions{gap:7px;display:flex}.quiet-button{border:1px solid var(--line);color:#ddced5;cursor:pointer;background:#ffffff0b;border-radius:10px;min-height:34px;padding:0 12px;font-size:12px;font-weight:760}.quiet-button:hover{color:#fff;background:#ffffff16}.arena-frame{aspect-ratio:16/9;background:#08040b;border:1px solid #ffffff1a;border-radius:20px;width:100%;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #0000006b}canvas{touch-action:none;width:100%;height:100%;display:block}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 44%,#320f237a,#060309d1);place-items:center;padding:24px;transition:opacity .16s;display:grid;position:absolute;inset:0}.overlay.hidden{opacity:0;pointer-events:none}.overlay-card{text-align:center;width:min(510px,100%)}.overlay-card h2{letter-spacing:-.065em;margin:10px 0 0;font-size:clamp(34px,6vw,58px);line-height:.94}.overlay-card>p:not(.eyebrow){max-width:455px;color:var(--muted);margin:15px auto 23px;line-height:1.58}.primary-button{background:linear-gradient(100deg, var(--coral), var(--gold));color:#1b080c;cursor:pointer;border:0;border-radius:13px;min-height:49px;padding:0 24px;font-weight:950;box-shadow:0 15px 34px #ff5f7838}.touch-controls{justify-content:space-between;gap:12px;display:none}.touch-cluster{gap:7px;display:grid}.touch-movement{grid-template-columns:repeat(4,minmax(46px,1fr))}.touch-actions{grid-template-columns:repeat(4,minmax(58px,1fr))}.touch-controls button{border:1px solid var(--line);touch-action:none;background:#ffffff0d;border-radius:13px;min-height:52px;padding:0 9px;font-size:11px;font-weight:900}.touch-controls button.active{background:#ff5f7833;border-color:#ff5f7873;transform:translateY(1px)}.touch-controls .burst-button{color:var(--gold)}.intel-panel{flex-direction:column;gap:18px;padding:22px;display:flex}.intel-panel h2{letter-spacing:-.05em;margin:5px 0 0;font-size:28px}.stat-grid{grid-template-columns:1fr 1fr;gap:9px;margin:0;display:grid}.stat-grid div,.energy-panel{border:1px solid var(--line);background:#ffffff07;border-radius:15px;padding:13px}.stat-grid dt,.energy-panel span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.stat-grid dd{margin:4px 0 0;font-size:20px;font-weight:850}.energy-panel>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.energy-panel strong{font-size:18px}.energy-track{background:#ffffff14;border-radius:99px;height:8px;margin-top:9px;overflow:hidden}.energy-track i{border-radius:inherit;background:linear-gradient(90deg, var(--coral), var(--gold));width:0;height:100%;transition:width .11s linear;display:block;box-shadow:0 0 16px #ffd86957}.energy-panel p{color:var(--muted);margin:9px 0 0;font-size:11px;line-height:1.4}.move-list{gap:8px;display:grid}.move-list .eyebrow{margin-bottom:3px}.move-list>div{color:var(--muted);grid-template-columns:29px 29px 1fr;align-items:center;gap:5px;font-size:12px;display:grid}.move-list>div kbd:only-of-type+span{grid-column:2/-1}.move-list>.wide-control{grid-template-columns:62px 1fr}.move-list>.wide-control span{grid-column:2}kbd{border:1px solid var(--line);color:#fff0f3;background:#ffffff09;border-radius:6px;place-items:center;min-height:24px;padding:2px 6px;font:10px ui-monospace,monospace;display:inline-grid}.tip{border-top:1px solid var(--line);color:var(--muted);margin:auto 0 0;padding-top:17px;font-size:12px;line-height:1.55}.tip strong{color:var(--gold)}@media (max-width:980px){.game-shell{grid-template-columns:1fr}.intel-panel{display:none}.touch-controls{display:flex}}@media (max-width:700px){.game-shell{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.cabinet{border-radius:18px;padding:9px}.brand-lockup p,.top-actions .quiet-button:first-child{display:none}.arena-frame{border-radius:15px}.touch-controls{gap:7px}.touch-cluster{gap:5px}.touch-controls button{min-height:48px;padding:0 6px;font-size:10px}}@media (max-width:520px){.touch-controls{grid-template-columns:1fr;display:grid}.touch-actions{grid-template-columns:repeat(4,1fr)}.brand-mark{display:none}.overlay{padding:8px}.overlay-card .eyebrow{font-size:8px}.overlay-card h2{margin-top:5px;font-size:27px;line-height:.98}.overlay-card>p:not(.eyebrow){margin:8px auto 10px;font-size:11px;line-height:1.36}.primary-button{border-radius:10px;min-height:36px;padding:0 17px;font-size:12px}}@media (max-height:620px) and (orientation:landscape){.game-shell{height:100dvh;min-height:0;padding:6px}.cabinet{gap:6px;padding:7px}.topbar{min-height:35px}.brand-lockup p{display:none}.touch-controls button{min-height:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}