@font-face{font-family:Urbanist;src:url(assets/Urbanist.ttf) format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:Inter;src:url(assets/Inter.ttf) format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--ink:#080616;--cloud:#f4f1ff;--muted:#b4afc8;--ice:#7dd3fc;--purple:#a855f7}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--cloud);font-family:Inter,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:600 14px Inter,sans-serif;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:3px solid var(--ice);outline-offset:5px}button{touch-action:manipulation}button:hover{filter:brightness(1.12)}button:active{transform:translateY(1px)}[hidden]{display:none!important}#world{display:block;width:100%;height:100%;position:fixed;inset:0;touch-action:none}#vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,6,22,.75),transparent 66%),linear-gradient(0deg,rgba(8,6,22,.48),transparent 30%)}body.racing #vignette{background:linear-gradient(0deg,rgba(8,6,22,.56),transparent 25%),linear-gradient(180deg,rgba(8,6,22,.48),transparent 24%)}.topbar{position:fixed;top:0;left:0;width:100%;padding:26px 36px;display:flex;justify-content:space-between;align-items:center;z-index:4;pointer-events:none}.mini-title{font:800 20px Urbanist;letter-spacing:.055em}.dot{color:#b9a0ff}.top-actions{display:flex;gap:8px;pointer-events:auto}.small-button{background:#10101eb8;border:1px solid #b9a5ff38;border-radius:24px;padding:10px 14px;backdrop-filter:blur(12px)}.panel{z-index:5;position:relative}.menu{position:fixed;left:clamp(28px,6vw,100px);top:50%;transform:translateY(-50%);width:440px;max-width:46vw}.eyebrow{font-size:12px;letter-spacing:.19em;font-weight:600;color:#c5c2dc}.menu h1{font:800 clamp(64px,8.8vw,138px)/.8 Urbanist;margin:29px 0 20px;letter-spacing:-.065em;position:relative;width:min-content}.menu h1 span{color:#b9a6ff}.menu h1 b{color:#7dd3fc;position:absolute;right:-.19em;bottom:0;font-weight:900}.tagline{font:500 clamp(20px,2vw,28px) Urbanist;margin:26px 0}.rules{margin:22px 0}.rules p{display:flex;align-items:center;gap:12px;font-size:14px;color:#d6d3e4;margin:12px 0}.rule-icon{color:#bba6ff;font-size:21px;display:inline-flex;align-items:center;justify-content:center;width:25px}.gate-symbol{color:#7dd3fc;font-weight:700}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:15px;background:linear-gradient(135deg,#d6caff,#bda5ff);padding:19px 23px;color:#201537;font-size:17px;box-shadow:0 8px 35px #0b061a40;min-height:58px}.primary span{opacity:.65;font-size:13px;letter-spacing:.12em}.secondary{width:100%;padding:16px;background:#252037;border:1px solid #b9a5ff38;border-radius:15px;margin-top:12px;font-size:16px}.text-button{background:transparent;color:#c4bcd9;padding:15px 0;font-size:14px}.menu-bottom{display:flex;justify-content:space-between}.best-note{font-size:12px;color:#9992b0;margin:8px 0}.brand-footer{position:fixed;bottom:28px;left:clamp(28px,6vw,100px);display:flex;align-items:center;gap:22px;z-index:3}.brand-footer a{display:block;padding:8px}.brand-footer img{width:119px;height:auto;display:block}.brand-footer span{color:#9e97b4;font-size:12px;max-width:180px;line-height:1.6}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(145deg,#19152bea,#0d0b1cf5);border:1px solid #b9a5ff40;border-radius:28px;padding:36px 40px;width:min(470px,calc(100vw - 32px));max-height:calc(100dvh - 105px);overflow:auto;box-shadow:0 22px 100px #0008;backdrop-filter:blur(22px);text-align:center}.dialog h2{font:700 clamp(34px,4.5vw,56px)/1.02 Urbanist;margin:18px 0;letter-spacing:-.04em}.dialog h2 span{color:#b9a0ff}.dialog p{font-size:15px;line-height:1.6;color:#beb7d4}.dialog .text-button{padding:18px 10px 5px}.result-time{font:700 58px Urbanist;color:#7dd3fc;margin:8px 0;letter-spacing:-.025em}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b9a5ff26;border-bottom:1px solid #b9a5ff26;padding:20px 0;margin:23px 0;gap:10px}.stat-grid span{display:block;font-size:11px;letter-spacing:.1em;color:#b4afc8}.stat-grid strong{display:block;font:700 26px Urbanist;margin-top:7px}.result-brand{margin:22px auto -12px;padding:10px}.result-brand img{width:109px}.help-copy{text-align:left;margin:22px 0}.help-copy strong{color:#f4f1ff}.race-top{position:fixed;top:91px;left:36px;right:36px;display:flex;justify-content:space-between;pointer-events:none}.hud-label{display:block;font-size:12px;letter-spacing:.12em;font-weight:600;color:#c3bdd7}.hud-block strong{font:600 40px/1.3 Urbanist;font-variant-numeric:tabular-nums}.hud-block strong span{font-size:18px;color:#b4afc8}.right{text-align:right}.progress-track{position:fixed;top:75px;left:36px;right:36px;height:3px;background:#b9a5ff30}.progress-track div{height:100%;background:#7dd3fc;width:0;box-shadow:0 0 12px #7dd3fc75}.progress-track i{position:absolute;top:-2px;background:#bba6ff;width:2px;height:7px}.race-bottom{position:fixed;bottom:42px;left:36px;right:36px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.speed{display:flex;gap:10px;align-items:baseline}.speed strong{font:500 58px Urbanist;font-variant-numeric:tabular-nums}.speed span{font-size:12px;color:#b4afc8;letter-spacing:.09em}.boost-meter{width:230px}.meter-label{display:flex;justify-content:space-between;font-size:12px;font-weight:600;letter-spacing:.13em}.meter{height:8px;background:#bba6ff30;border-radius:4px;margin:12px 0;overflow:hidden}.meter div{height:100%;width:35%;background:linear-gradient(90deg,#3b82f6,#7dd3fc);transition:width .08s linear}.boost-meter>span{font-size:11px;color:#b4afc8;letter-spacing:.1em}#toast{position:fixed;top:27%;left:50%;transform:translateX(-50%);text-align:center;font:600 24px Urbanist;color:#bdf0ff;text-shadow:0 2px 12px #080616;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap}#toast.show{opacity:1}#countdown{position:fixed;top:46%;left:50%;transform:translate(-50%,-50%);font:800 100px Urbanist;text-shadow:0 5px 50px #bba6ff60;pointer-events:none}#tutorial{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);font-size:13px;color:#ccc5e1;background:#0b091b9c;padding:12px 18px;border-radius:30px;pointer-events:none;white-space:nowrap}#touch-controls{display:none;position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:20px;right:20px;justify-content:space-between;align-items:center;pointer-events:none}.steer-pad{display:flex;gap:8px}#touch-controls button{pointer-events:auto;touch-action:none;background:#161326bb;border:1px solid #c6bbf866;color:#f4f1ff;height:66px;min-width:66px;border-radius:20px;backdrop-filter:blur(12px);font:400 34px Urbanist}#touch-controls #boost{font:700 13px Inter;padding:0 22px;background:#bda5ff;color:#201537;min-width:118px;letter-spacing:.08em}#boost span{font-size:20px;padding-left:7px}body.boosting .meter div{background:#e8d4ff}body.boosting #boost{background:#f4e9ff}.low-time{color:#ffbf96!important}body.reduced *{transition:none!important}
@media(pointer:coarse){body.racing #touch-controls{display:flex}.race-bottom{bottom:111px}#tutorial{bottom:195px}.boost-meter>span{visibility:hidden}}
@media(max-width:700px){.topbar{padding:18px 20px}.mini-title{font-size:16px}.small-button{font-size:12px;padding:9px 11px}.top-actions{gap:5px}.menu{top:auto;bottom:106px;left:24px;transform:none;width:calc(100% - 48px);max-width:380px}.menu .eyebrow{font-size:10px;letter-spacing:.16em}.menu h1{font-size:clamp(64px,15vw,90px);margin:18px 0}.tagline{margin:18px 0;font-size:23px}.rules{margin:18px 0}.rules p{font-size:13px;margin:10px 0}.primary{min-height:55px;padding:17px 21px}.brand-footer{left:20px;bottom:22px;gap:13px}.brand-footer img{width:103px}.brand-footer span{font-size:11px;max-width:150px}.best-note{font-size:11px}.race-top{top:82px;left:20px;right:20px}.progress-track{top:65px;left:20px;right:20px}.hud-label{font-size:10px;letter-spacing:.08em}.hud-block strong{font-size:32px}.hud-block strong span{font-size:14px}.race-bottom{left:22px;right:22px;bottom:116px}.speed strong{font-size:43px}.speed{gap:7px}.speed span{font-size:10px}.boost-meter{width:155px}.meter-label{font-size:10px}.meter{margin:9px 0;height:6px}.boost-meter>span{font-size:9px}#touch-controls{display:flex}#tutorial{font-size:11px;bottom:199px;max-width:90vw;white-space:normal;text-align:center;line-height:1.6;padding:10px 15px}#toast{top:25%;font-size:20px}#vignette{background:linear-gradient(0deg,#080616f2 10%,#08061688 65%,#08061611)}.dialog{padding:27px 25px;border-radius:24px}.dialog h2{font-size:42px}.dialog p{font-size:14px}.result-time{font-size:49px}.stat-grid{margin:18px 0;padding:16px 0}.stat-grid span{font-size:10px}.result-brand{margin-top:15px}.help-copy p{font-size:13px}}
@media(max-height:650px){.menu{top:85px;bottom:auto;transform:none}.menu h1{font-size:65px;margin:14px 0}.menu .eyebrow{font-size:10px}.tagline{margin:12px 0;font-size:21px}.rules{margin:12px 0}.rules p{margin:8px 0;font-size:12px}.brand-footer{bottom:12px}.best-note{display:none}.menu-bottom .text-button{padding:10px 0}.dialog{max-height:calc(100dvh - 70px)}.dialog h2{font-size:35px}.dialog .eyebrow{font-size:10px}}@media(max-height:520px) and (min-width:700px){.menu{width:380px;left:5vw;top:66px}.menu h1{font-size:58px;line-height:.8}.tagline{font-size:20px;margin:10px 0}.rules{margin:8px 0}.rules p{margin:6px 0}.primary{padding:13px 18px;min-height:45px}.brand-footer{left:auto;right:30px}.brand-footer span{display:none}.menu-bottom .text-button{padding:10px 0}.race-top{top:70px}.progress-track{top:62px}.hud-block strong{font-size:28px}.race-bottom{bottom:28px}.hud-label{font-size:10px}.topbar{padding:15px 25px}#tutorial{bottom:15px}#toast{top:28%}}

@media(max-width:700px){.boost-meter>span{visibility:hidden}}@media(max-width:380px){body.racing .mini-title{display:none}body.racing .top-actions{margin-left:auto}}
/* Preserve the supplied mark's minimum readable size and clear space. */
.brand-footer a{padding:10px}.brand-footer img{width:170px}.result-brand img{width:160px}@media(max-width:700px){.brand-footer{right:20px}.brand-footer img{width:170px}.brand-footer span{flex:1;min-width:0}}