:root{--colour-ink: #3a3034;--colour-paper: #f7f3ee;--colour-accent: #ce5a2d;--colour-gold: #f6a362;--colour-sky-high: #bcafe4;--colour-sky-low: #d1b3c8;--type-hud: clamp(1rem, 4.2vmin, 2rem);--type-hud-small: clamp(.8rem, 3vmin, 1.4rem);--touch-target: 48px;--gutter: clamp(8px, 2.4vmin, 20px);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--colour-sky-low);color:var(--colour-paper);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{position:relative;width:100%;height:100dvh;overflow:hidden}#game-canvas{display:block;width:100%;height:100%}.boot{position:absolute;inset:0;display:grid;place-content:center;gap:1.2rem;justify-items:center;background:linear-gradient(180deg,var(--colour-sky-high),var(--colour-sky-low));z-index:10;transition:opacity .24s ease}.boot[hidden]{display:none}.boot--fading{opacity:0;pointer-events:none}.boot__mark{width:clamp(48px,14vmin,96px);aspect-ratio:1;border-radius:50%;border:4px solid rgba(255,255,255,.35);border-top-color:var(--colour-accent);animation:boot-spin .9s linear infinite}.boot__label{margin:0;font-size:var(--type-hud);font-weight:600;color:var(--colour-ink)}@keyframes boot-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.boot__mark{animation-duration:3s}}.hud{position:absolute;inset:0;padding:calc(var(--gutter) + var(--safe-top)) calc(var(--gutter) + var(--safe-right)) calc(var(--gutter) + var(--safe-bottom)) calc(var(--gutter) + var(--safe-left));display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gutter);pointer-events:none;z-index:5}.hud[hidden]{display:none}.hud__pause{pointer-events:auto;min-width:var(--touch-target);min-height:var(--touch-target);margin:8px;border:none;border-radius:14px;background:#3a3034b8;color:var(--colour-paper);font-size:var(--type-hud-small);line-height:1;cursor:pointer;transition:background-color .12s ease,transform .12s ease}.hud__pause:hover{background:#3a3034e0}.hud__pause:active{transform:scale(.94)}.hud__pause:focus-visible{outline:3px solid var(--colour-gold);outline-offset:3px}.hud__stats{display:flex;flex-direction:column;align-items:flex-end;gap:.2em;font-variant-numeric:tabular-nums;text-shadow:0 2px 6px rgba(0,0,0,.65)}.hud__score{font-size:var(--type-hud);font-weight:700;letter-spacing:.04em}.hud__coins{font-size:var(--type-hud-small);font-weight:600;color:var(--colour-gold)}.hud__coins:before{content:"●";margin-right:.35em;color:var(--colour-gold)}.hud__multiplier{font-size:var(--type-hud-small);font-weight:700;color:var(--colour-accent)}.hud__multiplier[hidden]{display:none}.hud__powerups{display:flex;flex-direction:column;align-items:flex-end;gap:.35em;margin-top:.4em}.hud__powerup{display:flex;flex-direction:column;align-items:flex-end;gap:.15em;min-width:7.5em;padding:.3em .55em;border-radius:.5em;background:#0a12118c;font-size:var(--type-hud-small);font-weight:700;letter-spacing:.02em}.hud__powerup[hidden]{display:none}.hud__powerup-bar{width:100%;height:.32em;border-radius:.16em;background:#ffffff2e;overflow:hidden}.hud__powerup-fill{height:100%;border-radius:inherit;background:currentColor}.hud__powerup--ending{animation:powerup-ending .4s steps(2,jump-none) infinite}@keyframes powerup-ending{0%{opacity:1}to{opacity:.35}}.hud__powerup--magnet{color:#ce5a2d}.hud__powerup--ghost{color:#76cbea}.hud__powerup--wings{color:#f6a362}.run-over{position:absolute;inset:0;display:grid;place-items:center;padding:calc(var(--gutter) + var(--safe-top)) calc(var(--gutter) + var(--safe-right)) calc(var(--gutter) + var(--safe-bottom)) calc(var(--gutter) + var(--safe-left));background:#181216a8;backdrop-filter:blur(3px);z-index:20}.run-over[hidden]{display:none}.run-over__panel{display:flex;flex-direction:column;align-items:center;gap:clamp(.8rem,3vmin,1.6rem);width:min(92%,420px);padding:clamp(1.2rem,5vmin,2.4rem);border-radius:20px;background:var(--colour-paper);color:var(--colour-ink);box-shadow:0 18px 48px #0000006b;text-align:center}.run-over__title{margin:0;font-size:clamp(1.4rem,6vmin,2.2rem);font-weight:800;letter-spacing:-.01em;color:var(--colour-ink)}.run-over__stats{display:flex;flex-direction:column;gap:.35em;margin:0;width:100%}.run-over__row{display:flex;align-items:baseline;justify-content:space-between;gap:1em;padding:.3em 0;border-bottom:1px solid rgba(58,48,52,.14)}.run-over__row:last-child{border-bottom:none}.run-over__row[hidden]{display:none}.run-over__label{margin:0;font-size:var(--type-hud-small);font-weight:600;color:#5f5157}.run-over__value{margin:0;font-size:var(--type-hud);font-weight:700;font-variant-numeric:tabular-nums}.run-over__row--score .run-over__value{color:var(--colour-accent)}.run-over__restart{min-height:52px;min-width:60%;margin-top:.4em;padding:.7em 1.6em;border:none;border-radius:14px;background:var(--colour-accent);color:#fff;font-size:var(--type-hud);font-weight:700;cursor:pointer;transition:background-color .12s ease,transform .12s ease}.run-over__restart:hover{background:#b84c24}.run-over__restart:active{transform:scale(.97)}.run-over__restart:focus-visible{outline:3px solid var(--colour-ink);outline-offset:3px}.run-over__hint{margin:0;font-size:var(--type-hud-small);color:#5f5157}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.noscript{position:absolute;inset:0;display:grid;place-content:center;margin:0;padding:2rem;background:var(--colour-sky-low);color:var(--colour-ink);font-size:var(--type-hud);text-align:center}:root{--colour-item-boost: var(--colour-gold);--colour-item-missile: var(--colour-accent);--colour-item-shockwave: var(--colour-sky-high);--colour-item-shield: #76cbea;--scrim-chip: rgba(10, 18, 17, .55);--scrim-dialog: rgba(24, 18, 22, .66)}.hud__race-progress{position:absolute;top:var(--safe-top);left:calc(var(--gutter) + var(--safe-left));right:calc(var(--gutter) + var(--safe-right));height:4px;border-radius:2px;background:#ffffff38;overflow:hidden}.hud__race-progress[hidden]{display:none}.hud__race-progress-fill{height:100%;width:100%;border-radius:inherit;background:var(--colour-gold);transform:scaleX(0);transform-origin:left}.hud__race-rank{position:absolute;top:calc(var(--gutter) + var(--safe-top) + var(--touch-target) + 20px);left:calc(var(--gutter) + var(--safe-left) + 8px);display:flex;align-items:baseline;font-variant-numeric:tabular-nums;text-shadow:0 2px 6px rgba(0,0,0,.65)}.hud__race-rank[hidden]{display:none}.hud__race-rank-place{font-size:clamp(1.6rem,7vmin,3.2rem);font-weight:800;letter-spacing:.02em}.hud__race-rank-field{font-size:var(--type-hud-small);font-weight:600;opacity:.85}.hud__race-item{position:absolute;bottom:calc(var(--gutter) + var(--safe-bottom));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.1em;min-width:8em;padding:.4em .9em;border-radius:.6em;background:var(--scrim-chip);border:2px solid currentColor;font-size:var(--type-hud-small);text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.65)}.hud__race-item[hidden]{display:none}.hud__race-item-name{font-weight:800;letter-spacing:.08em}.hud__race-item-hint{font-size:.7em;font-weight:600;opacity:.75;color:var(--colour-paper);letter-spacing:.03em}.hud__race-item--boost{color:var(--colour-item-boost)}.hud__race-item--missile{color:var(--colour-item-missile)}.hud__race-item--shockwave{color:var(--colour-item-shockwave)}.hud__race-item--shield{color:var(--colour-item-shield)}.hud__race-combo{position:absolute;bottom:calc(var(--gutter) + var(--safe-bottom) + 5.2em);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.15em;min-width:4.5em;padding:.25em .6em;border-radius:.5em;background:var(--scrim-chip);color:var(--colour-gold);font-size:var(--type-hud-small);font-weight:800;font-variant-numeric:tabular-nums;text-shadow:0 2px 6px rgba(0,0,0,.65)}.hud__race-combo[hidden]{display:none}.hud__race-combo-bar{width:100%;height:.32em;border-radius:.16em;background:#ffffff2e;overflow:hidden}.hud__race-combo-fill{height:100%;border-radius:inherit;background:currentColor}.hud__banner{position:absolute;top:22%;left:50%;transform:translate(-50%);max-width:min(86%,30em);margin:0;padding:.4em 1.1em;border-radius:2em;background:var(--scrim-chip);color:var(--colour-paper);font-size:var(--type-hud-small);font-weight:800;letter-spacing:.06em;text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud__banner[hidden]{display:none}.hud__banner--good{color:var(--colour-gold)}.hud__banner--bad{background:#ce5a2dd9;color:#fff}.hud__banner--live{animation:banner-in 2s ease both}@keyframes banner-in{0%{opacity:0;transform:translate(-50%) translateY(-.4em)}8%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.hud__banner--live{animation:banner-fade 2s steps(1,end) both}@keyframes banner-fade{0%,99%{opacity:1}to{opacity:0}}}.begin{position:absolute;inset:0;display:grid;place-items:center;padding:calc(var(--gutter) + var(--safe-top)) calc(var(--gutter) + var(--safe-right)) calc(var(--gutter) + var(--safe-bottom)) calc(var(--gutter) + var(--safe-left));background:radial-gradient(ellipse at center,#18121600 45%,#18121673);z-index:20}.begin[hidden]{display:none}.begin__panel{display:flex;flex-direction:column;align-items:center;gap:clamp(.7rem,2.6vmin,1.4rem);width:min(94%,440px);max-height:100%;overflow-y:auto;text-align:center;color:var(--colour-paper)}.begin__title{margin:0;font-size:clamp(2rem,10vmin,4rem);font-weight:900;font-style:italic;letter-spacing:.04em;color:var(--colour-paper);text-shadow:.045em .045em 0 var(--colour-accent),0 4px 18px rgba(0,0,0,.55)}.begin__stats{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(6px,1.6vmin,12px);width:100%}.begin__stat{display:flex;flex-direction:column;gap:.15em;flex:1 1 7em;min-width:0;padding:.5em .7em;border-radius:.7em;background:var(--scrim-chip);text-shadow:0 2px 6px rgba(0,0,0,.65)}.begin__stat--journey{flex-basis:100%}.begin__stat-label{font-size:clamp(.65rem,2.2vmin,.9rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.begin__stat-value{font-size:var(--type-hud-small);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.begin__level-bar{width:100%;height:.32em;margin-top:.25em;border-radius:.16em;background:#ffffff2e;overflow:hidden}.begin__level-fill{height:100%;border-radius:inherit;background:var(--colour-gold)}.begin__race{min-height:64px;width:min(100%,320px);padding:.5em 1.6em;border:none;border-radius:18px;background:var(--colour-accent);color:#fff;font-size:clamp(1.3rem,6vmin,2rem);font-weight:900;letter-spacing:.12em;cursor:pointer;box-shadow:0 10px 28px #0006;transition:background-color .12s ease,transform .12s ease}.begin__race:hover{background:#b84c24}.begin__race:active{transform:scale(.97)}.begin__race:focus-visible{outline:3px solid var(--colour-gold);outline-offset:3px}.begin__endless{min-height:var(--touch-target);width:min(100%,320px);margin-top:8px;padding:.5em 1.2em;border:2px solid rgba(247,243,238,.75);border-radius:14px;background:var(--scrim-chip);color:var(--colour-paper);font-size:var(--type-hud-small);font-weight:700;letter-spacing:.1em;cursor:pointer;transition:background-color .12s ease,transform .12s ease}.begin__endless:hover{background:#0a1211bf}.begin__endless:active{transform:scale(.97)}.begin__endless:focus-visible{outline:3px solid var(--colour-gold);outline-offset:3px}.begin__hint{margin:0;font-size:clamp(.7rem,2.4vmin,.95rem);font-weight:600;opacity:.85;text-shadow:0 2px 6px rgba(0,0,0,.65)}.countdown{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:15}.countdown[hidden]{display:none}.countdown__value{font-size:clamp(4rem,24vmin,12rem);font-weight:900;font-style:italic;color:var(--colour-paper);text-shadow:.03em .03em 0 var(--colour-accent),0 8px 32px rgba(0,0,0,.6)}.countdown__value--go{color:var(--colour-gold)}.countdown__value--pop{animation:countdown-pop .48s cubic-bezier(.2,1.6,.4,1) both}@keyframes countdown-pop{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.countdown__value--pop{animation:countdown-fade .2s ease both}@keyframes countdown-fade{0%{opacity:0}to{opacity:1}}}.results{position:absolute;inset:0;display:grid;place-items:center;padding:calc(var(--gutter) + var(--safe-top)) calc(var(--gutter) + var(--safe-right)) calc(var(--gutter) + var(--safe-bottom)) calc(var(--gutter) + var(--safe-left));background:var(--scrim-dialog);backdrop-filter:blur(3px);z-index:20}.results[hidden]{display:none}.results__panel{display:flex;flex-direction:column;align-items:center;gap:clamp(.5rem,2vmin,1rem);width:min(94%,460px);max-height:100%;overflow-y:auto;padding:clamp(1rem,4vmin,2rem);border-radius:20px;background:var(--colour-paper);color:var(--colour-ink);box-shadow:0 18px 48px #0000006b;text-align:center}.results__title{margin:0;font-size:clamp(1.1rem,4.5vmin,1.6rem);font-weight:800;letter-spacing:.12em;color:var(--colour-ink)}.results__place-glyph{font-size:clamp(2.2rem,10vmin,4rem);font-weight:900;line-height:1;color:var(--colour-accent)}.results__place-headline{margin:0;font-size:clamp(1.1rem,5vmin,1.7rem);font-weight:800;letter-spacing:.02em}.results__time{margin:0;font-size:var(--type-hud);font-weight:700;font-variant-numeric:tabular-nums;color:#5f5157}.results__record{margin:0;padding:.25em 1em;border-radius:2em;background:var(--colour-gold);color:var(--colour-ink);font-size:clamp(.7rem,2.6vmin,.95rem);font-weight:800;letter-spacing:.1em}.results__record[hidden]{display:none}.results__standings{display:flex;flex-direction:column;gap:.25em;width:100%;margin:0;padding:0;list-style:none}.results__row{display:flex;align-items:baseline;gap:.7em;padding:.35em .7em;border-radius:.6em;font-variant-numeric:tabular-nums;animation:results-row-in .36s ease both}.results__row--player{background:#ce5a2d24;font-weight:800}@keyframes results-row-in{0%{opacity:0;transform:translateY(.4em)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.results__row{animation:none}}.results__row-place{flex:0 0 2.2em;text-align:left;font-weight:700;color:#5f5157}.results__row--player .results__row-place{color:var(--colour-accent)}.results__row-name{flex:1 1 auto;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results__row-time{flex:0 0 auto;font-weight:600}.results__stats{display:flex;flex-direction:column;gap:.2em;width:100%;margin:0}.results__stat{display:flex;align-items:baseline;justify-content:space-between;gap:1em;padding:.2em 0;border-bottom:1px solid rgba(58,48,52,.14)}.results__stat:last-child{border-bottom:none}.results__stat-label{margin:0;font-size:var(--type-hud-small);font-weight:600;color:#5f5157}.results__stat-value{margin:0;font-size:var(--type-hud-small);font-weight:700;font-variant-numeric:tabular-nums}.results__stat--score .results__stat-value{color:var(--colour-accent)}.results__rewards{display:flex;flex-direction:column;gap:.3em;width:100%}.results__rewards-line{margin:0;font-size:var(--type-hud-small);font-weight:800;letter-spacing:.05em;color:var(--colour-accent);white-space:pre}.results__level{display:flex;align-items:center;gap:.6em;width:100%}.results__level-label{font-size:clamp(.7rem,2.4vmin,.95rem);font-weight:800;color:#5f5157}.results__level-bar{flex:1 1 auto;height:.4em;border-radius:.2em;background:#3a303429;overflow:hidden}.results__level-fill{height:100%;border-radius:inherit;background:var(--colour-gold)}.results__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-top:.2em}.results__rematch{min-height:52px;flex:2 1 10em;padding:.6em 1.4em;border:none;border-radius:14px;background:var(--colour-accent);color:#fff;font-size:var(--type-hud);font-weight:700;cursor:pointer;transition:background-color .12s ease,transform .12s ease}.results__rematch:hover{background:#b84c24}.results__rematch:active{transform:scale(.97)}.results__rematch:focus-visible{outline:3px solid var(--colour-ink);outline-offset:3px}.results__home{min-height:52px;flex:1 1 6em;padding:.6em 1.2em;border:2px solid rgba(58,48,52,.4);border-radius:14px;background:transparent;color:var(--colour-ink);font-size:var(--type-hud-small);font-weight:700;cursor:pointer;transition:background-color .12s ease,transform .12s ease}.results__home:hover{background:#3a303414}.results__home:active{transform:scale(.97)}.results__home:focus-visible{outline:3px solid var(--colour-ink);outline-offset:3px}