:root{--cyan: #19d9ff;--pink: #ff3bd4;--ink: #e9f6ff;--dim: #8aa3b8;--glass: rgba(6, 12, 22, .72);--line: rgba(25, 217, 255, .28);--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#050914;color:var(--ink);font:15px/1.4 var(--sans);overflow:hidden;overscroll-behavior:none}#race{position:fixed;inset:0;user-select:none;-webkit-user-select:none;touch-action:none}#view{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.kicker{font:600 11px/1 var(--mono);letter-spacing:.16em;color:var(--cyan)}.cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px 20px;border:0;border-radius:4px;background:linear-gradient(90deg,#19d9ff,#6fe9ff);color:#031018;font-weight:800;font-size:17px;letter-spacing:.02em;box-shadow:0 0 28px #19d9ff73;transition:transform .12s,box-shadow .12s,opacity .12s}.cta:hover{transform:translateY(-1px);box-shadow:0 0 40px #19d9ffa6}.cta:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.ghost{padding:11px 16px;border:1px solid var(--line);border-radius:4px;background:#050a148c;color:var(--ink);font-weight:600}.ghost:hover{border-color:var(--cyan)}.ghost.small{padding:7px 11px;font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}#loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--glass);border:1px solid var(--line);border-radius:4px;font:600 12px/1 var(--mono);letter-spacing:.08em;z-index:5}.spin{width:16px;height:16px;border:2px solid rgba(25,217,255,.25);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#garage{position:absolute;inset:0;pointer-events:none}#garage>*{pointer-events:auto}.g-card{position:absolute;left:28px;top:50%;transform:translateY(-58%);width:320px;padding:22px;background:var(--glass);border:1px solid var(--line);border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.g-card h1{margin:10px 0 6px;font-size:32px;line-height:1.05;letter-spacing:-.01em}.g-meta{display:flex;align-items:center;gap:10px;color:var(--dim);font:12px/1 var(--mono)}.free-badge{padding:4px 7px;border-radius:3px;background:#7cff4f;color:#061404;font:800 11px/1 var(--mono);letter-spacing:.12em;box-shadow:0 0 14px #7cff4f80}.stats{margin:18px 0 20px;display:grid;gap:10px}.stats div{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:10px}.stats dt{font:11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.stats dd{margin:0;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.stats i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--pink));transition:width .35s}.g-note{margin:10px 0 14px;text-align:center;color:var(--dim);font:11px/1.4 var(--mono);letter-spacing:.06em}#g-offer{width:100%}.arrow{position:absolute;top:46%;width:54px;height:54px;border-radius:50%;border:1px solid var(--line);background:var(--glass);font-size:30px;line-height:1}.arrow:hover{border-color:var(--cyan);color:var(--cyan)}.arrow.prev{left:372px}.arrow.next{right:28px}.g-hint{position:absolute;right:28px;top:24px;color:var(--dim);font:11px/1 var(--mono);letter-spacing:.08em}#g-strip{position:absolute;left:0;right:0;bottom:0;display:flex;gap:8px;padding:12px 28px 16px;overflow-x:auto;scrollbar-width:thin;background:linear-gradient(transparent,#03060ce6 40%)}.thumb{position:relative;flex:0 0 104px;height:78px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#0b1424;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb span{position:absolute;left:0;right:0;bottom:0;padding:3px 5px;background:#03060cbf;font:10px/1.2 var(--mono);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb.no-img span{top:0;display:flex;align-items:center;justify-content:center;white-space:normal;text-align:center;background:none}.thumb em{position:absolute;right:4px;top:4px;padding:2px 4px;border-radius:2px;background:#7cff4f;color:#061404;font:800 9px/1 var(--mono);font-style:normal}.thumb.on{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 0 16px #19d9ff66}#hud{position:absolute;inset:0;pointer-events:none}.h-box{position:absolute;top:18px;padding:10px 14px;background:var(--glass);border:1px solid var(--line);border-radius:4px;display:grid;gap:4px}.h-box b{font:800 30px/1 var(--mono)}.h-pos{left:18px}.h-lap{left:128px}.h-lap span:last-child{font:12px/1 var(--mono);color:var(--dim)}#h-map{position:absolute;right:18px;top:18px;width:150px;height:150px;background:var(--glass);border:1px solid var(--line);border-radius:4px}.h-speed{position:absolute;right:24px;bottom:26px;text-align:right}.h-speed b{display:block;font:800 54px/1 var(--mono);text-shadow:0 0 18px rgba(25,217,255,.6)}.h-speed span{font:600 11px/1 var(--mono);letter-spacing:.16em;color:var(--cyan)}#h-hint{position:absolute;left:50%;bottom:22px;transform:translate(-50%);color:var(--dim);font:11px/1 var(--mono);letter-spacing:.08em;white-space:nowrap}#h-quit{position:absolute;left:18px;bottom:22px;pointer-events:auto}#race[data-state=race] #h-hint{animation:fade 1s 6s forwards}@keyframes fade{to{opacity:0}}#countdown{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);font:900 120px/1 var(--mono);color:#fff;text-shadow:0 0 30px var(--pink),0 0 60px var(--pink);pointer-events:none}#countdown[data-go="1"]{color:#7cff4f;text-shadow:0 0 30px #7cff4f}#touch{position:absolute;inset:auto 0 0;height:0}#touch button{position:absolute;bottom:24px;width:84px;height:84px;border-radius:50%;border:1px solid var(--line);background:#060c168c;font-size:26px;touch-action:none}#touch button.on{background:#19d9ff4d;border-color:var(--cyan)}#t-left{left:18px}#t-right{left:116px}#t-brake{right:18px;bottom:120px!important;width:96px!important;height:64px!important;border-radius:6px!important;font:800 13px/1 var(--mono)!important;letter-spacing:.12em}.coarse .h-speed{right:50%;transform:translate(50%);bottom:22px;text-align:center}.coarse #h-hint{display:none}.coarse #h-quit{inset:14px auto auto 50%;transform:translate(-50%)}#results{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#03060c40,#03060cbf)}.r-card{width:min(440px,calc(100% - 32px));padding:24px;background:var(--glass);border:1px solid var(--line);border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rise .4s ease-out}@keyframes rise{0%{transform:translateY(16px);opacity:0}}.r-card h2{margin:10px 0 14px;font-size:30px}#r-rows{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:4px}#r-rows li{display:grid;grid-template-columns:10px 22px 1fr auto;align-items:center;gap:10px;padding:8px 10px;border-radius:3px;background:#ffffff0a;font-size:14px}#r-rows li.me{background:#19d9ff24;outline:1px solid var(--line)}#r-rows .dot{width:10px;height:10px;border-radius:50%}#r-rows b{font-family:var(--mono)}#r-rows em{margin-left:6px;font:800 10px/1 var(--mono);font-style:normal;color:var(--cyan)}#r-rows time{font:12px/1 var(--mono);color:var(--dim)}.r-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}#mute{position:absolute;right:18px;bottom:120px;z-index:4}#race[data-state=garage] #mute{bottom:auto;top:48px;right:28px}#race[data-state=race] #mute,#race[data-state=countdown] #mute{top:180px;bottom:auto}@media(max-width:760px){.g-card{inset:auto 12px 112px;width:auto;transform:none;padding:14px 16px}.g-card h1{font-size:24px;margin:6px 0 4px}.stats{margin:10px 0 12px;gap:6px}.g-note{margin:6px 0 8px}.cta{padding:12px 16px;font-size:16px}#g-offer{padding:9px 14px}.arrow{top:22%;width:44px;height:44px;font-size:24px}.arrow.prev{left:12px}.arrow.next{right:12px}.g-hint{display:none}#race[data-state=garage] #mute{top:12px;right:12px}#g-strip{padding:8px 12px 12px}.thumb{flex-basis:84px;height:64px}.h-box{top:10px;padding:7px 10px}.h-box b{font-size:22px}.h-pos{left:10px}.h-lap{left:92px}#h-map{right:10px;top:10px;width:104px;height:104px}#h-hint{display:none}#h-quit{inset:124px 10px auto auto}.coarse #h-quit{left:auto;right:10px;top:124px;transform:none}.h-speed b{font-size:40px}#race[data-state=race] #mute,#race[data-state=countdown] #mute{top:160px;right:10px}#countdown{font-size:88px}}@media(max-height:560px)and (min-width:761px){.g-card{transform:translateY(-50%);padding:14px 18px}.g-card h1{font-size:24px}.stats{margin:10px 0}#g-strip{display:none}}