:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--gas:#1e8e4a;--brake:#d42525;--warp-fast:#ffb020;--warp-yield:#3aa0ff}html,body{touch-action:none;background:#0d1014;height:100%;margin:0;font-family:Segoe UI,Noto Sans,Liberation Sans,DejaVu Sans,sans-serif;overflow:hidden}#frame{aspect-ratio:9/19.5;background:#b7d4e2;outline:none;width:min(100vw,46.1538vh);height:min(100vh,216.667vw);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}#frame.warp-fast{box-shadow:inset 0 0 0 8px var(--warp-fast)}#frame.warp-yield{box-shadow:inset 0 0 0 8px var(--warp-yield)}#view{width:100%;height:100%;display:block;position:absolute;inset:0}#hud{z-index:1;pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}#status{justify-content:space-between;align-items:flex-start;gap:8px;padding:12px 12px 0;display:flex}#status span{color:#fff;background:#080c129e;border-radius:999px;padding:7px 10px;font-size:16px;font-weight:800;line-height:1.2}#warp{background:var(--warp-fast);color:#1c1404;letter-spacing:.02em;font-size:26px}#frame.warp-yield #warp{background:var(--warp-yield);color:#041018}#warp[hidden]{display:none!important}#controls{pointer-events:auto;padding:0 12px calc(14px + env(safe-area-inset-bottom));gap:10px;display:flex}#controls button{color:#fff;height:112px;font:inherit;letter-spacing:.06em;touch-action:none;-webkit-user-select:none;user-select:none;background-image:linear-gradient(#ffffff38,#0000 42%);border:0;border-radius:28px;flex:1;font-size:28px;font-weight:800;box-shadow:0 7px #00000038,0 12px 18px #0000002e}#gas{background:var(--gas)}#brake{background:var(--brake)}#gas.held,#brake.held{filter:brightness(1.08);transform:translateY(5px);box-shadow:0 2px #00000038,0 4px 8px #00000029}.overlay{z-index:2;background:#060a10c7;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0}.overlay[hidden]{display:none!important}.card{color:#1b1a17;box-sizing:border-box;background:#f6f3ec;border-radius:18px;width:min(100%,360px);max-height:calc(100% - 8px);padding:20px 16px 16px;overflow:auto}.card h1,.card h2{margin:0 0 10px;font-size:28px;line-height:1.15}#over-title{color:#9d1c1c}.hint,#over-action,#over-explain,#over-basis,#over-score{margin:0 0 10px;line-height:1.35}.hint{font-size:16px}#over-action{font-size:18px;font-weight:800}#over-explain{font-size:16px}#over-basis{color:#333;font-size:14px}#over-score{font-size:18px;font-weight:800}#start-btn,#again{background:var(--gas);color:#fff;width:100%;height:64px;font:inherit;border:0;border-radius:14px;margin-top:6px;font-size:22px;font-weight:800;position:sticky;bottom:0}button:focus-visible{outline-offset:2px;outline:3px solid #111}