@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{color:#f9e8bd;font-synthesis:none;text-rendering:optimizelegibility;background:#0d1c23;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 18%,#e2695724,#0000 38rem),linear-gradient(#10242c,#0a171d 72%);min-height:100vh}button{font:inherit;-webkit-tap-highlight-color:transparent}#app{place-items:center;min-height:100vh;padding:clamp(28px,6vw,76px) 18px;display:grid}.game-page{width:min(1120px,100%)}.hero{justify-content:space-between;align-items:flex-end;gap:32px;margin:0 5px 25px;display:flex}.eyebrow{color:#f58a6f;letter-spacing:.19em;align-items:center;gap:9px;margin:0 0 9px;font:700 .68rem/1 Space Mono,monospace;display:flex}.eyebrow span{background:currentColor;width:22px;height:2px}.hero h1{color:#fff0c9;letter-spacing:-.072em;margin:0;font-size:clamp(2.5rem,6.8vw,5.5rem);line-height:.86}.hero-copy{color:#91a9a9;margin:15px 0 0;font-size:clamp(.92rem,2vw,1.06rem)}.hero-note{color:#6c8889;letter-spacing:.12em;text-align:right;gap:7px;min-width:175px;font:700 .6rem/1.25 Space Mono,monospace;display:grid}.hero-note span:first-child{color:#61bbaa}.game-card{background:#152a32;border:1px solid #f68b6f94;border-radius:26px;overflow:hidden;box-shadow:0 34px 90px #0000006e,inset 0 0 0 1px #ffeec609}.game-stage{aspect-ratio:16/9;isolation:isolate;background:#142b39;border-radius:18px;margin:8px;position:relative;overflow:hidden}#game-canvas{touch-action:manipulation;outline:none;width:100%;height:100%;display:block}#game-canvas:focus-visible{box-shadow:inset 0 0 0 4px #ffe7b5}.hud{z-index:2;pointer-events:none;align-items:flex-start;gap:clamp(12px,3vw,31px);font-family:Space Mono,monospace;display:flex;position:absolute;top:clamp(14px,3.2vw,28px);left:clamp(14px,3.2vw,30px);right:clamp(14px,3.2vw,30px)}.hud-item{gap:3px;display:grid}.hud-item span{color:#ffe7b594;letter-spacing:.13em;font-size:clamp(.46rem,1.1vw,.65rem)}.hud-item strong{color:#fff0c9;letter-spacing:.08em;font-size:clamp(.95rem,2.4vw,1.5rem)}.hud-best strong{color:#ff9272}.speed-chip{color:#89cfc2;letter-spacing:.08em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b1e2494;border:1px solid #5ebcaa61;border-radius:99px;align-items:center;gap:6px;margin-left:auto;padding:8px 10px;font-size:clamp(.48rem,1.1vw,.65rem);display:flex}.speed-chip i{background:#61bbaa;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #61bbaa}.game-overlay{z-index:4;color:#fff0c9;text-align:center;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1d23e8;border:1px solid #ffe7b547;border-radius:18px;width:min(430px,100% - 28px);padding:clamp(22px,4vw,34px);transition:opacity .16s,transform .16s;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)scale(.97);box-shadow:12px 12px #10282e9e,0 24px 60px #050e1247}.game-overlay.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.game-overlay>p:first-child{color:#65bfad;letter-spacing:.18em;margin:0 0 8px;font:700 clamp(.55rem,1.3vw,.68rem)/1 Space Mono,monospace}.game-overlay h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.55rem,4vw,2.25rem)}.game-overlay>p:nth-of-type(2){color:#9fb2ae;max-width:330px;margin:10px auto 20px;font-size:clamp(.78rem,1.8vw,.92rem);line-height:1.6}.game-overlay button{color:#132a31;cursor:pointer;background:#f68a6e;border:0;border-radius:8px;align-items:center;gap:18px;padding:12px 13px 12px 20px;font-weight:800;display:inline-flex;box-shadow:0 4px #a74e4a}.game-overlay button:hover{background:#ff9d7e;transform:translateY(-1px)}.game-overlay button:active{transform:translateY(3px);box-shadow:0 1px #a74e4a}.game-overlay button:focus-visible{outline-offset:4px;outline:3px solid #ffe7b5}.game-overlay button b{color:#ffe7b5;letter-spacing:.07em;background:#b4524d;border-radius:4px;padding:4px 6px;font:700 .55rem/1 Space Mono,monospace}.mobile-controls{z-index:3;gap:9px;display:flex;position:absolute;bottom:clamp(12px,2.7vw,25px);right:clamp(12px,2.7vw,26px)}.mobile-controls button{color:#f9e8bd;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);touch-action:none;background:#0d1d23ad;border:1px solid #ffe7b561;border-radius:10px;align-content:center;place-items:center;gap:2px;width:clamp(54px,8.5vw,76px);height:clamp(48px,7.5vw,67px);display:grid}.mobile-controls button:last-child{color:#ff9877;border-color:#f68a6ebf}.mobile-controls b{font:700 clamp(1rem,2.2vw,1.35rem)/1 Space Mono,monospace}.mobile-controls span{letter-spacing:.1em;font:700 clamp(.42rem,.9vw,.55rem)/1 Space Mono,monospace}.mobile-controls button:focus-visible{outline-offset:2px;outline:2px solid #ffe7b5}.game-footer{color:#728f90;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:18px;padding:11px 18px 18px;font:700 .62rem/1.3 Space Mono,monospace;display:flex}.game-footer p{margin:0}.game-footer>div{gap:22px;display:flex}.live-dot{background:#61bbaa;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 10px #61bbaa}kbd{color:#b5c5bc;min-width:25px;font:inherit;background:#10232b;border:1px solid #3b5559;border-radius:4px;place-items:center;margin-right:3px;padding:3px 5px;display:inline-grid}.tip-row{color:#637e80;justify-content:space-between;gap:20px;padding:16px 7px 0;font:600 .72rem/1.4 Space Mono,monospace;display:flex}.tip-row p{margin:0}.tip-row strong{color:#f0846b;margin-right:7px}@media (hover:hover) and (pointer:fine){.mobile-controls{opacity:.72}.mobile-controls:hover{opacity:1}}@media (width<=700px){#app{padding-inline:9px}.hero{align-items:flex-start;margin-bottom:18px}.hero-note{display:none}.game-card{border-radius:17px}.game-stage{border-radius:12px;margin:4px}.game-footer{justify-content:center;padding-bottom:12px}.game-footer>p{display:none}.game-footer>div{gap:12px}.tip-row{text-align:center;justify-content:center}.tip-row p:last-child{display:none}}@media (width<=470px){.hero-copy{margin-top:10px}.hud{gap:10px}.hud-item span{letter-spacing:.05em}.speed-chip{display:none}.game-overlay{padding:17px 18px}.game-overlay>p:nth-of-type(2){margin:6px auto 12px;line-height:1.35}.game-overlay button{padding-block:9px}.mobile-controls{gap:5px;bottom:8px;right:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}