:root{--accent: #f6d34e;--accent-2: #f6d34e;--muted: #b0b2a8;--stroke: #55564d;--text: #f4f0df}[hidden]{display:none!important}html,body{height:100%;overscroll-behavior:none}button{-webkit-user-select:none;user-select:none}#menu{background:#20211e;overflow-y:auto;overflow-x:hidden}#menu-bg{opacity:.24;filter:grayscale(.8)}.menu-vignette{background:linear-gradient(110deg,#181a18eb,#20211e99),repeating-linear-gradient(0deg,transparent 0 3px,#0001 3px 4px)}.menu-inner{max-width:1440px;min-height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) max(28px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left))}.menu-nav{min-height:58px;gap:18px;border-bottom:2px solid #f4f0df24}.brand-mark{font:900 italic 22px var(--display);letter-spacing:-.02em;transform:skew(-5deg)}.brand-slashes{color:var(--accent)}.menu-nav-actions{margin-left:auto;display:flex;gap:8px}.menu-nav .btn{margin:0;padding:9px 12px;font:700 15px var(--display);text-transform:uppercase;min-height:40px}.btn-discord{background:#454947;border:1px solid #797d71}.brand{padding:22px 0 20px}.brand .eyebrow{color:#ccc7b6;font-size:9px;letter-spacing:.18em}.brand h1{font:italic 900 clamp(56px,6.7vw,96px)/.88 var(--display);transform:skew(-5deg);text-shadow:4px 4px 0 #000;margin:10px 0 8px}.brand h1 span{color:var(--accent)}.brand h1 .title-period{display:none}.tagline{font-size:12px;color:#d2cebf}.run-ticket{width:164px;background:#e1ddca;color:#20211e;border:0;border-bottom:7px solid #ff6b35;transform:rotate(4deg);padding:10px 15px;box-shadow:5px 5px #0006}.run-ticket:after{display:none}.ticket-label,.ticket-bottom,.run-ticket strong span{color:#494b40}.run-ticket strong{font-size:44px;margin:2px 0 7px}.ticket-bottom{border-color:#797b6f;font-size:7px}.menu-grid{grid-template-columns:minmax(0,1.45fr) minmax(310px,1fr);gap:24px}.menu-grid>.panel{background:transparent;border:0;padding:0;box-shadow:none;backdrop-filter:none}.panel-head{margin-bottom:14px;padding:8px 12px;background:#dedac7;transform:skew(-3deg);color:#20211e;border-bottom:3px solid #111}.panel-head h2{font:italic 900 27px/.95 var(--display);color:#20211e}.step-no{color:#bc471f;font:800 18px var(--display)}.section-code{color:#45473d}.level-stage{height:clamp(190px,25vh,300px);position:relative;isolation:isolate;overflow:hidden;border:3px solid #ddd8c4;box-shadow:5px 5px #101210;transform:rotate(-.6deg)}.level-stage>img{width:100%;height:100%;object-fit:cover;transform:scale(1.25) rotate(-16deg);filter:sepia(.3)}.level-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101210f5,transparent 75%);z-index:0;pointer-events:none}.level-caption{position:absolute;bottom:18px;left:20px;z-index:1;display:flex;flex-direction:column;gap:4px}.level-caption>span{font:500 10px var(--mono);color:#e7e0cb}.level-caption strong{font:italic 900 clamp(44px,5vw,70px)/.9 var(--display);text-transform:uppercase;text-shadow:3px 3px #000}.level-stamp{position:absolute;top:15px;left:18px;font:800 11px/1.2 var(--display);letter-spacing:.1em;color:#e9e6d4;z-index:1;border-left:4px solid var(--accent);padding-left:8px}.level-sticker{position:absolute;right:18px;bottom:25px;z-index:1;background:var(--accent);color:#27291e;font:italic 900 23px/.9 var(--display);padding:12px;transform:rotate(9deg);box-shadow:3px 3px #000}.county-toolbar{margin:17px 0 8px}.county-list{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;max-height:none;gap:9px}.county-card{height:77px;border:2px solid #626459;background:#292c26;box-shadow:3px 3px #111;border-radius:0}.county-card .thumb{left:40%;display:block;filter:grayscale(.65) brightness(.65)}.county-card .thumb img{width:100%;height:100%;object-fit:cover}.county-card .meta{left:12px;bottom:9px}.county-card .badge{top:7px;left:12px;font-size:7px;color:#cac6b3}.county-card .cname{font:italic 900 29px/.9 var(--display)}.county-card .chub{font-size:9px;margin-top:5px}.county-card.selected{border-color:var(--accent);box-shadow:3px 3px #111}.county-card.selected .cname,.county-card.selected .badge{color:var(--accent)}.county-card .pin{display:none}.county-card:hover{transform:translateY(-2px)}.route-legend{padding-top:12px;font-size:8px}.side-panel{position:static;gap:10px}.side-panel .panel-head{margin-bottom:4px}.ride-stage{border:1px solid #5b5e51;border-radius:0;background:radial-gradient(ellipse at center,#555b4744,transparent 70%),repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 24px),#151815;padding:12px}.ride-caption{font-size:9px}#ride-name{font:italic 800 23px/.95 var(--display);color:#e8e3d0}#car-preview{height:120px;image-rendering:pixelated}.ride-picker{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;margin-bottom:10px}.ride-picker .btn{min-height:36px;padding:6px;font:700 13px var(--display);text-transform:uppercase;border-radius:0}.ride-picker .btn:disabled{opacity:1;color:#a8ae9d;background:#262b22}.swatch{width:25px;height:25px;border-radius:0}.ride-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ride-stat{display:flex;flex-direction:column;gap:5px;font:700 9px var(--mono);color:#d1cbb8}.ride-stat meter{width:100%;height:7px;border:0;background:#464a3e}.ride-stat meter::-webkit-meter-bar{background:#464a3e;border:0;border-radius:0}.ride-stat meter::-webkit-meter-optimum-value{background:var(--accent)}.ride-desc{font-size:11px;color:var(--muted);margin:0;min-height:27px}.selected-info{border-top:1px solid #626454;padding-top:10px}.selected-info .eyebrow{font-size:8px}.sel-name{font:italic 800 25px var(--display);margin:0}.sel-hub{font-size:10px}.sel-detail{display:none}.run-settings{border-top:1px solid #626454;padding-top:9px}.run-settings summary{cursor:pointer;font:700 14px var(--display);text-transform:uppercase}.run-options{border:0;margin-top:8px;padding:0}.mod-pick select{max-width:63%}.btn-primary{background:var(--accent);color:#20251b;border-radius:0}.btn-primary:hover:not(:disabled){background:#ffe778;box-shadow:3px 3px #111}.btn-xl{font:italic 900 28px var(--display);min-height:54px;padding:10px 16px;box-shadow:4px 4px #101210;transform:skew(-3deg)}.start-time{font-size:10px}.start-note{margin:4px 0 0;line-height:1.5;font-size:9px;letter-spacing:0}.menu-scores{border:0;padding:2px 0}.how-to{padding:20px 0;margin-top:auto;gap:20px}.how-to strong{font:700 italic 18px var(--display);text-transform:uppercase}.how-to p span{font-size:10px}.menu-footer{padding-top:10px;gap:10px}.menu-footer .attribution{font-size:8px}.meta-panel,.results-panel,.pause-panel{border-top:4px solid var(--accent);border-radius:0;background:#22251fed}.meta-tab{font:italic 800 21px var(--display);text-transform:uppercase;border-radius:0}.meta-bank-num{font-family:var(--display);color:var(--accent)}.mg-card{background:#171b16;border-radius:0;box-shadow:3px 3px #0b0d0a}.mg-card.selected{border-color:var(--accent);box-shadow:3px 3px #0b0d0a}.mg-name{font:italic 800 27px var(--display);text-transform:uppercase}.mg-preview{height:88px}.mg-bar{border-radius:0}.mg-bar>div{background:var(--accent);border-radius:0}#game{height:100dvh;touch-action:none}#pause,#results{touch-action:pan-y;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}#pause .pause-panel,.results-panel{max-height:100%;overflow-y:auto}.pause-view{display:flex;gap:10px}.pause-view .btn{flex:1}#hud .hud-score{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left))}#hud .hud-drop{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}#hud .hud-label{display:none}.hud-map{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));pointer-events:auto;padding:10px 13px;background:#171c17d9;color:#eee;border:1px solid #a8ae9d55;border-radius:3px;cursor:pointer;font:700 12px var(--display)}#hud .hud-minimap{bottom:max(60px,calc(env(safe-area-inset-bottom) + 52px))}#hud .hud-pause{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));min-height:40px;min-width:64px;font:700 12px var(--display)}#hud .hud-speedo{bottom:max(62px,calc(env(safe-area-inset-bottom) + 54px))}#touch-controls{display:none;position:absolute;inset:0;pointer-events:none}#touch-controls button{touch-action:none;pointer-events:auto;min-width:54px;height:58px;color:#f8f2dc;background:#181d19b3;border:1px solid #ecedce70;border-radius:12px;font:800 19px var(--display);-webkit-touch-callout:none}#touch-controls button.pressed{background:#f6d34ed9;color:#151b11;border-color:#fff0b4}.touch-steering,.touch-pedals{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));display:flex;gap:8px;align-items:end}.touch-steering{left:max(12px,env(safe-area-inset-left))}.touch-pedals{right:max(12px,env(safe-area-inset-right))}#touch-controls .touch-gas{height:82px;width:66px;background:#3d4935bd}#touch-controls .touch-drift{position:absolute;right:0;bottom:92px;height:42px;min-width:66px;font-size:14px}body[data-playing=false] #touch-controls,body[data-paused=true] #touch-controls,body[data-map=true] #touch-controls{display:none}body[data-map=true] #hud .hud-pause{visibility:hidden}.bigmap-caption{min-height:44px;bottom:max(20px,env(safe-area-inset-bottom));background:#242a20;color:#f4f0df;white-space:nowrap}@media(pointer:coarse),(max-width:900px),(max-width:1100px)and (max-height:500px){body[data-playing=true]:not([data-paused=true]):not([data-map=true]) #touch-controls{display:block}#hud .hud-minimap{bottom:max(100px,calc(env(safe-area-inset-bottom) + 94px));width:88px;height:88px;padding:4px}#hud #minimap{width:80px!important;height:80px!important}#hud .hud-pause{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));bottom:auto;min-width:50px}#hud .hud-pause kbd{display:none}#hud .hud-drop{right:max(70px,calc(env(safe-area-inset-right) + 60px));width:min(250px,38vw)}#hud .hud-speedo{bottom:max(170px,calc(env(safe-area-inset-bottom) + 164px))}#hud .hud-map{bottom:max(196px,calc(env(safe-area-inset-bottom) + 190px));padding:7px 13px;min-height:40px}#hud .hud-heat{top:94px}#hud .hud-powerup{bottom:214px}#hud #toasts{bottom:max(24px,env(safe-area-inset-bottom));max-width:calc(100% - 300px)}}@media(max-width:700px){.menu-inner{padding:max(8px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.menu-nav{flex-wrap:wrap;padding-bottom:10px;gap:10px}.menu-nav-actions{gap:6px;flex-wrap:wrap}.menu-nav .btn{font-size:12px;padding:7px 9px}.menu-nav [data-fullscreen]{display:none}.brand{padding:22px 0}.brand h1{font-size:clamp(66px,16vw,90px)}.brand .eyebrow{font-size:7px}.menu-grid{grid-template-columns:1fr;gap:24px}.level-stage{height:210px}.level-caption strong{font-size:53px}.county-card{height:76px}.side-panel{gap:12px}.panel-head h2{font-size:26px}#car-preview{height:150px}.ride-picker .btn{min-height:44px}.color-list{gap:12px;padding:6px 0}.how-to{grid-template-columns:1fr;padding:24px 0;gap:12px}.how-to p span{font-size:11px}.meta-tab{font-size:17px}#hud .hud-score{padding:9px;gap:6px}#hud .round-clock{font-size:22px}#hud .score-num{font-size:12px}#hud .score-unit{display:none}#hud .hud-drop{top:max(61px,calc(env(safe-area-inset-top) + 52px));left:max(12px,env(safe-area-inset-left));right:auto;width:min(275px,calc(100% - 24px))}#hud #toasts{bottom:240px;max-width:calc(100% - 28px)}.pause-controls{display:none}}@media(max-height:500px)and (min-width:701px){#hud .hud-minimap{display:none}#hud .hud-map{bottom:100px}#hud .hud-drop{padding:7px 10px}#hud .hud-heat{top:80px}#hud .hud-powerup{left:12px;right:auto;bottom:148px}#hud #toasts{bottom:12px}}@media(prefers-reduced-motion:reduce){.county-card:hover{transform:none}}#hud .drop-timer{display:none}.hud-camera{position:absolute;left:max(75px,calc(env(safe-area-inset-left) + 65px));bottom:max(12px,env(safe-area-inset-bottom));pointer-events:auto;min-height:40px;padding:8px 12px;background:#171c17d9;border:1px solid #a8ae9d55;color:#eee;border-radius:3px;cursor:pointer}#camera-lab{position:absolute;right:max(12px,env(safe-area-inset-right));top:max(90px,calc(env(safe-area-inset-top) + 80px));width:min(250px,calc(100vw - 24px));max-height:calc(100dvh - 110px);overflow-y:auto;pointer-events:auto;touch-action:pan-y;padding:14px;background:#171c17ed;border:1px solid #f6d34e;border-radius:4px}.camera-lab-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.camera-lab-head button{background:none;border:0;color:#fff;padding:8px;cursor:pointer}#camera-lab label{display:block;font-size:12px;margin:12px 0}#camera-lab output{float:right;color:#f6d34e}#camera-lab input{display:block;width:100%;margin:8px 0;accent-color:#f6d34e;min-height:24px}#camera-lab p{font-size:11px;color:#b0b2a8}body[data-paused=true] #camera-lab,body[data-playing=false] #camera-lab{display:none}@media(pointer:coarse),(max-width:900px),(max-width:1100px)and (max-height:500px){.hud-camera{left:max(12px,env(safe-area-inset-left));bottom:244px;min-height:40px}}.brand h1{white-space:nowrap;font-size:clamp(54px,6vw,90px)}.brand-mark{display:flex;gap:4px}@media(max-width:700px){.brand h1{font-size:clamp(45px,12.5vw,82px)}}#hud .hud-street{display:block;top:auto;bottom:68px;left:50%;max-width:60vw;font:700 15px var(--display);padding:6px 12px;border-radius:3px;background:#171c17c9;pointer-events:none}#hud .hud-street:empty{display:none}@media(max-width:700px){#hud .hud-street{bottom:120px;max-width:55vw;font-size:12px}}#menu .menu-inner{max-width:1100px}#menu .menu-grid{display:block;width:min(760px,100%);margin:auto}#menu .menu-nav{flex-shrink:0}#menu .nav-location{display:block;margin-left:auto;font-size:10px}#menu .menu-nav-actions{margin-left:12px}#menu .brand{justify-content:center;text-align:center;padding:50px 0 25px}#menu .brand h1{font-size:clamp(55px,8vw,110px)}#menu .brand .eyebrow{justify-content:center}#menu .run-ticket,#menu .how-to,#menu .level-stamp,#menu .level-sticker,#menu .route-legend,#menu .county-toolbar,#menu .section-code,#menu .step-no{display:none}#menu:not([data-step=login]) .brand{display:none}#menu[data-step=login] .menu-grid{display:none}.login-step{width:min(360px,100%);margin:0 auto auto;display:flex;flex-direction:column;gap:14px;text-align:center;padding-bottom:40px}.login-intro{color:var(--muted);font-size:15px;margin:0 0 20px}.login-step .btn{min-height:56px;font:800 italic 24px var(--display)}.login-note{font-size:12px;color:var(--muted);line-height:1.5}#menu .panel-head{background:none;transform:none;border:0;padding:0;margin:28px 0 20px;justify-content:center}#menu .panel-head h2{font:900 italic 44px var(--display);color:var(--text);text-align:center}#menu .level-stage{height:clamp(180px,30vh,300px);transform:none;border:1px solid #696b5b;box-shadow:none}#menu .county-list{margin:18px 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}#menu .county-card{height:80px;box-shadow:none}#menu .county-card .badge,#menu .county-card .chub{display:none}#menu .county-card .meta{inset:0;display:grid;place-items:center}#menu .county-card .cname{font-size:27px;margin:0}#menu .btn-xl{width:100%;transform:none;margin-bottom:20px}#menu #car-step{width:min(580px,100%);margin:auto}#menu .ride-stage{padding:20px;border:0;background:radial-gradient(ellipse,#69764b30,transparent 70%)}#menu #car-preview{height:190px}#menu .ride-caption{justify-content:center}#menu #ride-name{font-size:36px}#menu #paint-name{display:none}#menu .ride-picker{grid-template-columns:56px 1fr 56px}#menu .ride-picker .btn{min-height:44px}#menu .ride-stats{margin:12px 0}#menu .ride-desc{text-align:center;margin-bottom:16px}#menu .selected-info{display:none}#menu .run-settings{margin:16px 0}#menu .menu-scores{display:none}#menu .menu-footer{margin-top:12px;justify-content:center;border:0}#menu .controls-help,#menu .menu-footer>.tiny{display:none}#menu .menu-attr{margin:0;text-align:center}#menu #account-status{margin-top:18px}@media(max-width:700px){#menu .menu-nav{flex-wrap:wrap}#menu .nav-location{font-size:8px}#menu .menu-nav-actions{margin-left:0}#menu .brand{padding:60px 0 24px}#menu .brand h1{font-size:clamp(45px,12.5vw,82px)}#menu .brand .eyebrow{display:none}#menu .county-list{grid-template-columns:repeat(2,minmax(0,1fr))}#menu .county-card{height:60px}#menu .panel-head h2{font-size:36px}#menu #car-preview{height:150px}}#menu[data-step=level] .menu-grid{width:min(1000px,100%)}#menu #level-step:not([hidden]){display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:30px;align-items:start}#menu #level-step .panel-head{grid-column:1 / -1;justify-content:start;margin:24px 0}#menu #level-step .panel-head h2{font-size:30px;letter-spacing:.06em}#menu #level-step .level-stage{grid-column:2;grid-row:2;height:330px;border:0;box-shadow:0 5px #080a08}#level-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;image-rendering:pixelated}#menu #level-step #level-preview{position:absolute;inset:0;z-index:-1}#menu #level-step .level-caption strong{font-size:64px}#menu #level-step .county-list{grid-column:1;grid-row:2;display:flex;flex-direction:column;margin:0;gap:8px}#menu #level-step .county-card{background:transparent;border:0;box-shadow:none;height:64px;overflow:visible}#menu #level-step .county-card:after,#menu #level-step .county-card .thumb{display:none}#menu #level-step .county-card .meta{justify-items:start;left:20px}#menu #level-step .county-card .cname{font-size:34px;color:#9a9d93}#menu #level-step .county-card.selected .cname{color:#f6d34e;text-shadow:3px 3px #000}#menu #level-step .county-card.selected:before{content:"\203a";position:absolute;top:10px;left:0;font:900 36px var(--display);color:#f6d34e}.level-brief{grid-column:2;grid-row:3;display:flex;justify-content:space-between;gap:24px;margin:22px 0}.level-brief h3{font:800 13px var(--display);letter-spacing:.1em;color:#929889;margin:0 0 8px}.level-brief p{font:600 16px/1.5 var(--display);color:#e7e6d9;margin:0}.level-record{text-align:right}.level-record strong{display:block;font:900 italic 44px/1 var(--display);color:#f6d34e}.level-record span{display:block;font:500 8px var(--mono);color:#929889;margin-top:8px}#menu #level-step #btn-level-next{grid-column:2;grid-row:4}@media(max-width:700px){#menu #level-step:not([hidden]){grid-template-columns:1fr;gap:0}#menu #level-step .panel-head{margin:18px 0}#menu #level-step .level-stage{grid-column:1;grid-row:2;height:260px}#menu #level-step .county-list{grid-column:1;grid-row:3;flex-direction:row;gap:4px;margin-top:10px}#menu #level-step .county-card{flex:1;height:48px}#menu #level-step .county-card .meta{left:0;justify-items:center}#menu #level-step .county-card .cname{font-size:22px}#menu #level-step .county-card.selected:before{display:none}#menu #level-step .county-card.selected{border-bottom:2px solid #f6d34e}#menu .level-brief{grid-column:1;grid-row:4;margin:16px 0}#menu #level-step #btn-level-next{grid-column:1;grid-row:5}}.sb-name{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}.sb-name img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}#score-save-status{font-size:12px;color:var(--muted);line-height:1.5}body[data-free-drive=true] #hud-score,body[data-free-drive=true] #hud-drop,body[data-free-drive=true] #hud-missions,body[data-free-drive=true] #pause-route{display:none!important}