:root{--bg:#070b18;--panel:#0d1325;--line:#1b2741;--cyan:#6df9ff;--violet:#9b7bff;--coral:#ff6b7d;--text:#eef4ff;--muted:#8390aa}
*{box-sizing:border-box} body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0%,#152348 0%,var(--bg) 47%);color:var(--text);font-family:'Space Grotesk',sans-serif;overflow-x:hidden}.shell{max-width:1440px;margin:auto;padding:28px 42px 22px}.topbar{height:48px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:22px}.brand{font-size:15px;font-weight:600;letter-spacing:2px;display:flex;gap:10px;align-items:center}.brand b{font-weight:400;color:var(--cyan)}.brand-mark{font-size:23px;color:var(--cyan);text-shadow:0 0 16px var(--cyan)}.status{margin-left:auto;color:#7f8ba4;font:11px 'DM Mono',monospace;letter-spacing:1px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#78f8b2;box-shadow:0 0 10px #78f8b2;margin-right:8px}.icon-btn{background:transparent;border:1px solid #2a3754;color:var(--muted);width:32px;height:32px;border-radius:7px;cursor:pointer;font:15px 'DM Mono',monospace}.icon-btn:hover{border-color:var(--cyan);color:var(--cyan)}.game-wrap{display:grid;grid-template-columns:190px minmax(500px,760px) 190px;justify-content:center;gap:24px;margin:38px auto 34px}.side-panel{padding-top:20px}.eyebrow,.stat-label,.meter-label,.charge-label,.controls>span,.legend{font:10px 'DM Mono',monospace;letter-spacing:1.4px;color:var(--muted)}.big-stat{font:29px 'DM Mono',monospace;color:var(--cyan);letter-spacing:1px;margin-top:18px;text-shadow:0 0 18px #6df9ff44}.stat-label{margin-top:5px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:27px 0}.mini-grid span{display:block;font:9px 'DM Mono',monospace;color:var(--muted);letter-spacing:1px;margin-bottom:7px}.mini-grid strong{font:16px 'DM Mono',monospace;font-weight:400}.meter-label,.charge-label{display:flex;justify-content:space-between;font-size:9px;margin-bottom:9px}.meter{height:4px;background:#1b2741;border-radius:5px;overflow:hidden}.meter i{display:block;width:100%;height:100%;background:var(--cyan);box-shadow:0 0 11px var(--cyan);transition:width .25s}.meter.violet i{background:var(--violet);box-shadow:0 0 11px var(--violet)}.tip{display:flex;gap:10px;margin-top:35px;color:#66738d;font-size:11px;line-height:1.5}.tip p{margin:0}.tip-icon{font-size:22px;color:var(--violet)}.board-frame{position:relative;aspect-ratio:1.35;background:#080d1d;border:1px solid #293758;border-radius:10px;box-shadow:0 20px 80px #0008,0 0 50px #465cc51a;overflow:hidden}.board-frame:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#ffffff08 1px,transparent 1px) 0 0/44px 44px,linear-gradient(30deg,#ffffff06 1px,transparent 1px) 0 0/44px 44px;pointer-events:none}.board-frame canvas{width:100%;height:100%;display:block}.canvas-hud{position:absolute;top:18px;left:21px;right:21px;display:flex;justify-content:space-between;color:#6e7b98;font:10px 'DM Mono',monospace;letter-spacing:1px;pointer-events:none}.canvas-hud span:last-child{color:var(--violet)}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#111a35c9 0%,#080d1de8 70%);z-index:3}.hidden{display:none}.overlay-kicker{font:10px 'DM Mono',monospace;color:var(--cyan);letter-spacing:2px;margin-bottom:19px}.overlay h1,.overlay h2{margin:0;font-size:clamp(34px,5vw,60px);line-height:.95;letter-spacing:-2px}.overlay h2{font-size:48px}.overlay em{color:var(--violet);font-style:normal}.overlay p{font-size:13px;line-height:1.6;color:#9ba8c1;margin:22px 0 27px}.overlay p strong{color:var(--cyan);font:24px 'DM Mono',monospace}.primary-btn{border:1px solid var(--cyan);border-radius:5px;background:#6df9ff12;color:var(--cyan);padding:14px 19px;cursor:pointer;font:11px 'DM Mono',monospace;letter-spacing:1px;transition:.2s}.primary-btn:hover{background:var(--cyan);color:#091020;box-shadow:0 0 25px #6df9ff66}.primary-btn span{font-size:17px;margin-left:12px}.overlay small{font:9px 'DM Mono',monospace;color:#66738d;margin-top:30px;letter-spacing:1px}.pulse-ring{width:106px;height:106px;border:1px solid #805cff80;border-radius:50%;margin:20px auto 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:inset 0 0 25px #805cff1f,0 0 20px #805cff12}.pulse-ring:before{content:'';position:absolute;width:86px;height:86px;border:1px solid #805cff38;border-radius:50%}.pulse-ring span{font:29px 'DM Mono',monospace;color:var(--violet)}.pulse-ring small{font:8px 'DM Mono',monospace;letter-spacing:1px;color:var(--muted);margin-top:4px}.legend{border-top:1px solid var(--line);padding-top:17px;margin-top:28px;line-height:2.3}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:10px}.cyan{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.coral{background:var(--coral);box-shadow:0 0 8px var(--coral)}.white{background:#fff;box-shadow:0 0 8px #fff}.controls{border-top:1px solid var(--line);margin-top:29px;padding-top:16px;color:#62708b;font:10px 'DM Mono',monospace;line-height:1.7}.controls p{margin:8px 0}kbd{border:1px solid #35415b;border-radius:3px;padding:3px 5px;color:#a3aec3;font-size:9px;margin-right:5px}footer{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;color:#53617c;font:9px 'DM Mono',monospace;letter-spacing:1px}
@media(max-width:950px){.shell{padding:20px}.game-wrap{grid-template-columns:1fr;max-width:720px;margin-top:24px;gap:16px}.board-frame{grid-row:1}.left-panel,.right-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;padding:0}.left-panel .eyebrow,.right-panel .eyebrow{grid-column:1/-1}.big-stat{margin-top:0}.mini-grid{margin:0;border:0;padding:0}.tip,.controls{display:none}.pulse-ring{margin:0}.legend{margin:0;border:0;padding:0}.charge-label{margin:0 0 7px}.right-panel{order:3}.canvas-hud{top:12px}}
@media(max-width:520px){.shell{padding:15px}.status{display:none}.topbar{gap:12px}.game-wrap{margin-top:18px}.board-frame{aspect-ratio:1/1.12}.overlay h1{font-size:39px}.overlay h2{font-size:37px}.overlay p{font-size:12px;margin:16px 0 22px}.left-panel,.right-panel{grid-template-columns:1fr 1fr}.footer{font-size:8px}.shell footer span:nth-child(2){display:none}}
/* Mobile game input */
.board-frame canvas{touch-action:none;user-select:none;-webkit-user-select:none}
.mobile-pulse{display:none;position:absolute;right:16px;bottom:16px;z-index:4;border:1px solid var(--violet);border-radius:50%;width:58px;height:58px;background:#805cff24;color:#c5b7ff;box-shadow:0 0 18px #805cff44;font:9px 'DM Mono',monospace;letter-spacing:1px;touch-action:manipulation}
@media(max-width:520px){.mobile-pulse{display:block}}