:root{--paper: #f2e7d6;--ink: #111;--red: #c52b1f;--blue: #2a62da;--yellow: #f2c230;--cream: #fff8eb;--shadow: 10px 10px 0 rgba(17, 17, 17, .94)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:IBM Plex Sans,sans-serif;background:radial-gradient(circle at top left,rgba(197,43,31,.2),transparent 28%),radial-gradient(circle at bottom right,rgba(42,98,218,.2),transparent 28%),var(--paper)}.skip-link{position:absolute;left:1rem;top:-3rem;z-index:100;padding:.7rem 1rem;border:2px solid var(--ink);background:#fff9ee;color:var(--ink);text-decoration:none;font-family:Space Mono,monospace;text-transform:uppercase;font-size:.76rem}.skip-link:focus-visible{top:1rem}.game-shell{width:min(1280px,calc(100% - 1rem));margin:0 auto;padding:1rem 0 2rem}.game-header{display:grid;gap:1rem;margin-bottom:1rem}.back-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 .9rem;width:fit-content;border:2px solid var(--ink);background:#fff9ee;color:var(--ink);text-decoration:none;text-transform:uppercase;font-family:Space Mono,monospace;font-size:.76rem;touch-action:manipulation}.eyebrow{margin:0 0 .45rem;font-family:Space Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}.title-lockup h1,.overlay-card h2{margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(2.5rem,8vw,5rem);line-height:.92;text-transform:uppercase;text-wrap:balance}.subcopy{max-width:42rem;margin:.7rem 0 0;font-size:1rem;line-height:1.5}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;align-items:start}.game-stage{position:relative;border:3px solid var(--ink);background:var(--cream);box-shadow:var(--shadow);overflow:hidden}canvas{display:block;width:100%;height:auto;aspect-ratio:16 / 9;touch-action:manipulation}.hud{position:absolute;top:.8rem;left:.8rem;right:.8rem;display:flex;flex-wrap:wrap;gap:.6rem;pointer-events:none}.hud-card{min-width:120px;padding:.65rem .75rem;border:2px solid var(--ink);background:#fff8ebeb}.hud-card span{display:block;font-family:Space Mono,monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.hud-card strong{font-size:1.1rem}.meter-card{flex:1 1 180px}.meter{margin-top:.45rem;height:12px;border:2px solid var(--ink);background:linear-gradient(90deg,#2d63d8 0% 46%,#f2c230 46% 71%,#c52b1f 71% 100%)}.meter-fill{width:0%;height:100%;background:#ffffffe0;transition:width 80ms linear}.status-banner{position:absolute;left:50%;top:4.5rem;transform:translate(-50%);min-width:220px;max-width:min(90%,420px);padding:.6rem .85rem;border:2px solid var(--ink);background:#fff9eef0;box-shadow:6px 6px #111111e6;font-family:Space Mono,monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;text-align:center;opacity:0;pointer-events:none;transition:opacity .16s ease}.status-banner.is-visible{opacity:1}.start-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#11111138}.start-overlay.is-hidden{display:none}.overlay-card,.panel-block{border:2px solid var(--ink);background:#fff9ee;box-shadow:var(--shadow)}.overlay-card{width:min(92%,420px);padding:1.2rem}.overlay-card p{line-height:1.5}.overlay-card button{min-height:50px;padding:0 1rem;border:2px solid var(--ink);background:var(--red);color:#fff;font-family:Space Mono,monospace;text-transform:uppercase;cursor:pointer;touch-action:manipulation}.back-link:focus-visible,.overlay-card button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.side-panel{display:grid;gap:1rem}.panel-block{padding:1rem}.panel-block ul{margin:0;padding-left:1.1rem;line-height:1.6}.panel-block li+li{margin-top:.35rem}@media(max-width:980px){.game-layout{grid-template-columns:1fr}.side-panel{grid-template-columns:1fr 1fr}}@media(max-width:640px){.game-shell{width:calc(100% - .75rem);padding-top:.75rem}.side-panel{grid-template-columns:1fr}.hud{gap:.45rem}.hud-card{min-width:calc(50% - .25rem);padding:.55rem .6rem}.meter-card{min-width:100%}.status-banner{top:7.6rem;max-width:calc(100% - 1.5rem);font-size:.66rem}.overlay-card,.panel-block,.game-stage{box-shadow:7px 7px #111111f0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important}}