@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";:root{color:#f7fbff;font-synthesis:none;text-rendering:optimizelegibility;--ink:#07111f;--panel:#0a192beb;--cyan:#37e7ff;--blue:#3278ff;--yellow:#ffd83d;--orange:#ff963d;--danger:#ff496f;--green:#64f58d;--line:#97e2ff47;background:#07111f;font-family:VT323,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 18% 18%,#37e7ff29,#0000 30%),radial-gradient(circle at 82% 12%,#5660ff24,#0000 27%),linear-gradient(#0b1e36 0%,#07111f 62%,#040a12 100%);min-height:100vh;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;opacity:.3;background-image:linear-gradient(#4eb7ff14 1px,#0000 1px),linear-gradient(90deg,#4eb7ff14 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}button,input,textarea,select{font:inherit}button{color:inherit}.app,.game-app,.app-shell,main{width:min(1180px,100% - 28px);margin:0 auto}.app,.game-app,.app-shell{flex-direction:column;justify-content:center;gap:14px;min-height:100vh;padding:22px 0 30px;display:flex}header,.game-header,.hud,.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}h1,h2,h3,p{margin-top:0}h1,.title,.logo{color:#fff;text-shadow:3px 3px #174a78,0 0 18px #37e7ff7a;margin-bottom:0;font-family:"Press Start 2P",monospace;font-size:clamp(1rem,2.6vw,1.7rem);line-height:1.5}.subtitle,.tagline{color:#9edcf4;letter-spacing:.04em;margin:3px 0 0;font-size:1.25rem}.hud,.stats,.status-bar{align-items:center;gap:10px;display:flex}.hud-item,.stat,.counter,.coin-counter,.status{border:2px solid var(--line);color:#cbeeff;text-align:center;background:linear-gradient(#152e4af5,#071220f5);border-radius:10px;min-width:112px;padding:8px 13px;font-size:1.15rem;box-shadow:inset 0 0 0 2px #ffffff09,0 6px #0000003d}.hud strong,.stat strong,.counter strong,.coin-count,.score{color:var(--yellow);font-family:"Press Start 2P",monospace;font-size:.78rem}.game-frame,.game-container,.canvas-wrap,.game-stage,.stage{background:#102844;border:4px solid #77cfff;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 5px #153553,0 0 0 7px #37e7ff33,0 20px 50px #00000073,inset 0 0 35px #37e7ff1f}canvas{aspect-ratio:16/9;width:100%;height:auto;max-height:68vh;image-rendering:pixelated;image-rendering:crisp-edges;background:linear-gradient(#122c50,#1a5681 68%,#18334a 68%);outline:none;display:block}.overlay,.game-overlay,.start-screen,.win-screen,.game-over,.modal{z-index:5;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030a13ad;place-items:center;padding:22px;display:grid;position:absolute;inset:0}.overlay-card,.panel,.modal-content,.message-box{border:3px solid var(--cyan);background:linear-gradient(#102844fa,#06111ffa);border-radius:14px;width:min(540px,94%);padding:clamp(20px,4vw,38px);box-shadow:0 0 0 5px #0e3e5be6,0 0 36px #37e7ff47}.overlay h2,.game-overlay h2,.panel h2,.modal h2{color:var(--yellow);text-shadow:3px 3px #7f4d00;margin-bottom:16px;font-family:"Press Start 2P",monospace;font-size:clamp(1rem,3vw,1.65rem);line-height:1.55}.overlay p,.game-overlay p,.panel p,.modal p{color:#d8f5ff;margin-bottom:14px;font-size:1.3rem;line-height:1.35}button,.button,.start-button,.restart-button{appearance:none;cursor:pointer;color:#04111e;text-transform:uppercase;background:linear-gradient(#55f0ff,#1a9fd4);border:0;border-radius:8px;min-height:46px;padding:10px 18px;font-family:"Press Start 2P",monospace;font-size:.72rem;line-height:1.5;transition:transform .12s,filter .12s,box-shadow .12s;box-shadow:0 5px #0a5a87,0 9px 18px #0000004d}button:hover,.button:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 6px #0a5a87,0 11px 22px #00000052}button:active,.button:active{transform:translateY(4px);box-shadow:0 1px #0a5a87,0 4px 8px #0000004d}button:focus-visible,canvas:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.instructions,.controls,.help,.game-footer,footer{color:#a8d5e8;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px 16px;font-size:1.12rem;display:flex}kbd,.key{color:#fff;background:#193b58;border:1px solid #8ccce8;border-bottom-width:4px;border-radius:6px;justify-content:center;align-items:center;min-width:30px;min-height:28px;padding:2px 8px;font-family:"Press Start 2P",monospace;font-size:.58rem;display:inline-flex}.mobile-controls,.touch-controls{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:14px;width:100%;display:none}.mobile-controls button,.touch-controls button{touch-action:manipulation;min-width:64px;min-height:56px;padding:8px}.control-group{gap:10px;display:flex}.coin{color:var(--yellow)}.danger,.spike-label{color:var(--danger)}.success{color:var(--green)}.hidden,[hidden]{display:none!important}@media (width<=760px){.app,.game-app,.app-shell,main{width:min(100% - 16px,1180px)}.app,.game-app,.app-shell{justify-content:flex-start;min-height:100svh;padding:10px 0 16px}header,.game-header,.topbar{text-align:center;justify-content:center}.hud,.stats,.status-bar{justify-content:center;width:100%}.hud-item,.stat,.counter,.coin-counter,.status{flex:1;min-width:0}.game-frame,.game-container,.canvas-wrap,.game-stage,.stage{border-width:3px;border-radius:10px}canvas{max-height:none}.mobile-controls,.touch-controls{display:flex}.instructions,.controls,.help,.game-footer,footer{font-size:1rem}}@media (height<=620px) and (orientation:landscape){.app,.game-app,.app-shell{gap:7px;padding:6px 0}h1,.title,.logo{font-size:.9rem}.subtitle,.tagline,.instructions,.help,footer{display:none}canvas{max-height:76vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}