@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,800;1,900&family=Barlow:wght@400;500;600;700;800;900&display=swap');
:root{--accent:#ffd06a;--ink:#102a30;--paper:#fffaed;font-family:Barlow,Arial,sans-serif;color:var(--paper);background:var(--ink)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:disabled{opacity:.5;cursor:wait}.hidden{display:none!important}#view{display:block;width:100%;height:100%;touch-action:none}#shade{position:fixed;inset:0;background:linear-gradient(90deg,#08222b99,transparent 70%),linear-gradient(0deg,#08222be6,transparent 38%);pointer-events:none}body.running #shade{background:linear-gradient(180deg,#071b324d,transparent 27%),linear-gradient(0deg,#08222b80,transparent 24%)}header{position:fixed;top:23px;left:3.5%;right:3.5%;display:flex;align-items:center;gap:14px;z-index:15}.brand{font:900 italic 40px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-4px;color:#fff9e8;text-decoration:none}.brand span{color:var(--accent);font-size:30px}.wordmark{font-size:11px;letter-spacing:2px}.wordmark b{margin-left:5px}.tools{margin-left:auto;display:flex;gap:7px}.tools button{height:36px;border:1px solid #ffffff40;border-radius:6px;background:#102d3b66;backdrop-filter:blur(10px);font-size:12px;min-width:36px;padding:0 10px;font-weight:700}.tools button b{color:var(--accent);margin-left:6px}.tools button:hover{background:#24495fbb}.tools #mute,.tools #help,.tools #fullscreen,.tools #pause{font-size:19px}#title{position:fixed;inset:0;pointer-events:none}.titlecopy{position:absolute;top:20%;left:7%;pointer-events:auto}.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:700;color:var(--accent)}.live-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:8px;box-shadow:0 0 15px var(--accent)}h1{font:900 clamp(86px,9.5vw,164px)/.78 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;margin:32px 0 23px;transform:skew(-7deg)}h1 em{font-style:normal;color:var(--accent)}.tagline{font-size:clamp(21px,2vw,29px);line-height:1.2;font-weight:500;margin:28px 0}.tagline strong{font-weight:800}.primary{display:flex;align-items:center;justify-content:space-between;gap:45px;min-width:222px;transform:skew(-5deg);padding:17px 23px;background:var(--accent);color:var(--ink);border:0;font-size:15px;font-weight:900;letter-spacing:1px;box-shadow:5px 5px 0 #061c3430;transition:translate .15s,filter .15s}.primary:hover{translate:2px -2px;filter:brightness(1.1)}.primary>span{font-size:26px;line-height:22px}.startkeys{font-size:10px;letter-spacing:1.2px;color:#fff8daae;margin-top:18px}.startkeys i{margin:0 8px;font-style:normal;color:var(--accent)}.destination{position:absolute;right:6%;bottom:205px;text-align:right;text-shadow:0 2px 14px #102b3d55}.destination>span{font-size:11px;letter-spacing:3px;color:var(--accent)}.destination h2{font:700 38px 'Barlow Condensed',Impact,sans-serif;margin:7px 0 4px}.destination p{font-size:14px;margin:0;color:#fff8dfcf}.level-select{position:absolute;left:6%;right:6%;bottom:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;pointer-events:auto}.level-card{display:flex;align-items:center;gap:15px;padding:15px 18px;text-align:left;border:1px solid #ffffff30;background:#122b39bb;backdrop-filter:blur(15px);border-radius:9px;box-shadow:0 5px 25px #03152620;transition:translate .2s,background .2s}.level-card:hover{background:#224a56cc;translate:0 -3px}.level-card.selected{border-color:var(--accent);background:#213c3eda}.level-card .level-art{display:grid;place-items:center;width:64px;height:70px;flex-shrink:0;font-size:44px;font-weight:600;border-radius:5px}.coast-art{color:#ffde97;background:linear-gradient(150deg,#b5dcd1,#187c9b 55%,#234f6c)}.wilds-art{color:#ccef91;background:linear-gradient(150deg,#7caa7b,#307b64 60%,#214a43)}.neon-art{color:#ead4fd;background:linear-gradient(150deg,#b8a5d8,#66568e 55%,#233963)}.level-card small{font-size:9px;letter-spacing:1.5px;color:#f6efd0aa}.level-card strong{display:block;font-size:20px;font-weight:700;margin:5px 0 8px}.level-card em{font-size:9px;font-style:normal;letter-spacing:1px;color:#fff6d799}.level-card>b{margin-left:auto;color:var(--accent);font-size:22px}.overlay{position:fixed;inset:0;z-index:40;background:#0c2234e8;backdrop-filter:blur(13px);display:grid;place-content:center}.loadmark{font:900 italic 92px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-9px;text-align:center}.loadmark span{color:var(--accent)}#loading{text-align:center;background:#0f2931}#loading .eyebrow{margin-top:18px}.loadbar{width:240px;height:3px;background:#ffffff15;margin:24px auto}.loadbar i{display:block;width:6%;height:100%;background:var(--accent);transition:width .25s}#loadmessage{font-size:13px;color:#c7d7d9;max-width:450px}.stats{position:fixed;top:110px;left:4%}.ringcount{display:flex;gap:14px;align-items:center}.ringcount i{display:block;width:27px;height:27px;border:5px solid #ffda79;border-radius:50%;box-shadow:0 0 15px #ffd57930}.ringcount b{font:800 50px/.9 'Barlow Condensed',Impact,sans-serif;font-variant-numeric:tabular-nums}.clock,.score{display:flex;align-items:center;gap:12px;margin-top:12px}.clock span,.score span{font-size:9px;letter-spacing:1.6px;min-width:38px}.clock b{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.score b{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.course-progress{position:fixed;top:113px;width:26%;left:37%;text-align:center}.course-progress>span{font-size:11px;letter-spacing:2px}.course-progress>div{height:3px;background:#ffffff40;margin-top:12px}.course-progress>div i{display:block;height:100%;background:var(--accent);width:0;box-shadow:0 0 10px var(--accent)}.course-progress p{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#eef6e9ba}#minimap{position:fixed;right:3.5%;top:100px;width:150px;height:120px;opacity:.85}.boost-panel{position:fixed;bottom:38px;left:4%;width:260px}.boost-panel>div:first-child{display:flex;align-items:center;justify-content:space-between}.boost-panel strong{font:800 italic 24px 'Barlow Condensed',Impact,sans-serif;letter-spacing:2px}.boost-panel #boostlabel{font-size:10px;letter-spacing:1px}.energy-track{height:14px;border:1px solid #fffc;border-radius:3px;background:#0e283f88;padding:3px;margin-top:9px;transform:skew(-10deg)}.energy-track i{display:block;height:100%;width:100%;background:var(--accent);box-shadow:0 0 13px #ffdd7f50}.boost-panel p{display:flex;justify-content:space-between;align-items:center;margin-top:10px}#shards{font-size:22px;letter-spacing:6px;color:var(--accent)}#checkpoint{font-size:9px;letter-spacing:1px;color:#deecddbb}.speed{position:fixed;bottom:44px;right:4%;text-align:right}.speed strong{font:800 italic 80px/.8 'Barlow Condensed',Impact,sans-serif;font-variant-numeric:tabular-nums}.speed>span{display:block;font-size:10px;letter-spacing:2px;margin:8px 0 11px}.speed>b{display:inline-block;border-right:3px solid var(--accent);padding:5px 10px;background:#14384566;font-size:11px;letter-spacing:2px}#hint{position:fixed;bottom:19%;left:50%;transform:translateX(-50%);background:#0c293bd9;padding:12px 20px;border:1px solid #ffffff38;border-radius:5px;font-size:12px;letter-spacing:.6px;text-align:center;max-width:80%;pointer-events:none}#hint:empty{display:none}#toast{position:fixed;left:50%;top:28%;transform:translateX(-50%);font:800 italic 32px 'Barlow Condensed',Impact,sans-serif;text-shadow:0 3px 12px #183b55aa;color:var(--accent);opacity:0;transition:opacity .2s;text-align:center;pointer-events:none}#toast.show{opacity:1}#countdown{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%) skew(-8deg);font:900 140px 'Barlow Condensed',Impact,sans-serif;color:var(--accent);text-shadow:8px 8px 0 #1f3e4740}#target{position:fixed;pointer-events:none;transform:translate(-50%,-50%);color:#e0ff88;text-align:center}#target i{display:block;width:48px;height:48px;margin:auto;border:2px dashed currentColor;border-radius:50%;box-shadow:0 0 18px #bfff6650;animation:spin 3s linear infinite}#target span{display:block;font-size:9px;white-space:nowrap;letter-spacing:1px;margin-top:9px}@keyframes spin{to{rotate:360deg}}#drift-meter{position:fixed;left:50%;bottom:28%;transform:translateX(-50%);width:150px;text-align:center}#drift-meter>span{font-size:10px;letter-spacing:1.5px;color:var(--accent)}#drift-meter>div{height:5px;background:#15334b88;margin-top:9px;border-radius:5px;overflow:hidden}#drift-charge{display:block;height:100%;background:var(--accent);width:0}#speedlines{position:fixed;inset:0;pointer-events:none;opacity:0;background:repeating-conic-gradient(from 0deg at 50% 47%,transparent 0deg 11deg,#efffff2a 11.03deg 11.10deg,transparent 11.18deg 22deg);mask-image:radial-gradient(ellipse,transparent 33%,#000 100%)}#flash{position:fixed;inset:0;z-index:25;background:#fff;opacity:0;pointer-events:none}.panel{width:min(380px,86vw)}.panel h2,.results-panel h2{font:800 74px/.95 'Barlow Condensed',Impact,sans-serif;margin:22px 0 30px;letter-spacing:-1px}.panel h2 em,.results-panel h2 em{color:var(--accent)}.panel .primary{width:100%}.secondary{display:block;background:transparent;border:0;padding:14px;color:#e3e8dd;font-size:14px;flex:1}.secondary:hover{color:var(--accent)}.panel .secondary{width:100%}.help-panel{width:min(520px,88vw)}.help-panel h2{font:800 50px 'Barlow Condensed',Impact,sans-serif;margin:12px 0 22px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px}.controls>div{display:flex;align-items:center;gap:10px}.controls span{font-size:12px}.controls kbd{font:600 10px Barlow,Arial,sans-serif;border:1px solid #b4ceda77;padding:7px;min-width:65px;text-align:center;border-radius:3px;background:#345a6533}.help-panel>p:not(.eyebrow){font-size:14px;line-height:1.5;color:#c2d4d5;margin:24px 0 14px}.help-panel .gamepad-note{font-size:11px!important}.help-panel .primary{margin-top:22px}.results-panel{width:min(490px,88vw)}.results-panel h2{font-size:76px;margin-bottom:20px}.rankrow{display:flex;align-items:center;gap:26px}.rankrow>strong{font:900 italic 110px/.9 'Barlow Condensed',Impact,sans-serif;color:var(--accent);min-width:86px}.rankrow span{font-size:10px;letter-spacing:2px;color:#c5d9d8}.rankrow b{display:block;font-size:23px;margin:8px 0}.rankrow p{color:var(--accent);font-size:11px;margin:0}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;padding:20px 0;margin:25px 0;gap:15px}.result-grid span{display:block;font-size:10px;letter-spacing:1px;color:#b8cdcf}.result-grid b{display:block;font-size:19px;margin-top:9px}.results-panel>.primary{width:100%}.result-links{display:flex}#touch{position:fixed;bottom:20px;left:20px;right:20px;z-index:20;display:none;justify-content:space-between;pointer-events:none}#touch>div{display:flex;align-items:end;gap:8px}#touch button{pointer-events:auto;touch-action:none;user-select:none;border:1px solid #ffffff77;background:#113044a8;backdrop-filter:blur(5px);border-radius:50%;width:58px;height:58px;font-size:10px;font-weight:800}#touch button[data-input=left],#touch button[data-input=right]{font-size:32px}#touch button[data-input=boost]{background:#ffce78dd;color:#123142}#touch button:active{background:#ffffff77}
@media(pointer:coarse){body.running #touch:not(.hidden){display:flex}.boost-panel{bottom:98px;width:195px}.speed{bottom:111px}.startkeys{font-size:0}.startkeys:after{content:'TOUCH CONTROLS · AUTOMATIC RUNNING';font-size:10px}.startkeys i{display:none}#hint{bottom:28%}}
@media(max-width:900px){header{left:4%;right:4%;gap:10px;top:15px}.wordmark{font-size:9px;letter-spacing:1px}.tools button{font-size:10px;padding:0 8px;min-width:30px}.tools #fullscreen{display:none}.titlecopy{left:7%;top:20%}h1{font-size:105px}.eyebrow{font-size:9px;letter-spacing:1.5px}.tagline{font-size:22px}.destination{right:5%;bottom:180px}.destination h2{font-size:29px}.level-select{left:5%;right:5%;bottom:24px;gap:9px}.level-card{padding:12px;gap:10px}.level-card .level-art{width:42px;height:55px;font-size:35px}.level-card strong{font-size:15px}.level-card small{font-size:8px;letter-spacing:.5px}.level-card em{font-size:8px}.level-card>b{display:none}.course-progress{width:30%;left:36%}.stats{top:91px}.ringcount b{font-size:40px}.clock b{font-size:20px}.course-progress{top:97px}#minimap{width:110px;height:88px;top:93px}.score{display:none}}
@media(max-width:600px){.brand{font-size:30px}.wordmark{display:none}.tools{gap:5px}#assist{font-size:9px}.titlecopy{top:18%}h1{font-size:88px;margin-top:26px}.tagline{font-size:20px;margin:22px 0}.primary{padding:14px 20px;min-width:200px;font-size:13px}.destination{bottom:240px;right:7%}.destination h2{font-size:25px}.destination p{font-size:11px}.destination>span{font-size:9px}.level-select{grid-template-columns:1fr;gap:7px;bottom:19px}.level-card{padding:7px 12px;gap:13px;border-radius:5px}.level-card .level-art{height:40px;width:44px;font-size:28px}.level-card strong{margin:2px 0;font-size:15px}.level-card em{display:none}.level-card small{font-size:8px}.level-card>b{display:block;margin-left:auto}.boost-panel{width:175px}.speed strong{font-size:60px}.course-progress>span{font-size:8px;letter-spacing:1px}#minimap{width:80px;height:64px;top:160px}.course-progress{left:48%;width:46%;top:91px}.clock span{font-size:8px}.stats{left:5%}.ringcount b{font-size:37px}#hint{font-size:10px;padding:10px 14px;width:max-content}#toast{font-size:25px;width:90%}#touch{left:10px;right:10px}#touch button{width:46px;height:46px;font-size:8px}#touch>div{gap:5px}#touch button[data-input=brake]{width:35px;height:35px}#touch button[data-input=drift],#touch button[data-input=slide]{width:37px;height:37px}.controls{gap:10px;grid-template-columns:1fr 1fr}.controls>div{display:block}.controls span{display:block;margin-top:8px;font-size:10px}.help-panel h2{font-size:38px}.results-panel h2{font-size:63px}.result-grid{gap:8px}.result-grid b{font-size:15px}.result-links .secondary{font-size:12px}}
@media(max-height:650px) and (orientation:landscape){.titlecopy{top:18%}h1{font-size:80px;margin:18px 0}.tagline{font-size:18px;margin:18px 0}.tagline br{display:none}.primary{padding:12px 20px}.startkeys{margin-top:12px;font-size:8px}.level-select{bottom:18px}.level-card{padding:10px}.level-card .level-art{height:45px;width:42px}.destination{bottom:140px}.destination h2{font-size:27px}.panel h2,.results-panel h2{font-size:49px;margin:13px 0 18px}.results-panel{width:500px}.rankrow{position:absolute;top:20%;right:23%}.rankrow>strong{font-size:74px}.rankrow>div{display:none}.result-grid{padding:13px 0;margin:15px 0}.help-panel{width:660px}.help-panel h2{font-size:32px;margin:8px 0 14px}.controls{grid-template-columns:repeat(3,1fr);gap:12px}.help-panel>p:not(.eyebrow){margin:12px 0;font-size:12px}.help-panel .primary{margin-top:12px}#minimap{width:105px;height:84px}}
@media(prefers-reduced-motion:reduce){#speedlines{display:none}*{animation:none!important}}

@media(max-width:600px){.destination{display:none}.startkeys{max-width:190px;line-height:1.8}}