@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Space+Mono:wght@400;700&display=swap";:root{font-family:Courier New,monospace;color:#e8f4ff;background:#070914;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--cyan: #64f2ff;--pink: #ff68d2;--muted: #8592ad}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 50% 42%,rgba(21,29,65,.55),transparent 58%),#070914}button{font:inherit}.arcade{width:min(100% - 32px,960px);margin:0 auto;padding:32px 0 28px}.masthead{text-align:center}.eyebrow,.overlay-kicker,.win-condition{color:var(--cyan);font-size:10px;letter-spacing:.23em}.eyebrow{margin:0 0 16px}h1,.overlay h2{font-family:Courier New,monospace;font-weight:400;text-shadow:0 0 18px rgba(100,242,255,.36)}h1{margin:0;font-size:clamp(25px,5vw,42px)}h1 span{color:var(--cyan)}.tagline{margin:14px 0 28px;color:var(--muted);font-size:12px}.cabinet{padding:18px;border:1px solid rgba(100,242,255,.25);background:linear-gradient(145deg,#11162df7,#090c1bf7);box-shadow:0 0 35px #2ab5de17,inset 0 0 28px #64f2ff06}.scoreboard{width:min(310px,80%);margin:0 auto 14px;display:flex;align-items:center;justify-content:space-between}.score-side{display:flex;align-items:center;gap:15px}.player-name{font-size:10px;letter-spacing:.18em}.player-side .player-name,.player-side strong{color:var(--cyan)}.cpu-side .player-name,.cpu-side strong{color:var(--pink)}.score-side strong{font-size:26px;line-height:1}.score-divider{color:#63708d;font-size:20px}.field-wrap{position:relative;overflow:hidden;border:1px solid rgba(144,164,204,.24);background:#080b1a}.game-canvas{display:block;width:100%;height:auto;aspect-ratio:8 / 5;image-rendering:pixelated;touch-action:none;-webkit-user-select:none;user-select:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#050814c9;text-align:center}.overlay-kicker{margin:0 0 18px;font-size:9px}.overlay h2{margin:0;color:#f4f7ff;font-size:clamp(14px,3vw,22px);line-height:1.7}.overlay-copy{margin:13px 0 22px;color:#b0bad0;font-size:12px}.action-button{padding:13px 18px;border:1px solid var(--cyan);color:#071019;background:var(--cyan);box-shadow:0 0 20px #64f2ff47;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.06em}.action-button:hover,.action-button:focus-visible{background:#d1fbff;outline:2px solid white;outline-offset:3px}.button-hint{margin:10px 0 0;color:#8592ad;font-size:10px}.point-banner{position:absolute;top:16px;left:50%;transform:translate(-50%);padding:8px 12px;border:1px solid rgba(100,242,255,.55);background:#050814cc;color:var(--cyan);font-size:11px;white-space:nowrap}.game-footer{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px}.live-message{margin:0;color:#aab7ce;font-size:10px}.pause-button{padding:6px 9px;border:1px solid rgba(100,242,255,.38);color:var(--cyan);background:transparent;cursor:pointer;font-size:9px;letter-spacing:.08em}.pause-button:disabled{visibility:hidden}.pause-button:not(:disabled):hover,.pause-button:focus-visible{color:#071019;background:var(--cyan);outline:none}.controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:11px;margin:21px 0 0;color:#b4bfd2;font-size:10px}.controls div{display:flex;align-items:center;gap:5px}.controls p{margin:0}kbd{display:inline-block;min-width:21px;padding:3px 5px;border:1px solid #38425d;border-bottom-width:2px;color:#e1e9f8;background:#11172b;text-align:center;font:inherit;font-size:9px}.control-separator{color:#46516c}.win-condition{margin:17px 0 0;text-align:center;font-size:8px;color:#77839d}.win-condition span{color:var(--pink)}@media(max-width:560px){.arcade{width:min(100% - 20px,960px);padding-top:23px}.tagline{margin-bottom:21px;font-size:10px}.cabinet{padding:11px}.controls{gap:8px;font-size:9px}.overlay-copy{margin:9px 0 14px;font-size:10px}.action-button{padding:10px 12px;font-size:9px}}@media(max-height:650px)and (orientation:landscape){.arcade{width:min(100% - 28px,860px,calc((100vh - 180px)*1.6));padding:10px 0}.masthead .eyebrow,.tagline,.win-condition{display:none}.eyebrow{margin-bottom:8px}h1{font-size:24px}.cabinet{padding:9px 14px}.scoreboard{margin-bottom:7px}.controls{margin-top:10px}.win-condition{margin-top:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}