:root{color-scheme:dark;--white:#f7f6ef;--mint:#c2f5cd;--ink:#13262a}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#9ac9d0;font-family:Arial,Helvetica,sans-serif;color:var(--white)}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button{color:inherit}#world{display:block;width:100%;height:100%;touch-action:none}#header{position:fixed;inset:30px 36px auto;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:6;text-shadow:0 1px 12px #13262a66}.wordmark{font-size:28px;letter-spacing:9px;font-weight:800}.wordmark span{font-size:9px;letter-spacing:2px;font-weight:500;display:inline-block;margin-left:22px;border-left:1px solid #ffffff55;padding-left:20px;vertical-align:middle}.top-right{display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:2px}.live-dot{width:5px;height:5px;background:var(--mint);border-radius:50%}#pauseBtn{pointer-events:auto;border:1px solid #ffffff50;background:#13262a55;width:37px;height:37px;border-radius:50%;font-size:17px;margin-left:20px}.overlay{position:fixed;inset:0;z-index:8;display:flex;align-items:center}.hidden{display:none!important}#intro{background:linear-gradient(90deg,#10292ee8 0%,#10292eaa 25%,#10292e25 65%,transparent 100%);z-index:5}.intro-card{margin-left:8vw;margin-top:24px;max-width:620px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:bold;display:flex;align-items:center;gap:10px;color:var(--mint)}.eyebrow span{height:1px;width:30px;background:var(--mint)}h1{font-size:clamp(48px,5.3vw,82px);font-weight:500;letter-spacing:-4px;line-height:1.04;margin:28px 0 25px}h1 em{font-family:Georgia,serif;font-weight:normal;letter-spacing:-3px}.intro-text{font-size:15px;color:#e2eae4b8;line-height:1.8;margin-bottom:32px}.primary{background:var(--mint);color:var(--ink);border:0;border-radius:3px;padding:20px 24px;min-width:238px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1.8px;font-weight:700;transition:background .2s,transform .2s}.primary:hover{background:#e5ffea;transform:translateY(-1px)}.primary span{font-size:23px;font-weight:normal;margin-left:32px}.intro-specs{display:flex;gap:13px;align-items:center;font-size:10px;color:#d4e3d6a0;margin-top:24px}.intro-specs i{width:3px;height:3px;background:#c2f5cd66;border-radius:50%}.intro-footer{position:absolute;bottom:32px;left:8vw;right:36px;font-size:9px;letter-spacing:1.5px;color:#e2eae4aa;display:flex;justify-content:space-between}.bottom-left{position:fixed;bottom:79px;left:34px}.map-shell{position:relative;width:210px;height:210px;background:#10272ad9;border:1px solid #ffffff30;box-shadow:0 8px 30px #0002;border-radius:5px;overflow:hidden;backdrop-filter:blur(12px)}#minimap{width:100%;height:100%}.north{position:absolute;top:9px;right:11px;font-size:9px;color:#fff9}.map-caption{position:absolute;bottom:0;left:0;right:0;background:#10272ae0;padding:10px;font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between}.map-caption span{opacity:.5}.stat-row{display:flex;gap:20px;font-size:7px;letter-spacing:.7px;margin-top:12px;color:#ffffffa0}.stat-row b{font-size:12px;margin-right:5px;color:#fff;font-weight:normal}.speed-panel{position:fixed;bottom:95px;right:48px;width:205px;text-shadow:0 2px 15px #10272acc}.drive-mode{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff40;padding-bottom:8px}.drive-mode span{font-size:9px;letter-spacing:2px}.drive-mode b{font-size:16px;color:var(--mint);font-weight:400}.speed-line{display:flex;gap:12px;align-items:baseline;justify-content:flex-end}.speed-line strong{font-size:90px;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-5px;line-height:1.25}.speed-line>span{font-size:10px;letter-spacing:1px}.rpm-track{height:3px;background:#ffffff35}.rpm-track i{display:block;width:0;background:var(--mint);height:100%;transition:width .08s}.speed-sub{font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between;margin-top:10px;color:#ffffffaa}.controls{position:fixed;bottom:26px;left:0;right:0;display:flex;justify-content:center;gap:25px;font-size:8px;letter-spacing:.8px;color:#ffffffe0;text-shadow:0 1px 4px #000}.controls span{display:flex;align-items:center;gap:8px}kbd{border:1px solid #ffffff55;background:#10272a66;border-radius:3px;font-family:inherit;font-size:9px;min-width:23px;text-align:center;padding:5px 6px;color:#fff;letter-spacing:.7px}#toast{position:fixed;top:104px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:1px;background:#10272ae0;backdrop-filter:blur(8px);padding:12px 20px;border:1px solid #ffffff22;border-radius:3px;opacity:0;transition:opacity .3s;pointer-events:none;text-align:center;max-width:90vw}.damage-panel{position:fixed;right:36px;top:110px;width:260px;background:#12282cdd;border:1px solid #ffffff22;border-radius:4px;padding:17px}.damage-title{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.damage-title span:first-child{max-width:180px}.integrity-track{height:3px;background:#ffffff20;margin-top:12px}.integrity-track i{display:block;background:#efc78b;height:3px;width:100%;transition:width .25s}.damage-panel p{font-size:10px;color:#ffffff88;margin:10px 0 0;line-height:1.5}#pause{background:#071b21a8;backdrop-filter:blur(10px);justify-content:center}.menu-card{background:#132b30f5;border:1px solid #ffffff25;padding:36px 40px;width:450px;max-width:92vw;border-radius:8px;box-shadow:0 24px 80px #0003;max-height:90vh;overflow:auto}h2{font-family:Georgia,serif;font-size:43px;font-weight:400;letter-spacing:-1px;margin:15px 0}.menu-card>p{font-size:13px;color:#ffffff88;margin:0 0 24px}.menu-card .primary{width:100%}.settings{padding:15px 0}.settings label{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #ffffff15;font-size:11px;color:#ffffffaa;gap:15px}.settings select{background:#213c40;color:#fff;border:1px solid #ffffff22;padding:7px;border-radius:3px;font-size:10px;max-width:175px}.settings input{width:120px;accent-color:var(--mint)}.menu-actions{display:flex;gap:8px;margin:6px 0 20px}.menu-actions button{border:1px solid #ffffff25;background:#ffffff05;padding:10px 9px;border-radius:3px;font-size:10px;flex:1}.menu-card .help{font-size:10px;line-height:1.9;margin-bottom:0}#fatal{background:#10272a;justify-content:center;z-index:30}#loading{position:fixed;inset:0;background:#122c30;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center}.brand{font-size:60px;font-weight:700;letter-spacing:20px;text-indent:20px}.brand span{font-size:8px;letter-spacing:3px;display:block;text-align:center;margin-top:14px;text-indent:0;color:#c2f5cd99}.loading-track{height:1px;width:190px;background:#ffffff25;margin-top:45px;overflow:hidden}.loading-track i{display:block;height:100%;width:40%;background:var(--mint);animation:loading 1.6s infinite ease-in-out}#loading p{font-size:10px;letter-spacing:1px;color:#ffffff66;margin-top:15px}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(350%)}}#touchControls{display:none}body.playing #header{pointer-events:none}@media(max-width:760px){#header{inset:20px 20px auto}.wordmark{font-size:22px;letter-spacing:5px}.wordmark span{display:none}.top-right{font-size:8px;letter-spacing:1px}.intro-card{margin-left:7vw}h1{font-size:51px;letter-spacing:-2px}h1 em{letter-spacing:-2px}.intro-footer{left:7vw;right:7vw;font-size:7px}.intro-footer span{display:none}.intro-specs{font-size:8px;gap:9px}.controls{display:none}.bottom-left{left:17px;bottom:30px}.map-shell{width:140px;height:140px}.stat-row{display:none}.speed-panel{width:145px;right:20px;bottom:35px}.speed-line strong{font-size:65px}.speed-sub{font-size:6px}.damage-panel{right:20px;top:85px;width:225px}#toast{top:90px;font-size:9px}.menu-card{padding:25px}.map-caption{font-size:6px;padding:7px}}

.nitro-label{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:8px;letter-spacing:1.4px;color:#ffffffa0}.nitro-label>span{display:flex;align-items:center;gap:7px}.nitro-label kbd{font-size:8px;padding:3px 4px}.nitro-label b{font-weight:500;font-variant-numeric:tabular-nums}.nitro-track{margin-top:7px;height:3px;background:#ffffff25}.nitro-track i{display:block;height:100%;width:100%;background:#c2f5cd80;transition:width .08s}.nitro-active .nitro-label{color:#ffd5a0}.nitro-active .nitro-track i{background:#ffa451;box-shadow:0 0 12px #ff6d28b0}.nitro-active .speed-line strong{color:#ffe6cc}
.nitro-refilling .nitro-label{color:#b7e8f5}.nitro-refilling .nitro-track i{background:#92d9ec;box-shadow:0 0 8px #65c7df60}.nitro-label b{letter-spacing:.4px;white-space:nowrap}@media(max-width:760px){.nitro-label{font-size:7px;letter-spacing:.5px;gap:6px}.nitro-label>span{gap:5px}}
#auraPanel{position:fixed;top:108px;left:36px;width:205px;padding:15px 17px 12px;border:1px solid #c2f5cd38;border-radius:5px;background:linear-gradient(120deg,#10272ae8,#142d35c9);box-shadow:0 8px 24px #0001;pointer-events:none;backdrop-filter:blur(10px)}.aura-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:3px;color:#d1f5d8}.aura-heading span{font-size:16px;letter-spacing:0}#auraScore{display:block;margin:3px 0 6px;font-size:33px;line-height:1.1;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-1px}#auraChain{font-size:8px;letter-spacing:1px;color:#c7e1db;min-height:11px}.aura-chain-track{height:2px;margin-top:9px;background:#ffffff1c}.aura-chain-track i{display:block;height:100%;width:0;background:#c3c4ff;box-shadow:0 0 8px #c3c4ff80;transition:width .08s linear}#auraBest{font-size:7px;letter-spacing:1px;color:#ffffff75;margin-top:7px}#auraPanel.chaining{border-color:#c5bdff80}#auraPanel.chaining #auraScore{color:#e4ddff}#auraNotice{position:fixed;left:50%;top:164px;transform:translateX(-50%);width:440px;max-width:45vw;padding:17px 23px;background:linear-gradient(110deg,#172d36ed,#242b44ed);border:1px solid #c7c5ff66;border-radius:5px;box-shadow:0 12px 35px #0002;pointer-events:none;text-align:center;backdrop-filter:blur(10px)}.aura-award-row{display:flex;justify-content:center;align-items:center;gap:12px}#auraEarned{font-size:26px;font-weight:500;letter-spacing:.5px;font-variant-numeric:tabular-nums;color:#e5dcff}#auraMultiplier{font-size:17px;font-weight:500;color:#172d36;background:#c3f1d1;border-radius:3px;padding:4px 7px}#auraStunt{font-size:10px;letter-spacing:1.5px;color:#d5efdf;margin-top:10px}#auraDetails{font-size:9px;color:#ffffff88;margin-top:6px;line-height:1.5}#auraMessage{font-size:13px;line-height:1.5;color:#f6f2ff;margin:11px 0 0}@media(max-width:760px){#auraPanel{top:77px;left:20px;width:160px;padding:10px 12px 9px}#auraScore{font-size:27px}.aura-heading{font-size:8px}.aura-heading span{font-size:13px}#auraChain{font-size:7px;letter-spacing:.5px}#auraBest{font-size:6px}#auraNotice{top:241px;width:360px;max-width:calc(100vw - 40px);padding:13px 16px}#auraEarned{font-size:22px}#auraMessage{font-size:12px}#toast{top:203px;font-size:8px;padding:8px 12px}}@media(max-height:580px) and (min-width:761px){#auraPanel{top:85px;padding:10px 15px}#auraNotice{top:140px;padding:12px 18px}}
#garageBtn{pointer-events:auto;border:1px solid #c2f5cd66;background:#13262a88;border-radius:4px;padding:11px 12px;font-size:9px;letter-spacing:1px}body:not(.playing) #garageBtn{display:none}#auraWallet{font-size:7px;letter-spacing:.65px;color:#c2f5cd;margin-top:8px}.controls{gap:18px}#garage{z-index:12;background:#071b21c9;backdrop-filter:blur(12px);justify-content:center}.garage-panel{width:1250px;max-width:94vw;max-height:90vh;overflow:auto;padding:28px 30px;border:1px solid #ffffff28;border-radius:8px;background:#132b30fa;box-shadow:0 24px 80px #0005}.garage-header{display:flex;justify-content:space-between;align-items:center;gap:25px}.garage-header h2{margin:10px 0 4px;font-size:40px}.garage-wallet{text-align:right}.garage-wallet span{font-size:9px;letter-spacing:1.5px;color:#ffffff88}.garage-wallet strong{display:block;font-size:31px;font-weight:400;color:var(--mint);font-variant-numeric:tabular-nums;margin-top:7px}.garage-intro{font-size:11px;line-height:1.6;color:#ffffff88;margin:12px 0 20px}#garageCars{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.garage-car{display:flex;flex-direction:column;padding:15px;border:1px solid #ffffff20;border-radius:6px;background:linear-gradient(135deg,#203e43,#172d32)}.garage-car.selected{border-color:#c2f5cd88;background:linear-gradient(135deg,#284b45,#173b3c)}.garage-tag{display:flex;justify-content:space-between;gap:7px;font-size:7px;letter-spacing:.7px;color:#d8e8ddaa;min-height:22px}.garage-tag span{color:#c2f5cd;white-space:nowrap}.garage-car svg{width:100%;height:100px;margin:8px 0 5px}.garage-car h3{font-size:19px;letter-spacing:-.5px;font-weight:500;margin:3px 0 8px}.garage-car p{font-size:11px;line-height:1.6;color:#ffffff88;margin:0 0 17px;min-height:72px}.car-stats{margin-top:auto;padding-top:12px;border-top:1px solid #ffffff18;display:flex;flex-direction:column;gap:8px;font-size:7px;letter-spacing:.8px;color:#d7e8de88}.car-stats b{font-size:23px;color:#f3f3e9;font-weight:400;letter-spacing:-1px;margin-right:3px}.garage-car button{margin-top:17px;width:100%;background:#c2f5cd;color:#13262a;border:0;border-radius:3px;font-size:9px;font-weight:bold;letter-spacing:.4px;padding:14px 6px}.garage-car button:disabled{background:#ffffff0b;color:#ffffff75;border:1px solid #ffffff22;cursor:default}.garage-car.selected button{color:#c2f5cd;border-color:#c2f5cd44}.garage-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}.garage-footer p{font-size:10px;color:#ffffff77;line-height:1.5}.garage-footer .primary{padding:16px 20px;min-width:205px}@media(max-width:950px){#garageCars{grid-template-columns:repeat(2,minmax(0,1fr))}.garage-car p{min-height:35px}.garage-panel{padding:23px}}@media(max-width:760px){.top-right{gap:6px}#place{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#pauseBtn{margin-left:0}#garageBtn{font-size:8px;padding:10px 8px}#auraWallet{font-size:6px}#auraPanel{top:77px}#toast{top:216px}#auraNotice{top:254px}}@media(max-width:520px){#garageCars{grid-template-columns:1fr}.garage-header h2{font-size:34px}.garage-wallet strong{font-size:25px}.garage-footer{flex-direction:column;align-items:stretch}.garage-footer .primary{width:100%}.garage-car svg{height:90px}.garage-car p{min-height:0}.garage-panel{padding:20px}.garage-tag{font-size:8px}}
/* Private rooms share the same warm, understated island UI. */
.friends-entry{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:14px;padding:17px 22px;width:100%;max-width:360px;border:1px solid #c6e2cc55;background:#142b2b99;color:#e3f1dc;font-size:11px;font-weight:700;letter-spacing:1px;cursor:pointer}.friends-entry span{font-size:9px;color:#9bbaa9}.friends-entry:hover{background:#29493e}.top-right button.in-room{color:#cef1a5;border-color:#c4e59b77}#rooms{z-index:35;overflow-y:auto;padding:40px 24px;background:#08181cc9;backdrop-filter:blur(12px);align-items:center;justify-content:center}.room-panel{width:min(580px,100%);padding:38px 42px;background:linear-gradient(135deg,#193839,#10272d);border:1px solid #b4d8c832;box-shadow:0 24px 80px #0006;position:relative}.room-panel h2{font-size:38px;line-height:1.1;letter-spacing:-1.6px;font-weight:500;margin:20px 0 14px;color:#eff4df}.room-panel h2 em{font-family:Georgia,serif;font-weight:400;color:#c5e7b0}.room-intro{color:#a6c0b9;font-size:13px;margin:0 0 28px}.room-panel label{display:block;font-size:10px;letter-spacing:1.8px;color:#a5bfb1;margin:0 0 10px}.room-panel input{box-sizing:border-box;width:100%;padding:15px 16px;border:1px solid #86a79c66;background:#0c2129;color:#f0f5df;border-radius:0;font:16px inherit;outline:none}.room-panel input:focus{border-color:#d3efb3;box-shadow:0 0 0 2px #cbe9b126}.room-panel #roomCreate{max-width:none;width:100%;margin-top:16px}.room-divider{display:flex;align-items:center;gap:15px;margin:27px 0;color:#86a99e;font-size:9px;letter-spacing:1.5px}.room-divider:before,.room-divider:after{content:'';flex:1;height:1px;background:#87a89b33}.room-join-row{display:flex;gap:12px}.room-join-row input{letter-spacing:5px;min-width:0;flex:1;text-transform:uppercase}.room-join-row button,.room-code-row button{background:#c4dfb512;border:1px solid #c4dfb552;padding:12px 18px;white-space:nowrap;color:#d8edc8;font-size:10px;letter-spacing:1px;cursor:pointer}.room-panel button:disabled{opacity:.5;cursor:wait}.room-code-row{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#091e2477;border:1px solid #9dbda329;padding:20px}.room-code-row span{display:block;font-size:9px;letter-spacing:2px;color:#97b4a8}.room-code-row strong{display:block;font-size:34px;font-weight:500;letter-spacing:5px;color:#e2f1ce;margin-top:8px}.room-leaderboard-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:#93afa5;margin:26px 0 8px}.room-player{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #8eb29d26;color:#edf3dc}.room-rank{font-size:11px;color:#749b8b}.room-driver{font-size:14px;flex:1;overflow-wrap:anywhere}.room-driver small{display:block;font-size:8px;letter-spacing:1.6px;color:#8fae9e;margin-top:6px}.room-player strong{font-size:17px;font-weight:400;color:#c8e4ab}.room-player.empty{color:#6c9587}.room-player.empty .room-driver{font-size:12px}.room-footnote{font-size:11px;line-height:1.6;color:#91afa5;margin:14px 0 0}.room-connection{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #8aa49630;margin-top:20px;padding-top:14px;font-size:8px;letter-spacing:1.5px;color:#7fa494}.room-connection b{color:#bad9ae;margin-left:8px;font-weight:400}.room-connection button,.room-back{background:none;border:0;color:#d7e5ca;font-size:10px;letter-spacing:1.3px;cursor:pointer;padding:8px 0}.room-back{display:block;border-top:1px solid #8aa49630;width:100%;text-align:left;padding-top:19px}#roomStatus{min-height:32px;font-size:12px;line-height:1.5;color:#c1d8ba;margin:18px 0 14px}#roomStatus.error{color:#f4c69f}.room-panel .eyebrow{font-size:9px;letter-spacing:1.6px}.room-panel .eyebrow .live-dot{display:inline-block;margin-right:7px}@media(max-width:700px){#rooms{padding:18px;align-items:flex-start}.room-panel{padding:26px 22px}.room-panel h2{font-size:32px}.room-code-row{padding:15px;flex-wrap:wrap}.room-code-row strong{font-size:30px}.top-right{gap:9px}.top-right #place,.top-right>.live-dot{display:none}.room-join-row button{padding:12px}.room-panel .eyebrow{font-size:8px;letter-spacing:1px}}
#roomBtn{pointer-events:auto;min-height:34px;padding:9px 14px;border:1px solid #c2dec14d;background:#133036b3;color:#e1efd7;font:600 10px Arial,sans-serif;letter-spacing:1.3px;cursor:pointer;white-space:nowrap;border-radius:2px}#roomBtn:hover{background:#30504b}#roomBtn:focus-visible{outline:2px solid #dbefbe;outline-offset:3px}
.room-panel{max-height:calc(100dvh - 48px);overflow-y:auto;padding:26px 34px}.room-panel h2{font-size:34px;margin:14px 0 10px}.room-intro{margin-bottom:18px}.room-code-row{padding:16px}.room-code-row strong{font-size:30px}.room-leaderboard-heading{margin-top:18px}.room-player{padding:10px 0}.room-footnote{margin-top:10px;font-size:10px}.room-connection{margin-top:12px;padding-top:10px}#roomStatus{min-height:0;margin:12px 0}.room-back{padding-top:14px}@media(max-width:700px){.room-panel{padding:24px;max-height:calc(100dvh - 36px)}}

/* Global room and paint studio */
#roomJoin{width:100%;max-width:none;margin-top:20px}#roomPlayers{max-height:270px;overflow:auto;padding-right:8px}.room-player .driver-paint{width:11px;height:11px;border-radius:50%;border:1px solid #ffffff66;flex:none}.room-code-row strong{font-size:26px;letter-spacing:3px}.garage-paint{margin:0 0 22px;padding:18px 20px;background:#071b2144;border:1px solid #ffffff20;border-radius:6px;display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px}.garage-paint h3{font-size:18px;margin:7px 0 0;font-weight:500}.garage-paint .eyebrow{font-size:8px;letter-spacing:1.3px}.paint-controls{display:flex;align-items:flex-end;gap:10px;margin-left:auto;flex-wrap:wrap}.paint-controls label{font-size:8px;letter-spacing:1px;color:#b4cbc4;display:flex;flex-direction:column;gap:6px}.paint-controls input{height:38px;border:1px solid #8aaca166;background:#10272b;color:#f0f5df;border-radius:3px;padding:5px;font:12px monospace}.paint-controls input[type=color]{width:70px;padding:3px;cursor:pointer}.paint-controls input[type=text]{width:100px}.paint-controls button{height:38px;background:#c2f5cd;color:#10272b;border:0;border-radius:3px;padding:0 15px;font-size:9px;cursor:pointer}#paintReset{background:#ffffff0b;color:#cde2d8;border:1px solid #ffffff26}#paintStatus{width:100%;font-size:10px;color:#a8c3b7;margin:0}.menu-actions button:disabled{opacity:.4;cursor:default}@media(max-width:760px){.garage-paint{padding:15px}.paint-controls{margin-left:0;width:100%}.paint-controls button{padding:0 10px}#roomBtn{font-size:8px!important;padding:8px!important}.room-code-row strong{font-size:22px}}

/* Preset chat stays attached to each car in screen space. */
#chatBtn{pointer-events:auto;min-height:34px;padding:9px 12px;border:1px solid #c2dec14d;background:#133036b3;color:#e1efd7;font:600 10px Arial,sans-serif;letter-spacing:1px;border-radius:2px;white-space:nowrap;cursor:pointer}#chatBtn:hover{background:#30504b}#chatBtn:disabled{opacity:.45;cursor:default}#chatBtn:focus-visible,.chat-panel button:focus-visible{outline:2px solid #dcf4bd;outline-offset:3px}body:not(.playing) #chatBtn{display:none}.controls{gap:14px}
.chat-panel{position:fixed;z-index:30;left:50%;bottom:76px;transform:translateX(-50%);width:560px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 135px);overflow:auto;padding:23px 25px;background:linear-gradient(135deg,#193839f7,#10272dfc);border:1px solid #b4d8c84d;border-radius:10px;box-shadow:0 24px 80px #0007;color:#eff4df}.chat-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.chat-heading .eyebrow{font-size:8px;letter-spacing:1.6px}.chat-heading h2{font-family:Georgia,serif;font-weight:400;font-size:29px;margin:7px 0 0;letter-spacing:-1px}#chatClose{width:34px;height:34px;border:1px solid #d1e7d833;border-radius:50%;background:#ffffff08;color:#ddedd7;font-size:24px;cursor:pointer}#chatParkHint{font-size:11px;color:#a1beb2;margin:10px 0 18px}.chat-tabs{display:flex;gap:5px;margin-bottom:14px;overflow-x:auto;padding:3px}.chat-tabs button{flex:1;white-space:nowrap;padding:9px 8px;font-size:10px;background:transparent;color:#9fbfb0;border:1px solid transparent;border-radius:4px;cursor:pointer}.chat-tabs button[aria-pressed=true]{color:#d9efcb;background:#c8efbd15;border-color:#bce4ac44}.chat-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chat-options button{text-align:left;min-height:55px;padding:12px 14px;font:12px/1.45 Arial,sans-serif;color:#e4f1db;border:1px solid #a5ccae33;border-radius:5px;background:#2848407a;cursor:pointer}.chat-options button:hover{background:#365e4f;border-color:#c6ebae88}.chat-options button:disabled{opacity:.4;cursor:wait}#chatHint{font-size:10px;color:#adc7b6;line-height:1.5;min-height:15px;margin:17px 0 0}
#carBubbles{position:fixed;inset:0;z-index:4;overflow:hidden;pointer-events:none}.car-bubble{position:absolute;left:0;top:0;will-change:transform,opacity;max-width:min(260px,76vw);text-align:center;pointer-events:none}.car-bubble[hidden]{display:none}.car-bubble-card{position:relative;padding:11px 17px 13px;background:#f0f5df;color:#102c30;border:1px solid #fff9;border-radius:13px;box-shadow:0 5px 20px #001c2444;animation:car-chat-pop .22s ease-out;transform-origin:50% 100%;font:600 14px/1.4 Arial,sans-serif}.car-bubble-card:after{content:'';position:absolute;left:50%;bottom:-9px;border-left:9px solid transparent;border-right:9px solid transparent;border-top:10px solid #f0f5df;transform:translateX(-50%)}.car-bubble small{display:block;color:#456b5a;font:700 8px/1.3 Arial,sans-serif;letter-spacing:1.3px;margin-bottom:5px;overflow-wrap:anywhere}.car-bubble span{display:block}.car-bubble.own .car-bubble-card{background:#c9efb9}.car-bubble.own .car-bubble-card:after{border-top-color:#c9efb9}@keyframes car-chat-pop{from{opacity:0;transform:translateY(8px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.car-bubble-card{animation:none}}@media(max-width:760px){#chatBtn{font-size:8px;padding:8px 7px}.chat-panel{bottom:100px;padding:18px}.car-bubble-card{font-size:12px;padding:9px 12px}.car-bubble{max-width:220px}}@media(max-width:420px){.chat-options{grid-template-columns:1fr}.chat-tabs button{font-size:9px;padding:8px 6px}}

/* Thumb controls: safe-area spacing and independent multi-touch buttons. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.touch-mode #touchControls{display:flex;position:fixed;z-index:7;left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));align-items:flex-end;justify-content:space-between;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
body.paused #touchControls{visibility:hidden;pointer-events:none}.stick-wrap{position:relative;text-align:center}.stick-title{display:block;font-size:8px;font-weight:600;letter-spacing:1.7px;color:#e3f3db;text-shadow:0 1px 5px #071e24;margin-bottom:9px}
#driveStick{width:146px;height:146px;position:relative;border-radius:50%;border:1px solid #d5eadb6b;background:radial-gradient(circle,#12333a66 0 44%,#172f3880 45% 66%,#c2f5cd1c 67%);box-shadow:inset 0 0 24px #071d2944,0 4px 20px #071c2422;touch-action:none;pointer-events:auto;cursor:grab}
#driveStick.active{border-color:#c2f5cdbb;background-color:#c2f5cd19;cursor:grabbing}#stickKnob{position:absolute;top:50%;left:50%;width:54px;height:54px;border:1px solid #e3f8d1bd;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d7f3cce6,#85b5a2d9);box-shadow:0 4px 14px #001a3055,inset 0 1px 3px #fff7;transform:translate(-50%,-50%);pointer-events:none}#driveStick:not(.active) #stickKnob{transition:transform .12s ease-out}
#driveStick>span:not(#stickKnob){position:absolute;pointer-events:none;color:#e2efdfaa;font-size:7px;letter-spacing:.8px}.stick-up{top:12px;left:0;right:0}.stick-down{bottom:12px;left:0;right:0}#driveStick .stick-left,#driveStick .stick-right{top:calc(50% - 14px);font-size:24px}.stick-left{left:11px}.stick-right{right:11px}
.touch-actions{display:flex;gap:12px;align-items:flex-end;padding-bottom:9px}#touchControls button{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;width:66px;height:66px;border-radius:50%;border:1px solid #e6efdb66;background:#112f39c9;color:#e8f2e1;box-shadow:0 4px 16px #001b2933;font-size:12px;font-weight:bold;letter-spacing:1px;padding:0}#touchControls button small{display:block;margin-top:5px;font-size:7px;letter-spacing:1.2px;font-weight:normal;color:#d6e5d4a8}#touchControls #touchNitro{width:78px;height:78px;border-color:#f3c8938c;color:#ffe1b8;background:#3f3526bb}#touchControls button.held{background:#426c60e8;border-color:#c2f5cd;transform:scale(.96)}#touchControls #touchNitro.held{background:#936038e8;border-color:#ffd2a4;box-shadow:0 0 22px #fa9a3255}
body.touch-mode .controls{display:none}body.touch-mode .bottom-left{left:max(18px,env(safe-area-inset-left));bottom:206px}body.touch-mode .map-shell{width:100px;height:100px}body.touch-mode .map-caption{font-size:5px;padding:5px}body.touch-mode .stat-row{display:none}body.touch-mode .speed-panel{right:max(18px,env(safe-area-inset-right));bottom:132px;width:140px}body.touch-mode .speed-line strong{font-size:58px}body.touch-mode .speed-sub{font-size:6px}body.touch-mode .nitro-label{margin-top:12px;font-size:7px}body.touch-mode .nitro-label kbd{display:none}body.touch-mode .chat-panel{bottom:20px;max-height:calc(100dvh - 100px)}body.touch-mode #toast{top:auto;bottom:320px;font-size:10px;z-index:7}
body.touch-mode #header{left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top))}body.touch-mode #header .wordmark span{display:none}body.touch-mode .top-right{gap:6px}body.touch-mode .top-right #place,body.touch-mode .top-right>.live-dot{display:none}body.touch-mode #pauseBtn{margin-left:0;min-width:38px;min-height:38px}body.touch-mode #roomBtn,body.touch-mode #chatBtn,body.touch-mode #garageBtn{min-height:38px}body.touch-mode .wordmark{font-size:20px;letter-spacing:4px}body.touch-mode #auraPanel{top:72px;left:max(18px,env(safe-area-inset-left));width:150px;padding:10px 12px}body.touch-mode #auraScore{font-size:27px}body.touch-mode #auraNotice{top:220px;max-width:80vw}
@media(max-width:420px){body.touch-mode .wordmark{font-size:17px;letter-spacing:2px}body.touch-mode #roomBtn{font-size:7px!important;padding:8px 6px!important}body.touch-mode #chatBtn,body.touch-mode #garageBtn{font-size:7px;padding:8px 6px}body.touch-mode .top-right{gap:5px}.touch-actions{gap:9px}#touchControls #touchNitro{width:72px;height:72px}#touchControls #touchHB{width:60px;height:60px}}
@media(max-height:500px) and (orientation:landscape){body.touch-mode #driveStick{width:130px;height:130px}body.touch-mode .stick-title{display:none}body.touch-mode .bottom-left{top:138px;bottom:auto}body.touch-mode .map-shell{width:76px;height:76px}body.touch-mode .map-caption{display:none}body.touch-mode #auraPanel{top:64px;width:135px;padding:7px 10px}body.touch-mode .aura-heading{font-size:7px}body.touch-mode #auraScore{font-size:23px;margin:3px 0 0}body.touch-mode #auraChain,body.touch-mode #auraBest,body.touch-mode #auraWallet,body.touch-mode .aura-chain-track{display:none}body.touch-mode .speed-panel{top:70px;bottom:auto;width:115px}body.touch-mode .speed-line strong{font-size:46px}body.touch-mode .speed-sub{display:none}body.touch-mode .nitro-label{margin-top:8px}body.touch-mode #toast{top:70px;bottom:auto;max-width:42vw}body.touch-mode #auraNotice{top:110px;max-width:44vw;padding:10px 14px}body.touch-mode #auraEarned{font-size:20px}body.touch-mode #auraMessage{font-size:10px;margin-top:6px}body.touch-mode .damage-panel{top:65px;right:155px;width:190px}body.touch-mode #intro{overflow:auto;align-items:flex-start}body.touch-mode .intro-card{margin:66px 0 35px 7vw}body.touch-mode h1{font-size:38px;margin:14px 0}body.touch-mode .intro-text{font-size:12px;line-height:1.5;margin-bottom:15px}body.touch-mode .intro-footer{display:none}}

@media(max-width:360px){body.touch-mode #driveStick{width:130px;height:130px}}

/* Mobile announcements share a compact top-center slot, clear of the car. */
body.touch-mode #auraNotice,body.touch-mode #toast,body.touch-mode #damagePanel{top:calc(max(14px,env(safe-area-inset-top)) + 48px);bottom:auto;left:50%;right:auto;transform:translateX(-50%);width:300px;max-width:calc(100vw - 36px);box-sizing:border-box;pointer-events:none}
body.touch-mode #auraNotice{padding:8px 11px;border-radius:5px}
body.touch-mode .aura-award-row{gap:8px}
body.touch-mode #auraEarned{font-size:18px;line-height:1.15}
body.touch-mode #auraMultiplier{font-size:12px;padding:3px 5px}
body.touch-mode #auraStunt{font-size:8px;letter-spacing:.65px;line-height:1.3;margin-top:5px}
body.touch-mode #auraDetails{font-size:8px;line-height:1.3;margin-top:3px}
body.touch-mode #auraMessage{font-size:10px;line-height:1.3;margin:5px 0 0}
body.touch-mode #toast{width:max-content;padding:7px 11px;font-size:9px;line-height:1.35;letter-spacing:.45px;z-index:4}
body.touch-mode #damagePanel{width:270px;padding:8px 11px}
body.touch-mode .damage-title{font-size:8px;letter-spacing:.5px;gap:10px}
body.touch-mode .damage-title span:first-child{max-width:210px}
body.touch-mode .integrity-track{margin-top:6px}
body.touch-mode .damage-panel p{font-size:9px;line-height:1.3;margin:5px 0 0}
/* One announcement at a time prevents simultaneous stunt/boost/impact overlap. */
body.touch-mode:has(#auraNotice:not(.hidden)) #toast,body.touch-mode:has(#auraNotice:not(.hidden)) #damagePanel,body.touch-mode:has(#toast[style*="opacity: 1"]) #damagePanel{visibility:hidden}
@media(orientation:portrait){body.touch-mode:has(#auraNotice:not(.hidden),#toast[style*="opacity: 1"],#damagePanel:not(.hidden)) #auraPanel{visibility:hidden}}
@media(max-height:500px) and (orientation:landscape){body.touch-mode #auraNotice,body.touch-mode #toast,body.touch-mode #damagePanel{max-width:calc(100vw - 320px)}}

/* Map previews remain part of the main menu, above the live world. */
.map-picker{position:absolute;right:4vw;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:22px;text-align:right}.map-picker-label{display:flex;flex-direction:column;gap:9px;text-shadow:0 2px 16px #09252b}.map-picker-label>span{font:11px monospace;letter-spacing:3px;color:#c2f5cd}.map-picker-label strong{font-size:20px;font-weight:500}.map-picker-label small{font-size:8px;letter-spacing:2px;color:#e2eae4b8}#mapNext{display:grid;place-items:center;flex:none;width:64px;height:64px;border:1px solid #d9f6e4aa;border-radius:50%;background:#102b30bb;color:#e8ffed;font-size:32px;transition:background .2s,transform .2s}#mapNext:hover{background:#326156;transform:translateX(3px)}#mapCaption{font-weight:400}.map-caption #mapScale{opacity:.5}
@media(max-width:1050px){.map-picker-label strong{font-size:15px}.map-picker-label small{display:none}.map-picker{gap:12px;right:24px}.map-picker-label{max-width:140px}}
@media(max-width:700px){.map-picker{top:auto;bottom:54px;right:20px;left:8vw;transform:none;justify-content:space-between;text-align:left}.map-picker-label{max-width:none}.map-picker-label strong{font-size:16px}.map-picker-label>span{font-size:9px}#mapNext{width:52px;height:52px;font-size:27px}.intro-specs{flex-wrap:wrap;max-width:310px;gap:7px}.intro-card{margin-top:-56px;max-width:calc(100vw - 60px)}.intro-footer{font-size:7px}}
@media(max-height:540px) and (orientation:landscape){.map-picker{left:auto;top:50%;bottom:auto;right:22px;transform:translateY(-50%);text-align:right}.map-picker-label{max-width:130px}.map-picker-label strong{font-size:13px}.intro-card{margin-top:20px}.intro-specs{margin-top:12px}#intro h1{font-size:38px;line-height:1.04;margin:12px 0}.intro-text{font-size:11px;margin:8px 0 14px}.intro-card .primary{padding:12px 18px}.friends-entry{padding:12px 18px;margin-top:9px}.intro-footer{bottom:15px}.intro-card{max-width:55vw}.map-picker-label small{display:none}}

#specialStatus{margin-top:9px;color:#f4cf85;font-size:9px;letter-spacing:.5px}body.touch-mode #specialStatus{font-size:7px;margin-top:5px}


/* Winter map identity; the existing compact touch controls stay available. */
.peaks-map .map-picker-label>span{color:#e0edf5}.peaks-map .intro-card em{color:#e7f0f6}.peaks-map .intro-card .primary{background:#d7eaf2;color:#243f52}.peaks-map #header{background:linear-gradient(#142b3e66,transparent)}

/* Main-menu version stays clear of the footer and mobile safe areas. */
.menu-version{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));padding:4px 7px;border:1px solid #ffffff24;border-radius:3px;background:#10272a99;color:#edf6ef;font:600 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:1px;pointer-events:none}

/* V1.7: every driving action has a touch target. */
.touch-shortcuts{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);display:grid;gap:6px;pointer-events:auto}
#touchControls .touch-shortcuts button{min-width:44px;width:44px;min-height:44px;height:44px;border-radius:10px;font-size:10px;background:#16383ee8}
#touchControls #touchRecover{font-size:25px}#auraWallet{font-size:8px!important;color:#ffffff8c;letter-spacing:.3px}
body.touch-mode #auraWallet{display:block!important;font-size:7px!important;margin-top:5px}
body.touch-mode #header button{min-height:44px!important;min-width:44px;touch-action:manipulation}
body.touch-mode .menu-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
body.touch-mode button,body.touch-mode select{min-height:44px;touch-action:manipulation}body.touch-mode input:not([type=range]):not([type=color]),body.touch-mode select{font-size:16px!important}
body.touch-mode .chat-grid button{min-height:44px}body.touch-mode .profile-menu summary{min-height:44px;display:flex;align-items:center}
body.paused #touchControls,body:not(.playing) #touchControls{display:none!important}
@media(max-width:360px){body.touch-mode.playing #header .wordmark{display:none}body.touch-mode #header .top-right{width:100%;justify-content:space-between}}
@media(max-height:500px) and (orientation:landscape){.touch-shortcuts{bottom:0;display:flex}#touchControls .touch-shortcuts button{width:60px}body.touch-mode #auraWallet{font-size:6px!important}}

/* V1.71: remembered measurement system, accessible from the main menu. */
.menu-units{position:absolute;right:max(20px,env(safe-area-inset-right));top:90px;display:flex;align-items:center;gap:9px;padding:6px 9px;border:1px solid #c5dfd44d;border-radius:5px;background:#102b30eb;color:#edf6ef;z-index:3;font:10px Arial;letter-spacing:1px}
.menu-units select{min-height:44px;max-width:230px;background:#183c3c;color:#f3faed;border:1px solid #78928b;border-radius:3px;padding:8px;font-size:14px;letter-spacing:0;touch-action:manipulation}
@media(max-width:700px){.menu-units{top:66px;right:16px;padding:2px 7px}.menu-units select{font-size:16px;max-width:230px}.menu-units>span{display:none}}
@media(max-height:540px) and (orientation:landscape){.menu-units{top:78px;right:20px}.menu-units select{max-width:190px}}
/* Keep the unit picker and menu content in separate rows on portrait phones. */
@media(max-width:700px) and (orientation:portrait){
 #intro{display:block;overflow:auto;padding:76px 7vw 30px;scroll-padding-top:16px}
 #intro .menu-units{position:relative;top:auto;right:auto;bottom:auto;width:max-content;max-width:100%;margin:0 0 20px auto}
 #intro .intro-card{margin:0;max-width:none;width:100%}#intro h1{font-size:clamp(36px,10vw,48px);line-height:1.05;margin:18px 0}
 #intro .intro-text{font-size:13px;margin:16px 0 22px}#intro .intro-specs{margin-top:18px}
 #intro .map-picker{position:relative;inset:auto;transform:none;margin-top:24px;width:100%;text-align:left;justify-content:space-between}
 #intro .intro-footer{position:relative;inset:auto;margin-top:25px;font-size:6px}#intro .menu-version{position:fixed}
}
@media(max-width:700px) and (orientation:portrait){#intro .menu-version{position:absolute;top:28px;left:100px;right:auto;bottom:auto}}