:root{font-family:Arial,Helvetica,sans-serif;color:#eff6f5;background:#080f14;font-synthesis:none;--lime: #d6ff58;--muted: #93a7a9;--line: #26353a;--cyan: #62d9e9}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}a{color:var(--cyan)}.shell{max-width:1120px;margin:auto;padding:32px 32px calc(24px + env(safe-area-inset-bottom))}.masthead{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:23px;font-size:11px;letter-spacing:2px;font-weight:700}.brand{display:flex;align-items:center;gap:12px}.brandmark{background:var(--lime);color:#080f14;padding:8px;font-size:16px;letter-spacing:-1px;transform:skew(-8deg)}.live{color:var(--muted);display:flex;gap:8px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:var(--lime)}.layout{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start;padding-top:42px}.eyebrow{color:var(--lime);font:700 11px monospace;letter-spacing:2px}.hero h1{font-size:clamp(64px,8vw,100px);line-height:.84;letter-spacing:-6px;margin:25px 0;font-weight:900;font-style:italic}.hero h1 span{color:var(--lime);display:block}.tagline{font-size:17px;color:#b9c9cb;line-height:1.6;max-width:340px}.route-preview{position:relative;margin-top:32px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 30%,#18302c,#0c181d);height:245px;overflow:hidden;border-radius:4px}.route-preview canvas{width:100%;height:100%}.route-caption{position:absolute;bottom:15px;left:17px;right:17px;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1px;color:#a1b9b1}.route-caption strong{color:var(--lime)}.panel{background:#101c23;border:1px solid #2a3a40;border-radius:8px;padding:25px}.competition{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}.competition-label{display:flex;justify-content:space-between;font:700 10px monospace;letter-spacing:1px;color:var(--lime)}.competition h2{font-size:19px;margin:12px 0 7px;letter-spacing:-.4px}.small{font-size:11px;color:var(--muted);line-height:1.6}.countdown{font:700 13px monospace;color:#d5e5e4;margin-top:12px}.field-title{font:700 10px monospace;letter-spacing:1.5px;display:flex;justify-content:space-between;margin:20px 0 10px}input{color:#fff;border:1px solid #3b4b51;background:#0a141a;border-radius:4px;padding:13px;width:100%;min-height:48px}input::placeholder{color:#687e83}.difficulty{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.difficulty button{min-height:52px;border:1px solid #34434a;background:#15232a;color:#c7d7d9;border-radius:4px;font-weight:700}.difficulty button.active{color:#101b17;background:var(--lime);border-color:var(--lime)}.difficulty-description{display:flex;justify-content:space-between;margin:10px 0 22px;font-size:11px;color:var(--muted)}.primary{border:0;background:var(--lime);color:#111a15;min-height:56px;border-radius:4px;font-size:14px;letter-spacing:1px;font-weight:900;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.primary:hover{background:#e2ff89}.controls-help{display:flex;justify-content:center;gap:8px;font:11px monospace;color:var(--muted);margin:14px 0 0}.secondary{min-height:44px;border:1px solid #3a4a4f;background:transparent;color:#dce8e7;padding:10px 15px;border-radius:4px}.secondary:hover{background:#203038}.support{display:block;text-align:center;margin-top:20px;font-size:12px;color:#b8cac6;text-decoration:none}.support-note{text-align:center;font-size:10px;color:var(--muted)}.leaderboard{margin-top:38px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.section-head h2{font-size:17px;letter-spacing:-.3px}.tabs{display:flex;gap:4px}.tabs button{min-height:44px;padding:8px 11px;background:transparent;border:0;color:var(--muted);font-size:11px}.tabs button.active{color:var(--lime);border-bottom:2px solid var(--lime)}.board{width:100%;border-collapse:collapse;font-size:12px}.board td,.board th{padding:15px 8px;border-bottom:1px solid var(--line);text-align:left}.board th{color:#738c92;font:10px monospace;letter-spacing:1px}.board td:last-child,.board th:last-child{text-align:right}.board td:last-child{font-family:monospace;color:var(--lime)}.rank{color:#91a7ac}.empty{padding:24px 0;color:var(--muted);font-size:13px}.footer{border-top:1px solid var(--line);padding-top:20px;margin-top:35px;display:flex;justify-content:space-between;gap:20px;font:10px monospace;color:#6e898e;line-height:1.8}.notice{color:#ffbc85;font-size:12px;line-height:1.5;min-height:18px;margin:12px 0 0}.best{color:var(--lime);font-size:10px}.game-view{position:fixed;inset:0;background:#101e1c;z-index:10}.game-view canvas{width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;top:calc(18px + env(safe-area-inset-top));left:20px;right:20px;pointer-events:none;display:flex;justify-content:space-between;gap:12px}.hud-box{background:#0b171ee8;padding:12px 16px;border:1px solid #ffffff20;border-radius:5px;min-width:100px}.hud-label{color:#91a9a8;font:9px monospace;letter-spacing:1px}.hud-value{font:700 24px monospace;margin-top:5px}.hud-difficulty{color:var(--lime)}.game-progress{position:absolute;top:0;left:0;height:4px;background:var(--lime)}.steering-controls{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));display:flex;justify-content:space-between;gap:20px;pointer-events:none}.steer-button{width:clamp(126px,36vw,200px);min-height:86px;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border:2px solid var(--lime);border-radius:16px;background:#0b171ef5;color:var(--lime);box-shadow:0 5px #030b0e,0 8px 24px #0006;font:800 13px system-ui,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:auto}.steer-arrow{font-size:32px;line-height:1}.steer-button small{display:block;margin-top:5px;font-size:9px;letter-spacing:1px;opacity:.8}.steer-button.is-held,.steer-button:active{background:var(--lime);color:#0b171e;transform:translateY(4px);box-shadow:0 1px #030b0e}.steer-button:focus-visible{outline:3px solid white;outline-offset:4px}.count{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:110px;font-weight:900;font-style:italic;text-shadow:0 4px 50px #000;color:var(--lime);pointer-events:none}.practice{position:absolute;top:112px;left:20px;color:#ffbc85;font:11px monospace;background:#10201bd9;padding:8px}.quit{position:absolute;bottom:calc(120px + env(safe-area-inset-bottom));right:20px;font-size:11px;background:#09150fcf}.result-overlay{position:absolute;inset:0;background:#061019c9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;padding:22px;overflow:auto}.result{width:100%;max-width:440px;padding:30px;background:#101c23;border:1px solid #3e514d;border-radius:8px}.result h2{font-size:40px;font-style:italic;letter-spacing:-2px;margin:15px 0 6px}.result-score{font:900 50px monospace;color:var(--lime);margin:20px 0 0}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:20px 0}.result-grid strong{display:block;font:700 17px monospace;margin-top:6px}.bonus{font:11px monospace;line-height:1.8;color:var(--muted)}.result-actions{display:flex;gap:10px;margin-top:10px}.result-actions button{flex:1}.sound{font-size:10px;min-height:44px;color:var(--muted);background:none;border:0}.hidden{display:none!important}.filter{background:#101c23;color:#adbfbe;border:1px solid var(--line);padding:8px;min-height:44px;font-size:11px}.landscape-note{display:none}@media(max-width:750px){.shell{padding:20px 20px calc(20px + env(safe-area-inset-bottom))}.masthead{padding-bottom:16px}.live{font-size:9px;letter-spacing:1px}.layout{grid-template-columns:1fr;gap:24px;padding-top:27px}.hero h1{font-size:73px;letter-spacing:-4px;margin:18px 0 12px}.tagline{font-size:14px;margin:0;max-width:none}.route-preview{height:130px;margin-top:18px}.panel{padding:20px}.competition{padding-bottom:15px;margin-bottom:16px}.leaderboard{margin-top:25px}.footer{font-size:9px}.section-head{flex-wrap:wrap}.hero .eyebrow{font-size:10px}.hud{left:12px;right:12px}.hud-box{padding:10px;min-width:82px}.hud-value{font-size:19px}}@media(max-width:350px){.shell{padding-left:14px;padding-right:14px}.hero h1{font-size:64px}.panel{padding:15px}.difficulty{gap:4px}.difficulty button{font-size:13px}.hud-box{min-width:70px}.result{padding:22px}.result-score{font-size:40px}}@media(orientation:landscape)and (max-height:500px){.landscape-note{display:block;position:absolute;bottom:10px;left:40%;font-size:10px;color:#a5bdb0}.result-overlay{display:block}.result{margin:auto}.hud-box{padding:6px 12px}.hud-value{font-size:16px}}@media(max-width:350px){.result-grid strong{font-size:13px;white-space:nowrap}.route-caption{font-size:9px;letter-spacing:.3px;gap:10px}.route-caption>*{max-width:55%}.board td,.board th{padding-left:4px;padding-right:4px}.board td:nth-child(2){overflow-wrap:anywhere}}