:root{--ink:#1d1b3a;--paper:#fff8e7;--red:#e63946;--yellow:#ffd166;--teal:#2ec4b6;--font:"Trebuchet MS", "Segoe UI", system-ui, sans-serif;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--paper);font-family:var(--font);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#app{touch-action:none;position:fixed;inset:0}#game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#overlay,#screens{pointer-events:none;position:absolute;inset:0}#screens>*{pointer-events:auto}.panel{padding:calc(1rem + var(--safe-t)) calc(1rem + var(--safe-r)) calc(1rem + var(--safe-b)) calc(1rem + var(--safe-l));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;display:flex;position:absolute;inset:0}.title-screen{cursor:pointer;background:radial-gradient(#1d1b3a26,#1d1b3abf)}.logo{letter-spacing:-.03em;color:var(--yellow);text-shadow:4px 4px 0 var(--red), 8px 8px 0 var(--ink);flex-direction:column;margin:0;font-size:clamp(2.6rem,11vw,7rem);font-style:italic;font-weight:900;line-height:.9;display:flex;transform:rotate(-4deg)}.logo-2{color:var(--paper);margin-left:1.5em}.subtitle{text-shadow:2px 2px 0 var(--ink);margin:.5rem 0 0;font-size:1.2rem}.press{color:var(--yellow);text-shadow:2px 2px 0 var(--ink);font-size:1.4rem;font-weight:800}.blink{animation:1s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}.hint,.best{opacity:.9;text-shadow:1px 1px 0 var(--ink)}.title-options,.actions{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.btn{font:inherit;border:3px solid var(--ink);background:var(--yellow);color:var(--ink);box-shadow:0 5px 0 var(--ink);cursor:pointer;text-transform:uppercase;border-radius:999px;padding:.7rem 1.6rem;font-size:1.1rem;font-weight:800}.btn:active{box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}.btn.ghost{background:var(--paper)}.btn.small{padding:.45rem 1rem;font-size:.85rem}.btn.wide{min-width:16rem}.btn.focused{background:var(--red);color:var(--paper)}.select-screen{background:linear-gradient(#1d1b3acc,#0000 35% 65%,#1d1b3acc);justify-content:space-between}.screen-title{color:var(--yellow);text-shadow:3px 3px 0 var(--red);text-transform:uppercase;margin:0;font-size:clamp(1.6rem,5vw,3rem);font-style:italic;font-weight:900}.cards{justify-content:space-between;gap:1rem;width:100%;max-width:1100px;display:flex}.card{--accent:var(--teal);border:4px solid var(--ink);min-width:0;max-width:22rem;color:var(--ink);text-align:left;cursor:pointer;box-shadow:0 6px 0 var(--ink);background:#fff8e7eb;border-radius:1rem;flex:1 1 0;padding:.9rem 1.1rem;transition:transform .15s}.card.selected{border-color:var(--accent);box-shadow:0 0 0 4px var(--ink), 0 10px 0 var(--ink);transform:translateY(-6px)scale(1.03)}.card h2{color:var(--accent);-webkit-text-stroke:1px var(--ink);margin:0 0 .3rem;font-size:1.8rem;font-style:italic}.stage-card{--accent:var(--red);margin:0 auto}.stage-card.night{--accent:#8d99ff;background:#dee2fff0}.select-screen.stage-select{justify-content:flex-start;overflow:hidden}.stage-select>:first-child,.stage-select>:last-child{margin:0}.stage-body{flex:auto;justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;max-width:1100px;min-height:0;display:flex}.stage-list{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;flex-direction:column;flex:0 17rem;gap:.45rem;min-width:0;max-height:100%;margin:0;padding:.3rem .5rem .5rem .2rem;list-style:none;display:flex;overflow-y:auto}.stage-tile{--accent:var(--red);border:3px solid var(--ink);color:var(--ink);text-align:left;cursor:pointer;box-shadow:0 3px 0 var(--ink);background:#fff8e7eb;border-radius:.7rem;flex-direction:column;flex:none;gap:.1rem;padding:.35rem .7rem;transition:transform .15s;display:flex}.stage-tile.night{--accent:#8d99ff;background:#dee2fff0}.stage-tile.selected{border-color:var(--accent);background:var(--yellow);box-shadow:0 0 0 3px var(--ink), 0 4px 0 var(--ink);transform:translate(4px)}.stage-tile.locked{filter:grayscale(.85);opacity:.8}.tile-name{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-style:italic;font-weight:900;overflow:hidden}.tile-info{justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.tile-info .stars{font-size:1rem}.tile-difficulty{color:var(--red);letter-spacing:.05em}.stage-detail{overscroll-behavior:contain;touch-action:pan-y;cursor:default;flex:0 25rem;max-width:26rem;max-height:100%;margin:0;overflow-y:auto}.detail-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.detail-head .counter{opacity:.7;flex:none;font-size:.8rem;font-weight:800}.facts{grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.3rem;margin:.3rem 0;display:grid}.fact{background:#1d1b3a14;border-radius:.4rem;padding:.2rem .45rem}.fact dt{text-transform:uppercase;opacity:.75;font-size:.65rem}.fact dd{margin:0;font-weight:900}.challenges-title{margin-bottom:0;font-weight:800}@media (max-width:640px){.stage-body{flex-direction:column;align-items:stretch;gap:.6rem}.stage-list{touch-action:pan-x;flex-direction:row;flex:none;max-height:none;padding:.2rem .2rem .6rem;overflow:auto hidden}.stage-tile{flex:0 0 10.5rem}.stage-tile.selected{transform:translateY(-2px)}.stage-detail{flex:0 auto;max-width:none;min-height:0}}.select-screen,.result{justify-content:flex-start;overflow-y:auto}.select-screen>:first-child,.result>:first-child{margin-top:auto}.select-screen>:last-child,.result>:last-child{margin-bottom:auto}.card.locked{filter:grayscale(.85);opacity:.8}.lock{color:var(--red);margin:.1rem 0;font-weight:900}.stars{color:#f4a100;letter-spacing:.1em;-webkit-text-stroke:1px var(--ink);margin:0;font-size:1.4rem}.challenges{text-align:left;margin:.2rem 0;padding:0;font-size:.85rem;list-style:none}.challenges li{opacity:.75;margin:.15rem 0}.challenges li.done{opacity:1;font-weight:700}.challenges .star{color:#f4a100}.challenges .tag{background:var(--teal);color:#fff;border-radius:.4rem;margin-left:.4rem;padding:0 .35rem;font-size:.7rem;font-weight:900}.modal .challenges{color:var(--paper)}.paints{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.4rem;font-size:.8rem;font-weight:700;display:flex}.swatches{gap:.25rem;display:flex}.swatch{border:2px solid var(--ink);border-radius:50%;place-items:center;width:1.3rem;height:1.3rem;font-size:.6rem;display:inline-grid}.swatch.on{outline:3px solid var(--yellow)}.swatch.locked{opacity:.45}.paints .hint{margin:0;font-size:.75rem}.profile{border:3px solid var(--ink);color:var(--ink);background:#fff8e7e6;border-radius:.8rem;padding:.4rem 1rem}.profile p{margin:.15rem 0}.rank{justify-content:center;align-items:center;gap:.6rem;font-weight:900;display:flex}.profile-stats{font-size:.8rem}.xp-bar{border:2px solid var(--ink);vertical-align:middle;background:#ddd;border-radius:999px;width:8rem;height:.6rem;display:inline-block;overflow:hidden}.xp-fill{background:linear-gradient(90deg, var(--teal), var(--yellow));height:100%;display:block}.xp{color:var(--yellow);align-items:center;gap:.6rem;font-weight:900;display:flex}.grade{color:var(--paper);text-shadow:5px 5px 0 var(--ink);-webkit-text-stroke:2px var(--ink);font-size:5rem;font-style:italic;font-weight:900;line-height:1;animation:.5s cubic-bezier(.2,1.8,.4,1) grade-in}.grade-S{color:var(--yellow)}.grade-A{color:var(--teal)}.grade-B{color:#8d99ff}@keyframes grade-in{0%{opacity:0;transform:scale(3)rotate(-15deg)}}.result p{margin:.15rem 0}.result .ahead{color:var(--teal);font-weight:900}.result .behind,.to-best{color:#ffadad;font-weight:700}.level-up,.unlocked{color:var(--yellow);font-size:1.2rem;font-weight:900}.bio,.meta{margin:.2rem 0 .5rem;font-size:.9rem}.difficulty .stars{color:var(--red);letter-spacing:.05em;-webkit-text-stroke:0;font-size:inherit}.stat{grid-template-columns:7rem 1fr;align-items:center;gap:.5rem;margin:.2rem 0;font-size:.8rem;font-weight:700;display:grid}.stat-bar{border:2px solid var(--ink);background:#ddd;border-radius:999px;height:.7rem;overflow:hidden}.stat-fill{background:var(--accent);height:100%;display:block}.modal{background:#1d1b3ab3}.big-number{color:var(--yellow);text-shadow:6px 6px 0 var(--red);font-size:8rem;font-weight:900}.result .score{color:var(--yellow);font-size:2rem;font-weight:900}.new-best{color:var(--teal);font-size:1.4rem;font-weight:900}.hud{text-shadow:2px 2px 0 var(--ink), -1px -1px 0 var(--ink);font-weight:900;display:none;position:absolute;inset:0}.hud.visible{display:block}.hud-top-left,.hud-top-right,.hud-top-center{top:calc(.6rem + var(--safe-t));position:absolute}.hud-top-left{left:calc(1rem + var(--safe-l))}.hud-top-right{right:calc(1rem + var(--safe-r));text-align:right}.hud-top-center{width:min(40vw,420px);left:50%;top:calc(1.2rem + var(--safe-t));transform:translate(-50%)}.hud-label{color:var(--yellow);letter-spacing:.1em;font-size:.9rem}.hud-time{font-size:clamp(2.6rem,7vw,4.5rem);line-height:1}.hud-time.danger{color:var(--red);animation:.5s ease-in-out infinite alternate pulse}@keyframes pulse{to{transform:scale(1.12)}}.hud-score{font-size:1.6rem}.hud-pause{pointer-events:auto;font:inherit;border:3px solid var(--ink);background:var(--paper);width:2.8rem;height:2.8rem;color:var(--ink);cursor:pointer;border-radius:50%;margin-top:.4rem;font-weight:900;display:none}.is-touch .hud-pause{display:inline-block}.hud-progress{border:3px solid var(--ink);background:#ffffff80;border-radius:999px;height:.9rem;position:relative;overflow:hidden}.hud-progress-fill{background:linear-gradient(90deg, var(--teal), var(--yellow));width:0;height:100%}.hud-progress-ghost,.hud-progress-rival{border:2px solid var(--ink);border-radius:50%;width:.7rem;height:.7rem;margin-left:-.35rem;display:none;position:absolute;top:-1px}.hud-progress-ghost{background:#9bf6ffcc}.hud-progress-rival{background:var(--red)}.hud-progress-ghost.show,.hud-progress-rival.show{display:block}.hud-rival,.hud-split{text-align:center;margin-top:.3rem;font-size:.95rem;display:none}.hud-rival.show,.hud-split.show{display:block}.hud-rival{color:#ffadad}.hud-rival.leading{color:var(--yellow)}.hud-split{font-size:1.4rem}.hud-split.ahead{color:#7cff6b}.hud-split.behind{color:var(--red)}.hud-record{color:#ffadad;font-size:.8rem;display:none}.hud-record.show{display:block}.hud-record.beaten{color:#7cff6b}.hud-combo{left:calc(1rem + var(--safe-l));opacity:0;grid-template-columns:auto auto;align-items:baseline;column-gap:.5rem;transition:opacity .15s,transform .15s;display:grid;position:absolute;top:30%;transform:translate(-120%)}.hud-combo.show{opacity:1;transform:none}.hud-combo-label{color:var(--paper);grid-column:1/-1;font-size:.8rem}.hud-combo-mult{color:var(--yellow);font-size:2.6rem;font-style:italic}.hud-combo[data-mult="3"] .hud-combo-mult,.hud-combo[data-mult="4"] .hud-combo-mult{color:#ff7b00}.hud-combo[data-mult="5"] .hud-combo-mult{color:var(--red);animation:.4s steps(2,end) infinite hud-blink}.hud-combo-points{color:var(--paper);font-size:1.3rem}.hud-combo-bar{border:2px solid var(--ink);background:#fff6;border-radius:999px;grid-column:1/-1;width:8rem;height:.4rem;overflow:hidden}.hud-combo-fill{background:var(--yellow);height:100%;display:block}.hud-trick{text-align:center;text-transform:uppercase;color:var(--paper);opacity:0;font-size:clamp(1rem,3vw,1.6rem);font-style:italic;transition:opacity .1s,transform .2s;position:absolute;top:40%;left:0;right:0;transform:translateY(.6rem)}.hud-trick.show{opacity:1;transform:none}.hud-trick.m2{color:var(--yellow)}.hud-trick.m3,.hud-trick.m4{color:#ff7b00}.hud-trick.m5{color:var(--red)}.hud-trick.lost{color:#adb5bd}.hud-speedlines{opacity:0;pointer-events:none;background:repeating-conic-gradient(at 50% 45%,#ffffff47 0deg .6deg,#0000 .6deg 7deg);animation:.25s linear infinite speedlines;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 45%,#0000 35%,#000 75%);mask-image:radial-gradient(at 50% 45%,#0000 35%,#000 75%)}@keyframes speedlines{to{transform:rotate(2deg)}}.hud-progress-mark{background:var(--red);width:3px;position:absolute;top:0;bottom:0}.hud-speedo{right:calc(1rem + var(--safe-r));bottom:calc(1rem + var(--safe-b));aspect-ratio:1;width:clamp(110px,18vw,170px);position:absolute}.is-touch .hud-speedo{width:110px;right:50%;bottom:calc(.3rem + var(--safe-b));transform:translate(50%)}.hud-gauge{width:100%;height:100%}.gauge-bg,.gauge-fg{fill:none;stroke-width:9px;stroke-linecap:round}.gauge-bg{stroke:#1d1b3a99}.gauge-fg{stroke:var(--yellow);transition:stroke-dasharray 80ms linear}.hud-speed-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hud-speed-value{font-size:clamp(1.6rem,4vw,2.6rem);line-height:1}.hud-speed-unit{color:var(--yellow);font-size:.8rem}.hud-banner{text-align:center;color:var(--yellow);opacity:0;white-space:pre-wrap;font-size:clamp(1.6rem,5vw,3.2rem);font-style:italic;transition:opacity .15s,transform .15s;position:absolute;top:28%;left:0;right:0;transform:scale(.6)}.hud-banner.show{opacity:1;transform:scale(1)}.hud-banner.danger{color:var(--red)}.hud-banner.checkpoint{color:var(--teal)}.hud-banner.bonus{color:#ff7b00}.hud-explosive{border:3px solid var(--ink);color:#fff;opacity:0;pointer-events:none;background:#ff7b00;border-radius:.6rem;align-items:center;gap:.5rem;padding:.3rem .8rem;font-style:italic;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:18%;left:50%;transform:translate(-50%)scale(.6)}.hud-explosive.show{opacity:1;transform:translate(-50%)scale(1)}.hud-explosive.ending{animation:.3s steps(2,end) infinite hud-blink}.hud-explosive-icon{background:var(--red);border-radius:.2rem;padding:0 .3rem}.hud-explosive-time{min-width:2.5ch;color:var(--yellow)}.hud-turbo{background:#118ab2;top:25%}.hud-turbo .hud-explosive-icon{background:var(--yellow)}.hud-wrongway{background:var(--red);color:#fff;text-align:center;box-shadow:0 0 0 4px var(--ink);opacity:0;pointer-events:none;border:4px solid #fff;border-radius:.8rem;flex-direction:column;align-items:center;padding:.4rem 1.2rem;font-style:italic;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%)scale(.6)}.hud-wrongway.show{opacity:1;animation:.8s steps(2,end) infinite hud-blink;transform:translate(-50%)scale(1)}.hud-wrongway-icon{font-size:clamp(1.4rem,4vw,2.2rem);font-style:normal}.hud-wrongway-title{font-size:clamp(1.4rem,4.5vw,2.6rem)}.hud-wrongway-hint{color:var(--yellow);font-size:clamp(.9rem,2.5vw,1.3rem)}@keyframes hud-blink{50%{opacity:.3}}.hud-banner.go{font-size:clamp(3rem,12vw,7rem)}.hud-countdown{text-align:center;color:var(--yellow);text-shadow:6px 6px 0 var(--red);font-size:clamp(4rem,16vw,9rem);display:none;position:absolute;top:30%;left:0;right:0}.hud-countdown.show{display:block}.touch-controls{pointer-events:none;display:none;position:absolute;inset:0}.touch-controls.visible{display:block}.touch-stick-zone{pointer-events:auto;touch-action:none;width:45%;position:absolute;top:25%;bottom:0;left:0}.touch-stick-base{left:calc(22% + var(--safe-l));opacity:.6;background:#1d1b3a59;border:3px solid #fff9;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute;top:65%}.touch-stick-base.active{opacity:1}.touch-stick-knob{background:var(--yellow);border:3px solid var(--ink);border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}.touch-buttons{right:calc(1rem + var(--safe-r));bottom:calc(1rem + var(--safe-b));pointer-events:none;width:260px;height:220px;position:absolute}.touch-btn{border:3px solid var(--ink);color:var(--ink);pointer-events:auto;touch-action:none;opacity:.85;box-shadow:0 5px 0 var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:900;display:flex;position:absolute}.touch-btn.pressed{box-shadow:0 2px 0 var(--ink);opacity:1;transform:translateY(3px)}.touch-btn-gas{background:var(--teal);width:120px;height:120px;font-size:1.1rem;bottom:0;right:0}.touch-btn-brake{background:var(--red);width:84px;height:84px;color:var(--paper);bottom:0;right:135px}.touch-btn-wheelie{background:var(--yellow);width:84px;height:84px;font-size:.65rem;bottom:135px;right:20px}#rotate-hint{display:none}@media (orientation:portrait) and (pointer:coarse){#rotate-hint{z-index:10;background:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;font-size:1.2rem;font-weight:800;display:flex;position:fixed;inset:0}#rotate-hint span{color:var(--yellow);font-size:5rem}}@media (max-height:500px){.card{padding:.5rem .8rem}.stage-detail h2{font-size:1.15rem}.stage-detail .bio{margin:.1rem 0 .2rem}.stage-tile{padding:.25rem .6rem}.fact{padding:.1rem .4rem}.card h2{font-size:1.3rem}.bio{font-size:.75rem}.stat{margin:.05rem 0}.btn{padding:.5rem 1.2rem;font-size:.9rem}.panel{gap:.4rem}.logo{font-size:clamp(2.2rem,16vh,7rem)}.screen-title{font-size:1.6rem}.profile-stats,.title-screen .hint,.result .hint{display:none}.meta{margin:.05rem 0;font-size:.75rem}.challenges{font-size:.75rem}.grade{font-size:3rem}.result .score{font-size:1.4rem}}@media (prefers-reduced-motion:reduce){.blink,.hud-time.danger{animation:none}}