:root{--bg:#050510;--panel:#0b0b1d;--panel2:#11112b;--ink:#f4f0ff;--muted:#9993bb;--green:#6bffb8;--yellow:#ffd93d;--pink:#ff5ca8;--cyan:#4de7ff;--purple:#8a5cff;--red:#ff526f;--shadow:#020207}
*{box-sizing:border-box}
html{min-width:320px;background:var(--bg);overscroll-behavior-y:none}
body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 50% -10%,rgba(138,92,255,.17),transparent 34rem),linear-gradient(rgba(77,231,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(77,231,255,.025) 1px,transparent 1px),var(--bg);background-size:auto,28px 28px,28px 28px,auto;font-family:'Press Start 2P',ui-monospace,monospace}
body::after{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 1px,transparent 1px 4px);mix-blend-mode:multiply}
button,a{font:inherit}
button{color:inherit}
.site-nav{width:min(1120px,calc(100% - 24px));margin:0 auto;padding:14px 0;display:flex;align-items:center;gap:8px;position:relative;z-index:2}
.site-nav a{border:1px solid #3b3968;color:#aaa4d5;padding:9px 10px;text-decoration:none;font-size:7px;line-height:1.4}
.site-nav a:hover,.site-nav a:focus-visible{border-color:var(--green);color:var(--green)}
.site-nav .brand{margin-right:auto;color:var(--yellow);border-color:#7d6924}
.site-nav .current{color:var(--green);border-color:#277456}
.game-layout{width:min(1120px,calc(100% - 24px));margin:0 auto 50px;display:grid;grid-template-columns:minmax(0,720px) minmax(250px,1fr);gap:26px;align-items:start}
.game-panel{min-width:0;padding:15px;border:3px solid var(--purple);background:rgba(5,5,18,.96);box-shadow:9px 9px 0 var(--shadow),inset 0 0 0 2px #24244d;overscroll-behavior:contain}
.game-titlebar{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}
.game-kicker{margin:0 0 8px;color:var(--cyan);font-size:7px;line-height:1.5}
.game-title{margin:0;font-weight:700;color:var(--yellow);font-size:clamp(16px,3vw,27px);line-height:1.35;text-shadow:3px 3px #541749}
.game-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.pixel-button{min-height:38px;padding:9px 11px;border:2px solid #4d4b79;background:#12122c;color:#d9d4f5;font-size:7px;line-height:1.4;cursor:pointer;touch-action:manipulation;box-shadow:0 4px 0 #030309}
.pixel-button:hover,.pixel-button:focus-visible{border-color:var(--yellow);color:var(--yellow)}
.pixel-button:active,.pixel-button.active{transform:translateY(3px);box-shadow:0 1px 0 #030309}
.pixel-button.primary{border-color:#308765;background:#103927;color:var(--green)}
.pixel-button.danger{border-color:#84324f;color:#ff86ad}
.difficulty{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.difficulty .pixel-button{flex:1}
.hud-strip{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 13px}
.stat{flex:1 1 90px;min-width:0;padding:9px 10px;border:1px solid #2d2b54;background:#08081a;color:#77729b;font-size:6px;line-height:1.6}
.stat strong{display:block;color:var(--green);font-size:clamp(11px,2vw,17px);white-space:nowrap}
.game-status{min-height:24px;margin:11px 0 0;text-align:center;color:var(--yellow);font-size:7px;line-height:1.6}
.info-panel{min-width:0;padding:20px;border:2px solid #292750;background:rgba(10,10,29,.83);font-family:system-ui,sans-serif;color:#c8c3dc;line-height:1.7}
.info-panel h1,.info-panel .info-title{margin:0 0 15px;color:var(--green);font:clamp(18px,3vw,29px)/1.45 'Press Start 2P',monospace}
.info-panel h2,.info-panel h3{margin:27px 0 9px;color:var(--yellow);font:11px/1.6 'Press Start 2P',monospace}
.info-panel p{margin:0 0 12px}
.info-panel strong{color:#fff}
.info-panel a{color:var(--green)}
.badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:17px}
.badge{padding:6px 7px;border:1px solid #403d68;color:#aaa4d5;font:6px/1.4 'Press Start 2P',monospace}
.help-list{padding-left:20px}
.help-list li{margin:8px 0}
.mini-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.mini-links a{padding:8px;border:1px solid #38365f;text-decoration:none;font:6px/1.4 'Press Start 2P',monospace}
.focus-lock{overflow:hidden;touch-action:none}
.game-panel.focus-mode{position:fixed;inset:0;z-index:100;background:#03030a;border:0;box-shadow:none;width:100%;height:100%;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));overflow:auto}
.game-panel:fullscreen{width:100%;height:100%;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:#03030a;border:0;overflow:auto}
.game-panel.focus-mode .game-titlebar,.game-panel:fullscreen .game-titlebar{margin-bottom:8px}
/* One Google identity across all cabinets. */
.arcade-account.account-bar{width:min(920px,calc(100% - 28px));margin:0 auto 12px;min-height:58px;padding:9px 12px;border:2px solid #35325e;background:rgba(9,9,25,.94);display:flex;align-items:center;justify-content:center;gap:11px;color:#d9d5f4;box-shadow:4px 4px 0 rgba(0,0,0,.35)}
.arcade-account.is-signed-in{justify-content:flex-start;border-color:#2c7a60}.account-avatar{width:36px;height:36px;border-radius:50%;border:2px solid #6bffb8;background:#111;object-fit:cover}.account-copy{display:grid;gap:5px;min-width:0}.account-copy strong{color:#6bffb8;font:7px/1.4 'Press Start 2P',monospace}.account-copy span{color:#9590b7;font:5px/1.5 'Press Start 2P',monospace}.account-google{min-height:32px}.account-signout{margin-left:auto;padding:9px 10px;border:2px solid #504b74;background:#17152e;color:#aaa4d5;font:6px 'Press Start 2P',monospace;cursor:pointer}.account-signout:hover,.account-signout:focus-visible{border-color:#ff5ca8;color:#fff}
@media(max-width:820px){.game-layout{grid-template-columns:1fr}.info-panel{order:2}.site-nav a:not(.brand):not(.current){display:none}.game-panel{padding:11px}.game-titlebar{align-items:center}.game-title{font-size:16px}.game-kicker{display:none}.pixel-button{padding:8px;font-size:6px}}
@media(max-width:560px){.arcade-account.account-bar{align-items:flex-start;flex-wrap:wrap;justify-content:flex-start}.account-google{width:100%}.account-signout{font-size:5px}.account-copy span{white-space:normal}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}