@import url('fonts.css');
:root{--pixel:'DM Sans',system-ui,sans-serif;--line:#ffffff22;--panel:#14161ceF;--panel2:#202127;--muted:#c0bbbc;--text:#fff6eb;--display:'Barlow Condensed','Arial Narrow',sans-serif;--brand-gradient:linear-gradient(180deg,#ffb448,#ff8b17 62%,#ed7100)}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:#0d1016;font-family:var(--sans)}main{max-width:none;padding:0}.masthead{position:absolute;z-index:5;inset:14px 20px auto;max-width:none;margin:0;height:60px;padding:0 22px;gap:26px;border:1px solid #c48b53a8;border-radius:17px;background:linear-gradient(100deg,#241c25dc,#111a2ee8 64%,#241a13eb);box-shadow:0 7px 35px #0004;backdrop-filter:blur(20px)}.brand{gap:10px;white-space:nowrap;font-weight:800;font-style:italic;letter-spacing:-1px;font-size:24px}.brand em{color:#ff9e2c;font-style:inherit}.brand-bars{width:36px;height:32px;color:#ff9c27}.arcade-label{display:block;color:#fff5e9;font-size:11px;font-weight:600;letter-spacing:3px;border-left:1px solid #c48b5380;padding-left:25px;white-space:nowrap}.header-stats{margin-left:auto;display:flex;gap:25px;align-items:center;font-size:11px;letter-spacing:1px;white-space:nowrap}.header-stats b{font-weight:600}.header-stats>span{display:flex;gap:7px;align-items:center}.header-stats>span>span{color:#ffa331;font-size:21px}.header-level{border-right:1px solid #b69c8660;padding-right:25px}.masthead nav{gap:18px;margin-left:0}.leaderboard-nav{font-size:19px;color:#ffb451;padding:5px}.leaderboard-nav span{display:none}.shop-nav{font-size:10px!important;font-weight:600;letter-spacing:1.3px;text-transform:uppercase;display:flex;gap:10px;align-items:center;padding:6px 0 6px 18px;border-left:1px solid #b69c8660;white-space:nowrap}.shop-nav>span:first-child{color:#ffb448;font-size:24px}.shop-nav>span:last-child{font-size:23px;color:#ffac43}.shop-nav #reward-nav-count{display:none}
.cinematic-stage{position:relative;display:block;height:max(740px,100svh);min-height:740px;overflow:hidden;isolation:isolate;background:#20233b}.world-shell{position:absolute;inset:0;overflow:hidden;border:0;border-radius:0;box-shadow:none;background:#172438}.drive-environment{position:absolute;inset:-2%;background:url('scene-hq-v2.webp') center/cover no-repeat;transform:scale(1.025);will-change:transform}.scene-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#080b17aa,transparent 40%),linear-gradient(90deg,#14112425,transparent 55%,#0b10173b);pointer-events:none}.scene-intro{position:absolute;left:42px;top:120px;z-index:1;text-shadow:0 2px 20px #08081399}.scene-intro .eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;color:#fff5e9}.scene-time{border-left:1px solid #ffffff55;padding-left:12px;font-size:8px;letter-spacing:1px;color:#ffe3c8}.scene-intro h1{font:800 clamp(38px,4.6vw,76px)/.92 var(--display);letter-spacing:-.8px;margin-top:16px}.scene-intro h1 em{font-style:normal;color:#ffb34e}.scene-intro p{font-size:12px;font-weight:500;margin-top:13px;color:#f9e8df;letter-spacing:.2px}.drive-vehicle{position:absolute;width:51%;max-width:920px;left:12%;bottom:8.5%;z-index:2;transform:translate(var(--ride-x,0),var(--ride-y,0));filter:drop-shadow(2px 24px 17px #0007);transition:filter 1s}.drive-vehicle img{width:100%;display:block;position:relative;z-index:1}.vehicle-underglow{position:absolute;left:13%;right:18%;bottom:13%;height:7%;background:#f8722033;filter:blur(22px);border-radius:50%}.street-route{position:absolute;left:0;top:0;width:76%;height:100%;opacity:.75;pointer-events:none}.street-route path{fill:none;stroke-linecap:round}.route-shadow{stroke:#a65311;stroke-width:14;filter:blur(7px)}.route-glow{stroke:#ffba40;stroke-width:9;stroke-dasharray:16 27;filter:drop-shadow(0 0 7px #ffab38)}.is-driving .route-glow{animation:route-flow 1.4s linear infinite}.is-driving .drive-environment{animation:scenic-drive 14s ease-in-out infinite alternate}.has-arrived .street-route{opacity:.3}.destination-beacon{position:absolute;z-index:1;left:53%;top:39%;display:flex;flex-direction:column;align-items:center;line-height:1.5;text-shadow:0 2px 7px #000}.destination-beacon>span{background:#251d1ae6;border:1px solid #ffad54;padding:7px 11px 15px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.4px}.destination-beacon small{font-size:7px;color:#ffd8aa;background:#291c14e8;padding:2px 8px;margin-top:-12px}.destination-beacon i{width:23px;height:30px;margin-top:12px;background:#ff9c1d;clip-path:polygon(50% 100%,0 37%,0 20%,15% 4%,50% 0,85% 4%,100% 20%,100% 37%);filter:drop-shadow(0 0 14px #ffad50)}.world-toolbar{position:absolute;top:95px;left:42px;right:420px;height:20px;justify-content:flex-end;gap:9px;background:transparent;padding:0;font-size:8px;font-weight:600;letter-spacing:1.2px;color:#ffdfb9}.world-toolbar .signal{font-size:7px;background:#ffad2929;border:1px solid #ffa94670;padding:3px 5px}.world-toolbar button{padding:3px 8px;border:1px solid #ffbd6370;background:#15192299;border-radius:5px;font-size:12px}.navigation-map{position:absolute;bottom:58px;left:28px;z-index:3;width:190px;height:190px;filter:drop-shadow(0 8px 22px #0005)}.world-viewport{height:100%;border-radius:50%;border:1px solid #ffbc65c9;overflow:hidden;background:#142630;line-height:normal}#world{width:100%;height:100%;aspect-ratio:1;object-fit:cover;image-rendering:auto;transform:scale(1.15)}.map-coordinate{position:absolute;top:auto;bottom:15px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:7px;font-weight:600;letter-spacing:1px;padding:4px 7px;color:#fff6eb;background:#0b1820d9}.map-north{position:absolute;top:18px;right:32px;font-size:10px;color:#ffdbac;font-weight:700}.map-badge{position:static;margin:9px auto 0;text-align:center;width:max-content;padding:3px 7px;font-size:7px;font-weight:600;letter-spacing:1px;border:0;background:#121823d9;border-radius:3px}.autopilot-hud{position:absolute;bottom:64px;left:42%;transform:translateX(-50%);z-index:3;display:flex;gap:12px;align-items:center;border:1px solid #ffbd5bb3;padding:11px 22px;background:linear-gradient(100deg,#2e1f1bdb,#1b1d2cdb);backdrop-filter:blur(10px);border-radius:35px;box-shadow:0 0 27px #ff8d2923;text-align:center;white-space:nowrap}.steering-wheel{font-size:30px;line-height:1;color:#ffb650}.autopilot-hud strong{display:block;font-size:13px;letter-spacing:1.8px}.autopilot-hud div>span{display:block;font-size:8px;letter-spacing:2.6px;color:#ffc986;margin-top:4px}.world-tutorial{bottom:145px;left:auto;right:calc(31% + 30px);width:245px;padding:11px 14px;border:1px solid #ffb45755;border-radius:9px;background:#191b27da;backdrop-filter:blur(15px);box-shadow:0 5px 25px #0003;z-index:4}.world-tutorial strong{font-size:10px;font-weight:600}.world-tutorial div>span{font-size:9px;color:#e9d1bb}.world-tutorial button{font-size:18px}
.quest-sidebar{position:absolute;z-index:4;right:22px;top:96px;bottom:58px;width:350px;border:1px solid #d1975dbe;border-radius:17px;padding:21px;background:linear-gradient(135deg,#1e1d26ed,#19191ce8);box-shadow:0 20px 50px #0004,inset 0 1px 0 #ffd09922;backdrop-filter:blur(22px);min-height:0;display:flex;flex-direction:column}.sidebar-heading{padding:0 0 17px;gap:12px;align-items:center}.sidebar-heading .micro{font-size:10px;letter-spacing:2px;color:#fff0df;font-weight:700}.sidebar-heading strong{color:#ffb14a;font-size:10px;white-space:nowrap;letter-spacing:.4px}.quest-list{display:grid;grid-template-columns:1fr;padding:0;gap:8px}.quest-item{min-height:47px;gap:13px;padding:0 12px 0 0;border:1px solid #ffffff26;border-radius:7px;background:linear-gradient(110deg,#ffffff06,#ffffff02)}.quest-item:hover{background:linear-gradient(110deg,#ffffff06,#ffffff02)}.quest-icon{flex:0 0 46px;height:45px;font:25px var(--display);border:0;border-right:1px solid #ffffff10;background:linear-gradient(120deg,#ffb35216,transparent);color:#ffc77f;border-radius:6px 0 0 6px}.quest-info strong{font-size:13px;font-weight:600;line-height:1.3}.quest-info .micro,.quest-info small{display:none}.quest-chevron{font-size:12px;color:#ffb757}.quest-item.current{border:1px solid #ffb04f;background:linear-gradient(110deg,#a956152e,#f3981f1c);box-shadow:inset 0 0 14px #ffa54412,0 0 16px #ff9b3d25}.current .quest-icon{background:linear-gradient(135deg,#ffab323b,transparent);color:#ffb342;border:0;border-right:1px solid #ffb14c25}.quest-item.complete .quest-icon{border:0;color:#ffc67c}.quest-item.complete .quest-chevron{border:1px solid #ffb64f;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:12px}.quest-item.locked{opacity:.42}.next-mission{margin-top:auto;border-top:1px solid #f7bd7755;padding-top:18px}.next-mission-heading{display:flex;gap:12px;align-items:center}.destination-art{width:47px;height:51px;flex:0 0 47px;display:grid;place-items:center;border:1px solid #dca35e;border-radius:7px;color:#ffd6a5;background:linear-gradient(140deg,#c7772b55,#222638);font:34px var(--display)}.next-mission .micro{font-size:8px;letter-spacing:2.3px;font-weight:500;color:#ffe6c5}.next-mission h2{font:700 27px/1.1 var(--display);text-transform:uppercase;letter-spacing:.4px;margin:4px 0 0}.next-mission>p{font-size:10px;line-height:1.6;margin:10px 0;color:#d5c8bf;min-height:32px}.guided-controls{display:flex;flex-direction:column;align-items:stretch;padding:0;gap:10px;border:0;background:none}.guided-controls .ride-status{font-size:9px;color:#ddc4a6}.guided-controls strong{font-size:9px;line-height:1.4;margin:0;font-weight:400}.guided-controls .main-button{width:100%;min-height:47px;text-transform:uppercase;font:700 18px var(--display);letter-spacing:.7px;border-radius:9px;box-shadow:0 6px 20px #ff9c2625}.main-button{border-radius:8px;font-weight:700}.main-button:disabled{opacity:.65}.sidebar-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #ffffff16;margin-top:15px;padding-top:12px;min-height:30px}.sidebar-tools button{font-size:8px;color:#d8c6b2;padding:0;min-height:20px}.sidebar-tools .username-trigger{font-size:9px;font-weight:500;white-space:nowrap;max-width:145px;overflow:hidden;text-overflow:ellipsis}.sidebar-tools .icon-button span{font-size:8px}.quiet-button span{margin:0}.dashboard-link{position:absolute;z-index:4;bottom:15px;left:50%;transform:translateX(-50%);color:#f8ddbb;text-decoration:none;font-size:8px;font-weight:600;letter-spacing:2px;display:flex;align-items:center;gap:16px;padding:5px}.dashboard-link span{font-size:16px}.player-dashboard{max-width:1380px;margin:auto;padding:50px 40px 10px}.intro{margin:0 0 30px}.intro h1{font:700 48px/.95 var(--display);letter-spacing:-.6px;margin-top:15px;text-transform:uppercase}.intro h1 br{display:none}.intro h1 em{font:inherit;font-style:normal;color:#ffac3e}.intro h1 .pixel-spark{display:none}.intro .eyebrow{font-size:9px;letter-spacing:1.5px}.intro-right{width:330px}.intro-right>p{font-size:12px}.intro .player-status{padding-top:12px}.intro .truck-avatar{display:none}.intro .micro{font-size:8px;letter-spacing:1.5px}.intro .xp-status strong{font-size:16px}.intro .xp-status span{font-size:8px}.wallet-strip{border-color:#ffffff20;border-radius:12px;background:linear-gradient(110deg,#34241a,#171c26);padding:24px}.wallet-balance .micro,.wallet-mastery .micro{font-size:8px;letter-spacing:1.5px}.wallet-balance strong{font-size:36px}.wallet-reward strong{font-size:20px}.wallet-mastery>span{font-size:10px}.wallet-mastery strong{font-size:20px}.wallet-caption{font-size:10px}.leaderboard-preview{border-radius:12px;background:linear-gradient(110deg,#1d2330,#181b23);border-color:#ffffff20}.leaderboard-preview h2{font:600 31px var(--display);letter-spacing:0}.leaderboard-preview .micro{font-size:8px;letter-spacing:1px}.leaderboard-mini-stats strong{font-size:22px}.leaderboard-mini-stats span{font-size:8px}.below-world .micro{font-size:8px;letter-spacing:1px}.collection-badge{font-size:19px;clip-path:none;border-radius:9px;background:#242733}.below-world .rules-note{border-radius:10px;font-size:12px;background:#171c25}.rules-note small{font-size:10px}.rules-note .book-icon{font-size:28px}footer{max-width:1300px;margin:auto;padding:24px 20px 30px;border-color:#ffffff1a}footer>span{font-size:8px;letter-spacing:1.4px}footer p{font-size:10px;color:#a79d94}footer button{font-size:10px}
/* The mission interface uses the same cinematic HUD treatment. */
dialog{background:linear-gradient(140deg,#23222bea,#101620f5);border:1px solid #d89c57a6;border-radius:18px;box-shadow:0 25px 120px #000b;backdrop-filter:blur(24px)}dialog::backdrop{background:#080d19b5;backdrop-filter:blur(10px)}.dialog-top{padding:17px 25px;border-color:#e6b9752d;background:#0b102044}.dialog-top .eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;color:#ffbf6b}.mission-content,.guide-content{padding:30px}.mission-art{height:130px;border:1px solid #e7b67a70;border-radius:10px;background:linear-gradient(90deg,#1217247a,#17152133),url('scene-hq-v2.webp') center 35%/cover}.mission-art:before,.mission-art:after{display:none}.mission-art>span{font-size:60px;text-shadow:0 0 30px #ff9d26}.mission-content h2,.guide-content h2{font:700 42px/1 var(--display);letter-spacing:.3px;text-transform:uppercase;margin:16px 0}.mission-content>.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;color:#ffbe75}.mission-meta{font-size:9px;font-weight:600;letter-spacing:1px;color:#ffcb8b;gap:15px}.mission-content>p{font-size:14px;color:#c8c0ba}.mission-note{font-size:11px;color:#b2aca7}.question-top{font-size:10px;font-weight:600;letter-spacing:1px}.question-progress{height:3px;background:#ffffff15}.question-progress>div{background:linear-gradient(90deg,#f88919,#ffd17d)}.scope-label{background:#ffffff08;border:1px solid #ffffff20;border-radius:5px;color:#c7c0b7;font-size:10px}.question-point-tag{font-size:9px!important;letter-spacing:.5px;font-weight:600}.attempt-label{font-size:9px;color:#ffc274;letter-spacing:1px}.mission-content h3{font-size:25px;line-height:1.3;font-weight:600;letter-spacing:-.4px;margin-bottom:22px}.one-shot-warning,.locked-answer{background:#ffa3350b;border-color:#e5a65e55;border-radius:8px;color:#d6c6b4;font-size:11px}.answer{background:linear-gradient(100deg,#ffffff09,#ffffff03);border-color:#ffffff25;border-radius:9px;min-height:61px;gap:15px;font-size:14px}.answer-code{font-size:12px;border-radius:6px;background:#ffa43817;color:#ffd49a;width:30px;height:30px;border:1px solid #ffa73830}.answer:hover:not(:disabled){background:#ffa33616;border-color:#ffb34f;transform:translateX(2px)}.answer.correct{background:#41af7730;border-color:#80d9a4}.answer.wrong{background:#bb525426;border-color:#e99387}.answer:disabled{opacity:.55}.answer.correct,.answer.wrong{opacity:1}.feedback{background:#254a3b50;border-color:#8bd4a6;border-radius:0 8px 8px 0;color:#d9e9de;font-size:14px}.feedback strong{color:#a1e2b6;font-weight:600}.feedback .points-earned{font-size:12px;color:#a1e2b6}.input-task{background:#ffffff05;border-color:#ffffff25;border-radius:9px}.input-task output{font-size:20px}.source-link{font-size:11px;color:#ffcf91}.lesson-heading{border-color:#ffffff28}.lesson-heading .eyebrow{font-size:9px;letter-spacing:1.4px}.lesson-heading h4{font:600 32px var(--display)}.teaching-card{border-color:#c38a4c70;border-radius:10px;background:#1b1e27}.lesson-correct{border-color:#ffffff20}.lesson-correct .micro,.lesson-section .micro,.lesson-example .micro{font-size:9px;font-weight:600;letter-spacing:1px}.lesson-correct strong{font-size:18px}.teaching-card p{font-size:14px;line-height:1.8;color:#d7cec6}.lesson-example{border-color:#93b8c8;background:#14232d;border-radius:0 6px 6px 0}.lesson-takeaway p{color:#ffdbac}.lesson-penalty{font-size:11px}.complete-art{font-size:70px;line-height:1}.reward-summary{border-color:#ffffff20;gap:24px}.reward-summary strong{font-size:26px}.guide-tabs button{font-size:12px}.guide-message{background:#ffffff07;border-color:#ffffff25}.badge-card{border-color:#ffffff25;border-radius:9px}.badge-card>span{font-size:30px}.badge-card strong{font-size:14px}.results-content>.eyebrow{font-size:9px;letter-spacing:1.5px}.results-heading h2{font:700 49px/1 var(--display);letter-spacing:.1px}.score-ring strong{font:700 34px var(--display)}.score-ring span{font-size:8px}.score-ring:before{background:#1b1d27}.results-stats>div{border-color:#ffffff26;background:#ffffff05;border-radius:9px}.results-stats span{font-size:8px;letter-spacing:1px}.results-stats strong{font-size:30px}.final-reward-panel{background:linear-gradient(120deg,#62401f77,#33232a77);border-radius:10px}.final-reward-panel .micro{font-size:9px}.review-invitation{border-radius:10px}.review-invitation>.micro{font-size:9px}.results-breakdown,.results-mistakes{border-color:#ffffff25;border-radius:9px}.shop-heading h2,.username-form h2,.board-heading h2{font:700 42px/1.05 var(--display);text-transform:uppercase;letter-spacing:.3px}.shop-heading .eyebrow,.shop-heading>.eyebrow{font-size:9px;letter-spacing:1px}.shop-wallet,.board-stats{background:#ffffff06;border-color:#ffffff25;border-radius:10px}.shop-wallet span,.board-stats span{font-size:9px}.shop-wallet strong,.board-stats strong{font-size:30px}.discount-card{border-color:#ffffff25;background:#ffffff04;border-radius:10px}.discount-card .micro{font-size:10px;letter-spacing:1px}.mystery-card .discount-top .sealed-label{font-size:8px;border-radius:4px}.mystery-card .discount-cost{font-size:27px}.mystery-card .discount-cost span{font-size:9px}.mystery-box{border-radius:8px;box-shadow:0 0 28px #f3981f20;background:linear-gradient(135deg,#b3742b66,#312b2c)}.mystery-box>span{font:700 34px var(--display);text-shadow:none}.mystery-box:before{border-radius:4px;background:#8d6035}.mystery-hint{font-size:11px}.discount-card.jackpot{background:linear-gradient(120deg,#6b431b66,#33242c);border-color:#e4a553}.preview-notice{border-radius:7px;font-size:11px}.preview-notice strong{font-size:9px;letter-spacing:1px}.one-shot-shop{background:#ffffff05;border-color:#ffffff20;border-radius:8px}.one-shot-shop strong{font-size:9px}.one-shot-shop span{font-size:11px}.code-ticket{background:#ffffff04;border-radius:10px}.code-ticket .micro{font-size:9px}.code-ticket strong{font-size:25px}.username-pixel{font-size:50px}.username-input-row input{background:#111821;border-color:#ffffff33;border-radius:8px}.username-form small{font-size:11px}.board-tabs button{font-size:11px}.leaderboard-table{font-size:12px}.rank-token{font-size:15px}.secondary-button{border-radius:7px;border-color:#c28c4f88}.board-you,.board-comparison{border-radius:9px}#toast{border-radius:10px;color:#1b1005;font-weight:600}
@keyframes route-flow{to{stroke-dashoffset:86}}@keyframes scenic-drive{0%{transform:scale(1.025) translate(0,0)}100%{transform:scale(1.065) translate(-.5%,.4%)}}
@media(min-width:1500px){.quest-sidebar{width:390px;right:30px;top:100px;bottom:75px;padding:26px}.quest-item{min-height:57px}.quest-icon{height:55px;flex-basis:56px}.quest-info strong{font-size:15px}.sidebar-heading .micro{font-size:11px}.sidebar-heading strong{font-size:11px}.quest-list{gap:10px}.next-mission h2{font-size:32px}.next-mission>p{font-size:12px}.guided-controls .main-button{min-height:55px;font-size:21px}.sidebar-tools button,.sidebar-tools .icon-button span{font-size:10px}.world-toolbar{right:460px}.navigation-map{width:220px;height:220px;bottom:70px}.autopilot-hud{bottom:80px}.scene-intro{left:55px;top:140px}.world-tutorial{right:calc(30% + 30px)}}
@media(max-width:1100px){.masthead{inset:12px 16px auto;padding:0 16px;gap:18px}.brand{font-size:20px}.brand-bars{width:29px}.arcade-label{font-size:9px;letter-spacing:2px;padding-left:18px}.header-stats{gap:12px;font-size:10px}.header-level{padding-right:12px}.masthead nav{gap:12px}.shop-nav{font-size:8px!important;padding-left:12px;letter-spacing:.8px}.quest-sidebar{width:306px;right:16px;padding:17px}.sidebar-heading .micro{font-size:9px;letter-spacing:1.3px}.sidebar-heading strong{font-size:9px}.quest-item{gap:9px;min-height:45px}.quest-icon{flex-basis:40px;height:43px}.quest-info strong{font-size:12px}.next-mission h2{font-size:25px}.sidebar-tools .username-trigger{max-width:125px}.world-toolbar{left:30px;right:345px}.scene-intro{left:30px;top:133px}.scene-intro h1{font-size:49px}.scene-time{display:none}.drive-vehicle{width:54%;left:5%;bottom:13%}.navigation-map{width:166px;height:166px;left:23px;bottom:67px}.autopilot-hud{left:43%;bottom:75px;padding:10px 15px}.autopilot-hud strong{font-size:10px;letter-spacing:1px}.autopilot-hud div>span{font-size:7px;letter-spacing:1.5px}.steering-wheel{font-size:24px}.destination-beacon{left:49%;top:41%}.destination-beacon>span{font-size:8px}.world-tutorial{right:345px;bottom:147px;width:220px}.player-dashboard{padding:40px 28px}}
@media(max-width:800px){.cinematic-stage{height:auto;min-height:0;padding-top:460px;overflow:hidden;background:#0d1016}.world-shell{bottom:auto;height:530px}.masthead{height:57px;border-radius:12px;padding:0 13px;gap:12px;inset:10px 12px auto}.arcade-label,.header-level{display:none}.header-stats{margin-left:auto;font-size:9px}.header-stats>span>span{font-size:17px}.brand{font-size:19px;letter-spacing:-.8px}.brand-bars{width:27px;height:28px}.shop-nav{padding-left:10px;letter-spacing:0!important;font-size:8px!important;gap:6px}.shop-nav>span:first-child{font-size:21px}.leaderboard-nav{font-size:18px}.quest-sidebar{position:relative;top:auto;bottom:auto;right:auto;width:auto;min-height:0;margin:0 14px 40px;padding:18px;background:linear-gradient(145deg,#232330f5,#171c26f9);backdrop-filter:blur(20px);border-radius:14px}.sidebar-heading{padding-bottom:15px}.sidebar-heading .micro{font-size:11px}.sidebar-heading strong{font-size:11px}.quest-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0}.quest-item{min-height:48px;gap:9px;min-width:0;padding-right:8px}.quest-icon{flex-basis:37px;font-size:23px}.quest-info strong{font-size:12px}.quest-chevron{display:none}.quest-item.current .quest-chevron,.quest-item.complete .quest-chevron{display:grid;font-size:11px;flex-shrink:0}.next-mission{margin-top:18px;padding-top:17px}.next-mission-heading{gap:12px}.next-mission h2{font-size:29px}.next-mission>p{font-size:12px;min-height:0;margin:10px 0}.guided-controls .main-button{min-height:49px;font-size:20px}.guided-controls .ride-status strong{font-size:11px}.sidebar-tools{margin-top:15px}.sidebar-tools button,.sidebar-tools .icon-button span{font-size:11px}.sidebar-tools .username-trigger{max-width:200px;font-size:11px}.scene-intro{left:27px;top:100px}.scene-intro h1{font-size:45px}.scene-intro p{font-size:11px}.scene-intro .eyebrow{font-size:8px}.world-toolbar{right:24px;left:auto;top:84px;font-size:7px}.drive-vehicle{width:70%;left:14%;bottom:11%;max-width:500px}.drive-environment{background-position:44% center}.navigation-map{width:112px;height:112px;left:19px;bottom:83px}.map-coordinate{font-size:5px;bottom:10px;padding:3px}.map-north{font-size:7px;top:9px;right:17px}.map-badge{font-size:5px;margin-top:5px}.autopilot-hud{left:auto;right:21px;transform:none;bottom:85px;padding:9px 13px;gap:7px}.autopilot-hud strong{font-size:9px}.autopilot-hud div>span{font-size:6px;letter-spacing:1px}.steering-wheel{font-size:22px}.destination-beacon{left:61%;top:40%}.destination-beacon>span{font-size:7px;padding:5px 7px 12px}.destination-beacon small{font-size:5px}.destination-beacon i{width:17px;height:23px;margin-top:7px}.street-route{width:100%}.world-tutorial{bottom:155px;right:20px;width:195px;padding:9px 11px}.world-tutorial strong{font-size:9px}.world-tutorial div>span{font-size:8px}.world-tutorial button{font-size:18px}.dashboard-link{bottom:8px;font-size:7px;letter-spacing:1.5px;white-space:nowrap}.player-dashboard{padding:34px 20px 10px}.intro{display:block;margin-bottom:20px}.intro h1{font-size:43px}.intro-right{margin-top:20px;width:100%}.intro-right>p{display:none}.intro .player-status{padding-top:15px}.wallet-strip{padding:19px}.wallet-balance strong{font-size:31px}.wallet-reward strong{font-size:19px}.leaderboard-preview{margin-top:24px}.leaderboard-preview h2{font-size:30px}.below-world{grid-template-columns:1fr}.collection-preview{margin-top:10px}.below-world .rules-note{grid-column:auto}footer{margin:0 20px;padding:20px 0;gap:12px}footer p{font-size:9px}footer button{flex-shrink:0;font-size:10px}.mission-content,.guide-content{padding:23px}.mission-content h2,.guide-content h2{font-size:36px}.mission-content h3{font-size:23px}.mission-meta{font-size:8px;gap:10px}.mission-art{height:105px}.question-top{font-size:9px}.question-point-tag,.attempt-label{font-size:8px!important}.results-heading h2{font-size:34px}.results-content{padding:23px}.results-stats strong{font-size:27px}.score-ring strong{font-size:29px}.score-ring span{font-size:6px}.shop-heading h2,.username-form h2,.board-heading h2{font-size:35px}.shop-wallet strong,.board-stats strong{font-size:25px}.shop-wallet span,.board-stats span{font-size:7px}.shop-heading .eyebrow{font-size:8px}.one-shot-shop strong{font-size:9px}.mystery-card .discount-cost{font-size:25px}.shop-nav span{background:none;border:0}.masthead .icon-button span{display:inline}}
@media(max-width:390px){.brand{font-size:17px}.masthead{padding:0 10px;gap:8px}.masthead nav{gap:7px}.shop-nav{font-size:7px!important;gap:5px}.header-stats{font-size:8px}.shop-nav>span:first-child{display:none}.quest-info strong{font-size:11px}.quest-icon{flex-basis:30px}.autopilot-hud{right:15px}.quest-sidebar{padding:15px}.scene-intro h1{font-size:41px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.drive-environment,.route-glow{animation:none!important}.answer{transition:none}.stage-arrival{animation:none}}

/* Stretch the absolute scene even when a legacy grid alignment is inherited. */
.cinematic-stage>.world-shell{height:100%;align-self:stretch}.masthead .shop-nav>span{background:none;border:0;padding:0;border-radius:0}.masthead .shop-nav>span:last-child{padding-left:2px}.dashboard-journey-note{margin-top:15px;font-size:11px;color:#ffd3a0}.dashboard-journey-note strong{font-size:12px}.dashboard-journey-note p{font-size:11px;margin-top:3px}.dashboard-journey-note small{font-size:8px;letter-spacing:.7px;color:#a49c95}#journal{padding:0;color:#d7c4ac;cursor:pointer}#journal:hover{color:#ffb34c}
@media(max-width:800px){.cinematic-stage>.world-shell{height:530px}}
/* Keep all mission controls inside the HUD at laptop heights. */
.world-tutorial{position:absolute}.quest-sidebar{overflow:auto;scrollbar-width:thin;scrollbar-color:#8e6b4a transparent}.quest-sidebar>.next-mission{margin-top:18px}.quest-item{flex-shrink:0}.masthead .brand{padding:0;border:0;background:none}
@media(min-width:801px) and (max-height:850px){.quest-sidebar{padding:17px;bottom:50px;top:94px}.sidebar-heading{padding-bottom:13px}.quest-list{gap:6px}.quest-item{min-height:41px}.quest-icon{height:39px;flex-basis:40px}.quest-info strong{font-size:12px}.quest-sidebar>.next-mission{margin-top:14px;padding-top:14px}.next-mission h2{font-size:27px}.destination-art{height:43px;width:42px;flex-basis:42px}.next-mission>p{min-height:0;margin:9px 0;font-size:10px}.guided-controls{gap:8px}.guided-controls .main-button{min-height:44px;font-size:18px}.sidebar-tools{margin-top:12px;padding-top:9px;min-height:29px}}

.quest-icon svg{width:23px;height:23px}.destination-art svg{width:30px;height:30px}.masthead .shop-nav>span:first-child{display:flex}.shop-nav svg{width:23px;height:23px;display:block}.steering-wheel svg{width:30px;height:30px;display:block}.drive-vehicle.gold-trim{filter:drop-shadow(0 0 10px #ffcf6a77) drop-shadow(2px 24px 17px #0007)}body:has(dialog[open]) .drive-environment,body:has(dialog[open]) .route-glow{animation-play-state:paused!important}

@media(max-width:800px){.masthead{flex-wrap:nowrap;gap:11px;align-items:center}.masthead .brand{font-size:19px;flex-shrink:0}.header-stats>.header-level{display:none}.masthead nav{gap:12px;flex-shrink:0}.masthead .shop-nav{font-size:0!important;gap:0;padding:0;border:0}.masthead .shop-nav>span:last-child{display:none}.header-stats{gap:5px;font-size:9px;letter-spacing:.3px}.header-stats>span{gap:5px}.masthead .leaderboard-nav{font-size:20px}.header-stats>span>span{font-size:18px}.world-tutorial{display:none}.drive-vehicle{width:82%;left:6%;bottom:12%}.autopilot-hud{bottom:86px}.sidebar-tools .quiet-button{display:block}.dashboard-link{display:none}.scene-intro{top:108px}}
@media(max-width:390px){.masthead .brand{font-size:18px}.masthead{gap:8px;padding:0 11px}.masthead nav{gap:9px}.brand-bars{width:24px}.header-stats{font-size:8px}.header-stats>span>span{font-size:16px}}
/* Each chapter is an action scene, reached by a timed cinematic drive. */
:root{--mission-scene:url('scene-hq-v2.webp')}.cinematic-stage{--story-reveal:0;--road-blend:0;--car-x:0vw;--car-y:0vh;--car-scale:1;--car-steer:0deg;--drive-speed:0;--brake:0}
.drive-environment{animation:none!important;transform:scale(1.035);transition:filter .8s;will-change:transform,opacity}.scene-next{opacity:var(--road-blend);pointer-events:none}.scene-current,.scene-next{background-position:center}.mission-scene{position:absolute;inset:-1.5%;background:var(--mission-scene) center/cover no-repeat;opacity:var(--story-reveal);transform:scale(1.025);transition:opacity 1.2s ease,transform 2.8s ease;pointer-events:none}.story-arrived .mission-scene{transform:scale(1.005)}.scene-vignette{z-index:1;background:linear-gradient(0deg,#080b1799,transparent 42%),linear-gradient(90deg,#0c10277a,transparent 65%,#060c1a35)}.scene-intro{z-index:3;pointer-events:none}.scene-intro h1{font-size:clamp(39px,4.6vw,72px);max-width:760px}.scene-intro p{max-width:440px;line-height:1.55;font-size:12px;padding-right:10px}.scene-intro .eyebrow{font-size:8px;letter-spacing:1.6px}.scene-time{font-size:8px}.scene-intro h1 em{display:inline-block}.drive-vehicle{transform-origin:65% 64%;transform:translate(calc(var(--car-x) + var(--ride-x,0px)),calc(var(--car-y) + var(--ride-y,0px))) scale(var(--car-scale)) rotate(var(--car-steer));will-change:transform,opacity;transition:opacity .8s ease}.story-arrived[data-scene-kind='interior'] .drive-vehicle{opacity:0;pointer-events:none}.story-arrived .street-route{opacity:0}.street-route{transition:opacity .8s;z-index:1}.destination-beacon{transition:opacity .7s;z-index:3}.story-arrived[data-scene-kind='interior'] .destination-beacon{opacity:0}.world-toolbar{z-index:4}.brake-light{position:absolute;left:11%;top:34%;width:40%;height:1.5%;background:#ff3a0a;filter:blur(6px);box-shadow:0 0 25px 7px #ff2b1133;opacity:var(--brake);z-index:3;transform:rotate(.4deg)}
.wheel-rotor{position:absolute;z-index:2;border-radius:50%;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse,#171718 0 23%,transparent 25%);opacity:calc(var(--drive-speed) * .72);transform:skewY(-7deg) rotate(-12deg)}.wheel-rear{left:59.8%;top:60.2%;width:10.3%;height:28%}.wheel-front{left:81.7%;top:49.8%;width:7%;height:24%}.wheel-rotor>span{display:block;width:100%;height:100%;border-radius:50%;background:repeating-conic-gradient(from 5deg,#222327 0 12deg,#777069 13deg 18deg,#111215 19deg 46deg);mask:radial-gradient(ellipse,#000 0 60%,transparent 64%);transform:rotate(var(--wheel-turn,0deg))}.vehicle-underglow{opacity:calc(.4 + var(--brake) * .6)}
.road-motion{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:calc(var(--drive-speed) * .5)}.road-motion i{position:absolute;left:52%;top:49%;width:2px;height:35%;background:linear-gradient(transparent,#ffe1ba99,transparent);transform-origin:50% 0;animation:road-rush .85s linear infinite;filter:blur(1px)}.road-motion i:nth-child(2){left:55%;animation-delay:-.2s}.road-motion i:nth-child(3){left:48%;animation-delay:-.4s}.road-motion i:nth-child(4){left:59%;animation-delay:-.6s}.road-motion i:nth-child(5){left:45%;animation-delay:-.75s}.motion-stopped .road-motion i,.is-paused .road-motion i{animation-play-state:paused}.motion-stopped .road-motion{opacity:0}.motion-stopped .route-glow{animation-play-state:paused!important}
.travel-readout{position:absolute;left:42%;bottom:142px;transform:translateX(-50%);z-index:4;width:245px;max-width:37%;padding:12px 15px;border:1px solid #edb66a77;border-radius:9px;background:#151c29d9;backdrop-filter:blur(12px);text-align:center;box-shadow:0 8px 25px #0003}.travel-readout>span{display:block;font-size:8px;letter-spacing:1.2px;color:#ffe1ba;font-weight:600}.travel-track{height:3px;background:#ffffff22;border-radius:4px;overflow:hidden;margin:8px 0}.travel-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ee7e0b,#ffd893);border-radius:4px}.travel-readout small{font-size:7px;letter-spacing:1px;color:#cbb9a3}.story-arrived .autopilot-hud{background:linear-gradient(100deg,#34251ce8,#1b1d2ce8)}.story-arrived[data-scene-kind='interior'] .autopilot-hud{left:38%;max-width:calc(100% - 470px);white-space:normal;min-width:240px}.story-arrived .autopilot-hud strong{font-size:11px;letter-spacing:1.2px}.story-arrived[data-scene-kind='interior'] .navigation-map{width:148px;height:148px;opacity:.85}.mission-art{background-image:linear-gradient(90deg,#12172470,#17152110),var(--mission-scene);background-position:center 45%;background-size:cover}.world-tutorial{display:none}.story-arrived[data-scene-kind='interior'] .steering-wheel{display:none}.next-mission>p{line-height:1.5}
@keyframes road-rush{0%{transform:translate(0,0) scale(.1) rotate(-12deg);opacity:0}25%{opacity:.9}100%{transform:translate(-120px,800px) scale(2.6) rotate(20deg);opacity:0}}
@media(min-width:1500px){.travel-readout{bottom:160px;width:285px}.scene-intro p{font-size:14px;max-width:520px}}
@media(max-width:1100px) and (min-width:801px){.scene-intro h1{font-size:49px}.scene-intro p{max-width:370px;font-size:11px}.travel-readout{left:42%;bottom:149px;width:225px}.story-arrived[data-scene-kind='interior'] .autopilot-hud{left:39%;min-width:200px;max-width:calc(100% - 370px)}}
@media(max-width:800px){.scene-intro{left:24px;top:106px}.scene-intro h1{font-size:42px;max-width:340px;line-height:.96}.scene-intro p{font-size:10px;max-width:310px;margin-top:10px}.scene-intro .eyebrow{font-size:7px;letter-spacing:.7px}.scene-time{display:none}.scene-current,.scene-next{background-position:47% center}.mission-scene{background-position:42% center}.travel-readout{left:auto;right:20px;bottom:156px;transform:none;width:200px;max-width:54%;padding:10px 12px}.travel-readout>span{font-size:6px;letter-spacing:.7px}.travel-readout small{font-size:6px;letter-spacing:.5px}.story-arrived[data-scene-kind='interior'] .autopilot-hud{left:auto;right:20px;max-width:220px;min-width:0;bottom:86px}.story-arrived .autopilot-hud strong{font-size:9px;letter-spacing:.6px}.story-arrived[data-scene-kind='interior'] .navigation-map{width:100px;height:100px}.mission-art{background-position:center 45%}.drive-vehicle{transform-origin:65% 64%}.drive-vehicle .wheel-rotor{opacity:calc(var(--drive-speed) * .6)}}
@media(prefers-reduced-motion:reduce){.mission-scene{transition:none;transform:none}.drive-vehicle{transition:none}.wheel-rotor,.road-motion{display:none}.travel-readout{backdrop-filter:none}.scene-next{transition:none}}
/* The Cybertruck belongs to the opening drive; later chapters stay in their scene. */
.scene-loading .drive-environment,.scene-loading .mission-scene,.scene-loading .drive-vehicle,.scene-loading .scene-intro,.scene-loading .destination-beacon,.scene-loading .autopilot-hud,.scene-loading .travel-readout,.scene-loading .navigation-map{visibility:hidden}.scene-loading .world-shell:after{content:'RESTORING YOUR MISSION…';position:absolute;left:8%;top:45%;font:600 13px var(--sans);letter-spacing:3px;color:#e6c69d}.drive-vehicle{opacity:0!important;pointer-events:none}.cinematic-stage[data-opening-drive='true'] .drive-vehicle{opacity:1!important;left:var(--road-car-left,20%);top:var(--road-car-top,58%);bottom:auto;width:var(--road-car-width,45%);max-width:none;transform-origin:56% 86%;transform:translateY(var(--ride-y,0px)) rotate(var(--car-steer,0deg));transition:none}.cinematic-stage[data-opening-drive='true'] .scene-current{inset:0;background-position:center;background-size:cover;transform:none}.cinematic-stage[data-opening-drive='true'] .scene-next{opacity:0}.destination-beacon,.road-motion{display:none}.mission-scene{transition:opacity .65s ease}.cinematic-stage.story-arrived .mission-scene{transform:none}.cinematic-stage[data-opening-drive='true'] .travel-readout{bottom:144px}
/* A single GTA-style completion result over the scene just cleared. */
dialog.mission-passed-dialog{width:min(960px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;background:transparent;border:0;box-shadow:none;border-radius:0;backdrop-filter:none;overflow:auto}
dialog.mission-passed-dialog::backdrop{background:#05081199;backdrop-filter:blur(3px)}
.mission-passed-dialog>.dialog-top{display:none}
.mission-passed-dialog .mission-complete-content{text-align:center;padding:34px 30px 32px;background:linear-gradient(90deg,transparent,#080d16ed 10%,#080d16ed 90%,transparent);border-top:1px solid #dfb76d25;border-bottom:1px solid #dfb76d25;animation:completion-reveal .5s ease-out}
.mission-passed-dialog .completion-band{padding:0;background:none;border:0;animation:none}
.mission-passed-dialog .completion-band h2{margin:0;color:#f0c367;font:800 italic clamp(46px,7.5vw,91px)/1.06 var(--display);letter-spacing:-1px;text-shadow:3px 4px 0 #000;-webkit-text-stroke:1px #271a0b}
.mission-passed-dialog .completion-mission{margin:12px 0 0;color:#c9d1dd;font:500 18px/1.5 var(--sans);letter-spacing:0;text-transform:none}
.mission-passed-dialog .completion-result{margin:28px auto 27px;padding:0;border:0;background:none;box-shadow:none}
.mission-passed-dialog .completion-result strong{display:block;color:#fff5e6;font:600 43px/1.2 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-1px}
.mission-passed-dialog .completion-result span{display:block;margin-top:5px;color:#c2ccda;font:400 14px/1.6 var(--sans)}
.mission-passed-dialog .completion-points{margin:12px 0 0;color:#e7bd7f;font:500 14px/1.6 var(--sans)}
.mission-passed-dialog #next-stage{display:block;width:min(430px,100%);margin:0 auto;min-height:52px;padding:13px 18px;border:1px solid #ffc36e;border-radius:5px;background:linear-gradient(180deg,#ffc36d,#ef9b32);color:#211814;font:600 16px/1.5 var(--sans)}
.mission-passed-dialog #next-stage:hover{background:#ffd08b}
.mission-passed-dialog #next-stage:focus-visible{outline:2px solid #ffe0af;outline-offset:5px}
@keyframes completion-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:600px){
 .mission-passed-dialog .mission-complete-content{padding:29px 18px 28px;background:linear-gradient(90deg,#080d16bb,#080d16f5 6%,#080d16f5 94%,#080d16bb)}
 .mission-passed-dialog .completion-band h2{font-size:clamp(44px,13vw,66px);line-height:1.02;letter-spacing:-.5px}
 .mission-passed-dialog .completion-mission{font-size:16px;margin-top:13px}
 .mission-passed-dialog .completion-result{margin:25px auto}
 .mission-passed-dialog .completion-result strong{font-size:38px}
 .mission-passed-dialog .completion-result span,.mission-passed-dialog .completion-points{font-size:14px}
 .mission-passed-dialog #next-stage{min-height:50px;font-size:15px;padding:12px 15px}
 .cinematic-stage[data-opening-drive='true'] .travel-readout{bottom:150px}
}
@media(prefers-reduced-motion:reduce){.mission-passed-dialog .mission-complete-content{animation:none}.mission-scene{transition:none}}

/* A shared 3D road and vehicle replace the sliding image opening. */
#drive-world{position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;transition:opacity .65s ease;background:#a77998}#drive-world canvas{display:block;width:100%;height:100%}.cinematic-stage[data-opening-drive='true'] #drive-world{opacity:1}.cinematic-stage[data-opening-drive='true'] .drive-environment,.cinematic-stage[data-opening-drive='true'] .scene-next{visibility:hidden}.cinematic-stage[data-opening-drive='true'] .scene-vignette{background:linear-gradient(0deg,#080b1766,transparent 35%),linear-gradient(90deg,#13133355,transparent 55%)}.mission-scene{filter:saturate(1.12) contrast(1.035)}.scene-intro h1{font-weight:800;text-shadow:3px 4px 0 #0d0a1799,0 2px 30px #0006}.scene-intro .eyebrow{color:#ffd4a3}.story-arrived .scene-vignette{background:linear-gradient(0deg,#0f102769,transparent 45%),linear-gradient(90deg,#100d3066,transparent 62%,#0b071f33)}.masthead{background:linear-gradient(110deg,#221327ed,#121a33ed 65%,#321b1aeb)}.quest-sidebar{background:linear-gradient(145deg,#241d33eb,#161c2bef)}.quest-item.current{background:linear-gradient(110deg,#b466313d,#ae50761a)}