/*
SPDX-License-Identifier: CPAL-1.0
The contents of this file are subject to the Common Public Attribution License
Version 1.0 (the "License"); you may not use this file except in compliance with
the License. You may obtain a copy at https://opensource.org/license/cpal-1.0
and in the accompanying LICENSE file, including its completed Exhibit B.
The License is based on the Mozilla Public License Version 1.1 but Sections 14
and 15 have been added to cover use of software over a computer network and
provide for limited attribution for the Original Developer. In addition,
Exhibit A has been modified to be consistent with Exhibit B.
Software distributed under the License is distributed on an "AS IS" basis,
WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License for
the specific language governing rights and limitations under the License.
The Original Code is the 99½ REBORN browser driving game and Buttercup memorial
website. The Initial Developer and Original Developer is Justin Tahai.
All portions of the code written by Justin Tahai are Copyright (c) 2026
Justin Tahai. All Rights Reserved. Contributors: see CONTRIBUTORS.md.
Attribution: In loving memory — Buttercup, Justin Tahai's 99.5 mkIV
No alternative license is designated by this release.
*/
:root{--ink:#142529;--paper:#edf0dd;--muted:#bac6b8;--accent:#eebe7e;--mint:#8bdec9;--panel:rgba(18,35,39,.86);font-family:'Bahnschrift','DIN Alternate','Arial',sans-serif;color:var(--paper);background:#233b3e;color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}button{touch-action:manipulation}#world,#weather-fx{position:absolute;inset:0;width:100%;height:100%;display:block}#weather-fx{pointer-events:none;z-index:2}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 58% 44%,transparent 32%,rgba(9,24,28,.25) 100%);z-index:1}.screen{position:absolute;inset:0;z-index:3;padding:clamp(18px,3.4vw,52px);padding-top:max(clamp(18px,2.6vw,38px),env(safe-area-inset-top));padding-bottom:max(22px,env(safe-area-inset-bottom));pointer-events:none}.screen button{pointer-events:auto}#intro{background:linear-gradient(90deg,rgba(12,27,31,.82),rgba(14,30,33,.35) 37%,transparent 66%),linear-gradient(0deg,rgba(12,25,29,.95),transparent 50%)}.topline,.hud-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;line-height:1}.brand b{font-size:31px;letter-spacing:-3px;font-style:italic}.brand span{font-size:11px;letter-spacing:3px;font-weight:700;border-left:1px solid #ffffff45;padding-left:13px}.buildtag{font-size:9px;letter-spacing:1.7px;display:flex;align-items:center;gap:8px}.buildtag i,#drive-mode i{background:var(--mint);width:5px;height:5px;border-radius:50%;box-shadow:0 0 8px #89dfbe66}.buildtag span{opacity:.5}.quiet{padding:9px 0;background:transparent;font-size:10px;letter-spacing:1.2px;line-height:1.5;color:var(--paper)}.quiet:hover{color:var(--accent)}.sound-toggle{display:flex;gap:12px;align-items:center}.sound-toggle span{font-size:16px}.intro-copy{position:absolute;top:14.5%;left:clamp(18px,3.4vw,52px)}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:600;color:var(--accent);display:flex;align-items:center;gap:12px}.line{display:inline-block;background:var(--accent);width:28px;height:1px}h1{margin:18px 0 22px;font-style:italic;line-height:.74;letter-spacing:-7px;display:flex;flex-direction:column;width:390px}.numbers{font-size:clamp(110px,13.4vw,199px);font-weight:900}.numbers sup{font-size:.55em;vertical-align:top;position:relative;top:.07em;margin-left:3px;letter-spacing:-5px}.reborn{font-size:clamp(38px,5.7vw,85px);font-weight:900;letter-spacing:3px;line-height:1;margin-top:9px}.tagline{font-size:clamp(16px,1.7vw,24px);font-weight:500;margin:0 0 12px;letter-spacing:-.4px}.subcopy{font-size:12px;line-height:1.9;color:#b8c6bd;margin:0;letter-spacing:.1px}.car-caption{position:absolute;right:5%;top:44%;text-align:right;max-width:350px;text-shadow:0 1px 10px #142528}.car-caption>span{font-size:9px;letter-spacing:2.5px;color:var(--accent)}.car-caption strong{display:block;font-size:30px;margin:8px 0 6px;letter-spacing:-.7px}.car-caption strong i{font-size:17px;font-weight:400;margin-left:8px}.car-caption p{font-size:10px;margin:0 0 18px;color:#dae0ce}.car-caption>div{font-size:9px;letter-spacing:1px;display:flex;justify-content:flex-end;gap:12px}.car-caption>div b{color:var(--accent);font-weight:600}.car-caption>div span{opacity:.6}.launch-panel{position:absolute;bottom:82px;left:clamp(18px,3.4vw,52px);right:clamp(18px,3.4vw,52px)}.section-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#cbd5c8;margin-bottom:12px}.section-label span{color:#95aca2;font-size:8px}.mode-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.mode-card{background:rgba(30,49,51,.80);border:1px solid #b7c7b32a;padding:15px 17px;text-align:left;border-radius:2px;transition:background .15s,border .15s}.mode-card:hover{background:rgba(52,70,67,.92);border-color:#eebe7e88}.mode-card.selected{background:#d2c29a;color:#172b30;border:1px solid #e9d4a8}.mode-card>span{font-size:8px;letter-spacing:1.5px;opacity:.72}.mode-card strong{display:block;font-size:18px;letter-spacing:-.3px;margin:9px 0}.mode-card strong i{float:right;font-size:17px;font-style:normal;font-weight:400}.mode-card small{font-size:10px;opacity:.73}.launch-row{display:flex;align-items:center;gap:24px;margin-top:15px}.primary{background:var(--accent);color:#172c2f;border:1px solid #ffe0a4;font-weight:800;font-size:12px;letter-spacing:1.3px;display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:53px;padding:15px 22px;border-radius:2px;transition:filter .15s,transform .15s}.primary:hover{filter:brightness(1.12)}.primary:active{transform:translateY(1px)}.primary>span{font-weight:400;font-size:22px;line-height:1}#drive{min-width:281px}.launch-row p{font-size:8px;letter-spacing:1.1px;line-height:1.85;margin:0;color:#d9dfcf}.launch-row p span{font-size:10px;letter-spacing:.2px;color:#9ab0a6}.launch-row>.quiet{margin-left:auto}.intro-footer{position:absolute;bottom:max(27px,env(safe-area-inset-bottom));left:clamp(18px,3.4vw,52px);right:clamp(18px,3.4vw,52px);display:flex;justify-content:space-between;border-top:1px solid #b5c4b524;padding-top:13px;font-size:7px;letter-spacing:1.7px;color:#aec0b5}.intro-footer i{font-style:normal;color:#e1c99d;margin:0 8px}#loading{position:absolute;z-index:50;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#162b31;font-weight:800;font-size:85px;font-style:italic}#loading span{font-style:normal;font-size:9px;letter-spacing:4px;margin-top:18px}#plate{position:absolute;pointer-events:none;z-index:2;color:#17303a;font-family:Arial,sans-serif;letter-spacing:0;font-weight:bold;background:#dfe0c6;transform:translate(-50%,-50%);line-height:1.1;padding:0 2px;white-space:nowrap}
#hud{background:linear-gradient(180deg,rgba(10,28,34,.52),transparent 140px)}.hud-top>.brand{opacity:.9}.hud-right{display:flex;align-items:center;gap:20px}.square{background:rgba(25,45,47,.8);border:1px solid #c2cbb642;width:40px;height:38px;font-size:19px;border-radius:3px}.square:hover{background:#3b5956}#drive-mode{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;border:1px solid #c2cbb642;background:#1b3031c9;padding:9px 14px;white-space:nowrap}#drive-mode b{font-size:10px;letter-spacing:2px}#drive-mode span{font-size:8px;letter-spacing:1px;color:#adc2b3}#heat{letter-spacing:5px;font-size:17px;color:#f2ba7f}.mission{position:absolute;left:clamp(18px,3.4vw,52px);top:114px;text-shadow:0 1px 12px #13262b;max-width:360px}.mission h2{font-size:25px;letter-spacing:-.5px;margin:9px 0 6px}.mission p{margin:0;font-size:11px;line-height:1.7;max-width:330px;color:#d3ddcb}.mission .eyebrow{font-size:8px}#mission-progress{width:230px;height:2px;background:#c6d2bd33;margin-top:13px}#mission-progress span{display:block;height:100%;width:0;background:var(--accent);transition:width .15s}.map-wrap{position:absolute;bottom:65px;left:clamp(18px,3.4vw,52px);width:176px;background:#132b30d4;border:1px solid #c0cfbb40;padding:8px;box-shadow:0 4px 30px #0b222535;clip-path:polygon(0 0,90% 0,100% 10%,100% 100%,0 100%)}#minimap{width:100%;display:block;aspect-ratio:1}.map-wrap>div{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;border-top:1px solid #c0cfbb40;padding-top:8px;color:#b4c8bb}.instrument{position:absolute;right:clamp(18px,3.4vw,52px);bottom:64px;width:187px;text-shadow:0 2px 20px #132831}.speedline{display:flex;align-items:center;justify-content:flex-end;gap:12px}.speedline>strong{font-variant-numeric:tabular-nums;font-size:75px;line-height:1;font-style:italic;letter-spacing:-5px;font-weight:700}.speedline>span{font-size:25px;font-style:italic;color:var(--accent)}.speedline>span b{font-style:normal;display:block;font-size:8px;letter-spacing:1px;margin-top:5px;font-weight:400;color:var(--paper)}.meter-label{display:flex;justify-content:space-between;font-size:7px;letter-spacing:2px;margin-top:9px}.meter-label>b{font-weight:500;letter-spacing:0}.meter{height:3px;margin-top:7px;background:#dbe3cf3d}.meter i{display:block;width:100%;height:100%;background:var(--mint);transition:width .1s}.body-meter i{background:var(--accent)}.health-label{margin-top:12px}.desktop-keys{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:21px;white-space:nowrap}.desktop-keys span{font-size:7px;letter-spacing:1px;color:#d0dbc7}kbd{border:1px solid #c0cfbb66;padding:3px 5px;margin-right:3px;font:inherit;color:#f4e2b6}#waypoint{position:absolute;transform:translate(-50%,-100%);text-align:center;color:#ffdda3;text-shadow:0 2px 14px #122c31}#waypoint b{font-size:38px;line-height:.7}#waypoint span{font-size:10px;display:block;margin-top:8px;font-variant-numeric:tabular-nums}#toast{position:absolute;top:32%;left:50%;transform:translate(-50%,-50%);font-size:12px;letter-spacing:2px;text-align:center;text-transform:uppercase;padding:15px 25px;background:#193338df;border:1px solid #e8bf7e66;color:#f3d49e;opacity:0;transition:opacity .16s;max-width:70%;pointer-events:none}#toast.visible{opacity:1}#damage-flash{position:absolute;inset:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 130px #b6534166;opacity:0;transition:opacity .12s}.modal-wrap{position:absolute;z-index:10;inset:0;background:rgba(9,25,29,.82);backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));overflow-y:auto}.modal{width:min(530px,100%);margin:auto;background:#1b3237;border:1px solid #aebcaa45;padding:30px;box-shadow:0 20px 90px #03141877}.modal h2{font-size:42px;letter-spacing:-1.8px;margin:13px 0 7px}.modal-sub{font-size:12px;color:#b9caba;margin:0 0 20px}.settings>label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid #aebcaa24;font-size:12px}.settings small{display:block;font-size:9px;color:#a1b9ad;margin-top:4px}.settings input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px;cursor:pointer}.settings select{font-size:11px;border:1px solid #aebcaa45;background:#233f42;padding:7px;color:#f1eacf}.control-help{margin-top:15px;border-top:1px solid #aebcaa24;padding-top:6px}.control-help p{font-size:10px;line-height:1.8;color:#aebfb5;margin:9px 0}.control-help b{font-size:8px;letter-spacing:1px;color:#e3cc9f;margin-right:6px}.build-info{font-size:8px;color:#86a598;margin:13px 0}.modal-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.modal-buttons .primary{flex:1;min-width:200px}.secondary{background:transparent;border:1px solid #aebcaa55;padding:12px 16px;font-size:10px;letter-spacing:1px}.secondary:hover{background:#304c4b}.modal-buttons .quiet{flex-basis:100%;margin-top:3px}.result-modal h2{font-style:italic;font-size:50px}.result-modal>p{font-size:13px;line-height:1.8;color:#c0d0bf}#result-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0;gap:12px}#result-stats b{display:block;font-size:26px;letter-spacing:-1px;color:var(--accent)}#result-stats span{font-size:8px;letter-spacing:1px;color:#b7caba}#touch-controls{display:none}
@media(max-height:760px) and (min-width:801px){.intro-copy{top:13%}h1{margin-top:13px;margin-bottom:18px}.numbers{font-size:142px}.reborn{font-size:62px}.subcopy{font-size:10px}.launch-panel{bottom:72px}.mode-card{padding:11px 15px}.mode-card strong{margin:5px 0;font-size:17px}.car-caption{top:39%}.intro-footer{bottom:22px}.launch-row{margin-top:12px}.tagline{font-size:20px}.intro-copy .eyebrow{font-size:8px}}
@media(max-width:800px){.screen{padding:20px;padding-top:max(18px,env(safe-area-inset-top))}.topline{gap:10px}.brand b{font-size:26px}.brand span{font-size:8px;letter-spacing:2px}.buildtag{font-size:7px;letter-spacing:.7px;gap:5px}.sound-toggle{font-size:8px}.intro-copy{left:22px;top:14%}h1{width:300px;margin-top:15px;margin-bottom:18px}.numbers{font-size:135px}.reborn{font-size:58px}.tagline{font-size:18px}.subcopy{font-size:10px}.launch-panel{left:22px;right:22px;bottom:68px}.mode-card{padding:11px}.mode-card span{font-size:7px;letter-spacing:.8px}.mode-card strong{font-size:15px}.mode-card small{font-size:8px}.launch-row{gap:12px}#drive{min-width:235px}.launch-row p{font-size:7px}.launch-row>.quiet{font-size:8px}.car-caption{right:4%;top:40%;max-width:260px}.car-caption strong{font-size:22px}.car-caption p{font-size:8px}.intro-footer{left:22px;right:22px;font-size:6px;letter-spacing:.8px}.mission{left:22px;top:86px;max-width:230px}.mission h2{font-size:21px}.mission p{font-size:10px}.mission .eyebrow{font-size:7px}.map-wrap{left:22px}.instrument{right:22px}.desktop-keys{gap:8px}.desktop-keys span{font-size:6px}}
body.touch .desktop-keys{display:none}body.touch #touch-controls{display:block}body.touch .map-wrap{width:126px;bottom:158px}body.touch .instrument{bottom:161px;width:139px}body.touch .speedline>strong{font-size:52px}body.touch .meter-label{font-size:6px}body.touch .health-label{margin-top:8px}.touch{background:#142d32ba;border:1px solid #b4ceb474;color:#edf1d9;min-width:62px;min-height:62px;touch-action:none;user-select:none;-webkit-user-select:none;font-size:10px;font-weight:700;letter-spacing:.6px;box-shadow:0 2px 12px #07202825;pointer-events:auto!important}.touch small{font-size:7px;font-weight:400;letter-spacing:.5px}.touch.held{background:#c9bf96;color:#102d33;border-color:#f0d6a2}.touch-left{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:max(22px,env(safe-area-inset-left));display:flex;gap:7px;align-items:end}.touch-right{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));right:max(22px,env(safe-area-inset-right));display:flex;gap:9px}.touch.round{font-size:40px;font-weight:400;width:68px;height:70px;border-radius:8px}.touch.drift{min-width:54px;min-height:46px;border-radius:6px;font-size:8px}.touch.boost{background:#a28b57aa;color:#fbe1ac;border-color:#d9bd86bb;border-radius:8px}.touch-right>.touch{border-radius:8px}.touch.transform{position:absolute;bottom:106px;left:max(22px,env(safe-area-inset-left));min-height:36px;min-width:204px;border-radius:4px;color:var(--accent);font-size:14px}.touch.transform>span{font-size:8px;letter-spacing:1.8px;margin-left:8px}.touch.pulse{position:absolute;bottom:107px;right:max(22px,env(safe-area-inset-right));min-height:36px;min-width:133px;font-size:9px;color:var(--mint);border-radius:4px}.touch.pulse small{display:block;font-size:6px;margin-top:3px}.touch.throttle{display:none;position:absolute;bottom:28px;left:50%;transform:translateX(-50%);border-radius:6px;min-width:45px;min-height:48px}.manual-touch .touch.throttle{display:block}
@media(max-width:600px) and (orientation:portrait){#intro{background:linear-gradient(90deg,#10262baa,transparent),linear-gradient(0deg,#10262bf7 5%,#10262b22 70%)}.topline .buildtag{display:none}.intro-copy{top:13%;left:22px}.intro-copy .eyebrow{font-size:7px;letter-spacing:1.5px}h1{margin:15px 0 15px}.numbers{font-size:108px}.reborn{font-size:47px;margin-top:7px}.tagline{font-size:16px}.subcopy{font-size:9px}.car-caption{top:38%;right:24px}.car-caption>span{font-size:7px}.car-caption strong{font-size:19px}.car-caption p,.car-caption>div{display:none}.launch-panel{bottom:74px}.mode-picker{grid-template-columns:1fr 1fr;gap:7px}.mode-card{padding:10px 11px}.mode-card strong{font-size:16px;margin:7px 0 5px}.mode-card small{font-size:8px}.section-label{font-size:7px;letter-spacing:1px;margin-bottom:9px}.section-label span{font-size:6px}.launch-row{margin-top:11px;gap:0;flex-wrap:wrap}#drive{width:100%;min-height:49px}.launch-row p{margin-top:10px;font-size:7px}.launch-row p span{font-size:8px}.launch-row>.quiet{font-size:7px;align-self:flex-end;margin-bottom:4px}.intro-footer{bottom:max(21px,env(safe-area-inset-bottom));font-size:6px;letter-spacing:.45px;line-height:1.6;gap:30px}.intro-footer>span:last-child{text-align:right}#hud .brand span{display:none}#drive-mode{padding:8px 10px;gap:7px}#drive-mode b{font-size:8px}#drive-mode span{font-size:6px;letter-spacing:.5px}.square{width:34px;height:32px}.hud-right{gap:7px}#heat{font-size:10px;letter-spacing:2px}.mission{top:86px;max-width:205px}.mission h2{font-size:20px}.mission p{font-size:9px;max-width:200px}#mission-progress{width:175px}.mission .eyebrow{font-size:6px;letter-spacing:1.3px}body.touch .map-wrap{right:20px;left:auto;top:87px;bottom:auto;width:92px;padding:5px}.map-wrap>div{font-size:5px;letter-spacing:.3px;gap:3px}body.touch .instrument{bottom:157px;width:121px;right:23px}.speedline>strong{font-size:52px}.instrument .meter-label{font-size:6px}#toast{top:42%;padding:13px 16px;font-size:10px;width:76%;max-width:76%;line-height:1.6}.touch-left{left:17px;gap:6px}.touch.round{min-width:53px;width:53px;min-height:65px;height:65px}.touch.drift{min-width:43px;font-size:7px}.touch-right{right:17px;gap:6px}.touch-right>.touch{min-width:55px;min-height:62px}.touch.transform{left:17px;min-width:162px}.touch.pulse{right:17px;min-width:116px}.modal{padding:23px}.modal h2{font-size:34px}.control-help p{font-size:9px}.modal-buttons .primary{font-size:10px;min-width:175px}.modal-buttons .secondary{font-size:8px}.settings>label{font-size:11px;padding:10px 0}}
@media(max-height:540px) and (orientation:landscape){.screen{padding-top:max(13px,env(safe-area-inset-top));padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}.topline .buildtag{font-size:6px}.brand b{font-size:23px}.brand span{font-size:7px}.intro-copy{top:21%;left:max(22px,env(safe-area-inset-left))}.intro-copy .eyebrow{font-size:6px}.intro-copy h1{margin:11px 0 12px;width:225px}.numbers{font-size:98px}.reborn{font-size:41px;margin-top:5px}.tagline{font-size:14px}.subcopy{display:none}.launch-panel{bottom:49px;left:44%;right:max(22px,env(safe-area-inset-right))}.section-label{font-size:6px;margin-bottom:8px}.section-label span{font-size:5px}.mode-picker{grid-template-columns:1fr 1fr;gap:6px}.mode-card{padding:8px 10px}.mode-card>span{font-size:6px}.mode-card strong{font-size:13px;margin:4px 0}.mode-card small{display:none}.launch-row{margin-top:8px;gap:10px}.launch-row p{display:none}#drive{min-width:0;flex:1;min-height:40px;font-size:9px;padding:9px 12px}.launch-row>.quiet{font-size:6px;max-width:90px}.car-caption{top:20%;right:25px}.car-caption>span{font-size:6px}.car-caption strong{font-size:18px;margin-top:3px}.car-caption strong i{font-size:12px}.car-caption p,.car-caption>div{display:none}.intro-footer{bottom:max(13px,env(safe-area-inset-bottom));padding-top:8px;font-size:5px}.mission{top:67px;left:max(22px,env(safe-area-inset-left))}.mission h2{font-size:18px;margin:6px 0}.mission p{font-size:8px;max-width:235px}.mission .eyebrow{font-size:6px}#mission-progress{margin-top:7px;width:170px}body.touch .map-wrap{width:95px;bottom:158px;left:22px;display:none}body.touch .instrument{bottom:157px;width:111px;right:24px}.speedline>strong{font-size:46px}.meter-label{font-size:5px}#drive-mode{padding:7px 10px}#drive-mode b{font-size:8px}#drive-mode span{font-size:6px}.hud-right #heat{font-size:13px}.square{height:32px;width:35px}#toast{top:53%;font-size:9px}.modal-wrap{align-items:flex-start}.modal{margin:0 auto}.modal h2{font-size:31px}.settings>label{padding:8px 0}.control-help p{font-size:9px}#result-stats{margin:15px 0}.result-modal{margin:auto}.touch-left{bottom:max(18px,env(safe-area-inset-bottom))}.touch-right{bottom:max(18px,env(safe-area-inset-bottom))}.touch.transform,.touch.pulse{bottom:97px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Build 002 — charcoal, silver and electric blue. The world behind this UI is rendered live. */
:root{--accent:#a5d9fa;--mint:#6dd9f1}body{background:#080e17;color:#eef3f8}.vignette{background:radial-gradient(ellipse at 58% 42%,transparent 28%,#03070c66 100%)}
#intro{background:linear-gradient(90deg,#070e19c9 0%,#080e1744 34%,transparent 65%),linear-gradient(0deg,#060e17ef 0%,transparent 40%)}
.tagline,.numbers,.reborn{color:#f0f5fa}.eyebrow{color:#b4d6ed}.primary{background:linear-gradient(115deg,#c2e6fd,#75b9e6);border-color:#b4dffa;color:#101e2a}.primary:hover{background:#def1fd}.mode-card{background:#101c29ba;border-color:#7892ac40}.mode-card.selected{background:#a8d3f1;color:#111e2b}.mode-card:not(.selected):hover{background:#1b3145e0}.modal{background:#101e2b;border-color:#748ba150}.settings select{background:#162b3c}.map-wrap{border-radius:50%;overflow:hidden;background:#0b1723b0;border-color:#9bbad280}.map-wrap>div{display:none}.map-wrap canvas{border-radius:50%}.meter{background:#142c3b}.instrument{background:linear-gradient(90deg,transparent,#0713208a);padding:12px;border-right:1px solid #80b4d560}.buildtag i{background:#7bcbed}.touch{background:#08182dc2;border-color:#8faecb72}.touch.boost{background:#225b87a8;color:#dcefff;border-color:#a4d5f3}.touch.held{background:#9fcdee;color:#071a29}.touch.transform{color:#b4e1ff}.mission{filter:drop-shadow(0 2px 6px #06111d)}
#inspect-car{white-space:nowrap}#inspection{pointer-events:none}#inspection button{pointer-events:auto;cursor:pointer}body[data-state=inspect] #world{cursor:grab;touch-action:none}body[data-state=inspect] #world:active{cursor:grabbing}body[data-state=inspect] .vignette{opacity:.45}.inspection-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.inspection-bottom{position:absolute;bottom:max(34px,env(safe-area-inset-bottom));left:max(35px,env(safe-area-inset-left));right:max(35px,env(safe-area-inset-right));display:flex;justify-content:space-between;gap:16px;align-items:end;text-shadow:0 2px 12px #01060e}.inspection-bottom h2{font-size:32px;margin:9px 0;letter-spacing:-1px}.inspection-bottom p{font-size:11px;color:#b7cde0}.inspection-buttons{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.inspection-buttons button{background:#0b1c30d9;border:1px solid #8cbed888;padding:13px;font-size:10px;letter-spacing:1px;color:#d8edff;min-width:45px;min-height:44px}.inspection-buttons button.selected,.inspection-buttons button:hover{background:#a3d7f5;color:#102233}
@media(max-width:650px){.inspection-bottom{left:18px;right:18px;bottom:max(20px,env(safe-area-inset-bottom));display:block}.inspection-bottom h2{font-size:25px}.inspection-buttons{justify-content:flex-start;margin-top:17px;gap:5px}.inspection-buttons button{padding:10px;font-size:8px}#inspect-close{padding:10px;font-size:8px}.launch-row #inspect-car{margin-top:12px;max-width:none;font-size:7px}.launch-row #intro-help{margin-left:auto}}
@media(max-height:540px) and (orientation:landscape){.inspection-bottom h2{font-size:24px}.inspection-bottom{bottom:18px}.inspection-bottom p{font-size:9px}.inspection-buttons button{padding:9px;font-size:8px}.launch-row #inspect-car{max-width:77px;white-space:normal;font-size:6px}.launch-row #intro-help{max-width:66px}.car-caption{display:none}}
@media(min-width:801px){.car-caption{top:22%}}
@media(max-height:700px) and (min-width:801px){.subcopy{display:none}.car-caption{top:20%}.car-caption p{display:none}.intro-copy{top:12%}.launch-panel{bottom:72px}}
/* Build 003 — the car is the subject, and the narrative lives in the drive. */
.tagline{font-size:clamp(16px,1.9vw,25px);max-width:430px;line-height:1.45}.tagline span{display:block;color:#b4cfdf}.tagline b{font-weight:750;letter-spacing:2px}.section-label{align-items:center;gap:12px;display:flex}.section-label #story-open{margin-left:auto;color:#b7d9ef;border:1px solid #6f8c9f70;padding:9px 12px;background:#0b1824bb;font-size:9px;letter-spacing:1.1px}.section-label #best-menu{display:none}.launch-panel .mode-card{backdrop-filter:blur(6px)}
body[data-state=inspect] #weather-fx,body[data-state=menu] #weather-fx,body[data-state=story] #weather-fx{display:none}.inspection-bottom{background:linear-gradient(0deg,#050b14dc,transparent);padding-top:34px;left:0;right:0;padding-left:max(35px,env(safe-area-inset-left));padding-right:max(35px,env(safe-area-inset-right));}.inspection-bottom h2{font-size:28px}.inspection-buttons{max-width:365px}.view-picker{display:flex;gap:6px;margin:12px 0}.view-picker button{background:#0b1824c9;border:1px solid #68859680;color:#b9cddd;font-size:9px;letter-spacing:.8px;padding:9px 12px;min-height:38px}.view-picker button.selected{color:#e6f3fc;border-color:#b1d7ed;background:#304658aa}.orbit-hint{opacity:.7}
#chapter-kicker{font-size:9px;letter-spacing:1.2px;color:#b9d6e8;margin-top:10px}#radio{position:absolute;left:50%;bottom:105px;transform:translateX(-50%);width:min(460px,43vw);padding:14px 18px;background:linear-gradient(90deg,#0a1520de,#101c27c7);border-left:2px solid #85b9d4;pointer-events:none;box-shadow:0 5px 30px #0004}#radio-speaker{font-size:8px;letter-spacing:2px;color:#9fc8df}#radio p{font-size:14px;line-height:1.45;margin:8px 0 0;color:#e1ebf4}.story-modal{width:min(660px,92vw);max-height:90dvh;overflow:auto}.story-modal h2{font-size:38px;margin-bottom:16px}.story-modal #story-brief{font-size:16px;line-height:1.7;color:#c1cfda}.chapter-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:24px 0}.chapter-rail button{display:flex;flex-direction:column;align-items:flex-start;gap:7px;background:#0b1721;border:1px solid #42607377;padding:14px;color:#b9cad6;min-width:0}.chapter-rail button b{font-size:20px}.chapter-rail button span,.chapter-rail button small{font-size:8px;letter-spacing:1.1px}.chapter-rail button.selected{border-color:#b0d4e8;background:#233b4e}.chapter-rail button:disabled{opacity:.43;cursor:not-allowed}.story-task{border-left:2px solid #709eb8;padding:2px 0 2px 17px;margin:23px 0}.story-task>span{font-size:9px;letter-spacing:1.8px;color:#b2d4e7}.story-task p{font-size:13px;line-height:1.7;margin:8px 0}.story-echo{font-size:16px!important;color:#a1c6dd!important;line-height:1.5;font-style:italic}.result-modal .modal-buttons{flex-wrap:wrap}#result-next{width:100%}.modal-wrap{backdrop-filter:blur(9px)}
@media(max-width:650px){.tagline{font-size:17px;line-height:1.35}.tagline span{display:inline}.tagline b{letter-spacing:1px}.section-label{font-size:8px;margin-bottom:9px}.section-label #story-open{font-size:7px;padding:10px 9px}.inspection-bottom{padding-left:18px;padding-right:18px;padding-top:23px}.inspection-bottom h2{font-size:23px}.inspection-buttons{max-width:none;margin-top:6px}.view-picker{margin:9px 0}.view-picker button{padding:9px;font-size:8px;min-height:36px}.orbit-hint{display:none}.inspection-buttons button{font-size:8px;min-height:40px}.story-modal{padding:24px 20px}.story-modal h2{font-size:29px}.story-modal #story-brief{font-size:14px;line-height:1.6}.chapter-rail{gap:5px;margin:20px 0}.chapter-rail button{padding:10px 8px}.chapter-rail button span,.chapter-rail button small{font-size:6px}.chapter-rail button b{font-size:18px}.story-task{margin:18px 0}#radio{bottom:auto;top:197px;left:18px;right:18px;width:auto;transform:none;padding:10px 13px}#radio p{font-size:12px;line-height:1.45}#radio-speaker{font-size:7px}.story-echo{font-size:14px!important}}
@media(max-height:540px) and (orientation:landscape){.tagline{font-size:14px}.tagline span{display:inline}.tagline b{font-size:13px}.section-label #story-open{padding:6px 9px;font-size:7px}.inspection-bottom{padding-top:12px;padding-bottom:0;display:flex;align-items:end;gap:25px}.inspection-bottom h2{font-size:20px}.inspection-bottom p{display:none}.inspection-buttons{max-width:380px;gap:5px}.inspection-buttons button{min-height:35px;font-size:8px;padding:9px}.view-picker{margin:8px 0}.view-picker button{min-height:31px;padding:7px;font-size:7px}.story-modal{max-height:94dvh}#radio{top:95px;bottom:auto;left:50%;right:auto;width:38vw;transform:translateX(-50%);padding:8px 12px}#radio p{font-size:10px;margin-top:5px}#radio-speaker{font-size:7px}#chapter-kicker{font-size:8px;margin:6px 0}.story-modal h2{font-size:27px}}

/* Build 004: detail cameras stay reachable at both phone orientations. */
.view-picker{flex-wrap:wrap;max-width:445px}.view-picker button{min-height:40px}
@media(max-width:650px){.view-picker{gap:4px;max-width:100%}.view-picker button{font-size:7px;padding:8px;min-height:38px}.inspection-bottom h2{font-size:22px}}
@media(max-height:540px) and (orientation:landscape){.view-picker{max-width:350px;gap:4px}.view-picker button{padding:7px;font-size:7px;min-height:33px}.inspection-bottom{gap:12px}.inspection-bottom h2{font-size:19px}}
/* Buttercup's notice is a real, dismissible opening screen and repeatable credits. */
#buttercup-dedication{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:radial-gradient(ellipse at top,#283332 0,#080e12 75%);overflow:auto;color:#eee7db;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
#buttercup-dedication[hidden]{display:none!important}.buttercup-card{width:min(620px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:clamp(22px,5vw,47px);border:1px solid #4e5548;background:#0e171be8;text-align:center;box-shadow:0 25px 90px #0006;border-radius:6px}.buttercup-eyebrow{font-size:10px;letter-spacing:.19em;color:#acb7b5;line-height:1.6;margin:0 0 25px}.buttercup-card h2{font-family:Georgia,serif;font-size:clamp(36px,6vw,58px);font-weight:400;letter-spacing:-.045em;line-height:1.2;margin:0 0 24px}#buttercup-credit{font-family:Georgia,serif;font-size:clamp(21px,3vw,29px);color:#dfbf84;line-height:1.5;margin:0 0 24px}.buttercup-motto{font-size:13px;line-height:1.6;color:#e0e3d9}.buttercup-legal{font-size:11px;color:#a9b6b6;line-height:1.8;margin:20px 0 26px}.buttercup-card a{color:#dfbf84;text-decoration:underline;text-underline-offset:3px}#buttercup-continue{background:#dfbf84;color:#11191c;border:1px solid #dfbf84;width:100%;padding:15px 20px;font-size:13px;justify-content:center;font-weight:700;min-height:50px;letter-spacing:.06em}.buttercup-card :focus-visible{outline:3px solid #eee7db;outline-offset:4px}.buttercup-credits{margin-top:23px;text-align:left;font-size:12px;line-height:1.7;color:#aebdbc}.buttercup-credits>summary{text-align:center;color:#d7ded5;cursor:pointer;padding:8px}.buttercup-credits>div{padding-top:15px}.buttercup-credits p{margin:0 0 15px}.buttercup-credits pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.65 ui-monospace,monospace;max-height:280px;overflow:auto;padding:12px;background:#081015}#pause-credits{margin-bottom:16px}#memorial-credits-open{font-size:9px;padding:0;text-align:left}
@media(max-height:480px){.buttercup-card{padding:20px 26px}.buttercup-eyebrow{margin-bottom:10px}.buttercup-card h2{font-size:32px;margin-bottom:12px}#buttercup-credit{font-size:20px;margin-bottom:12px}.buttercup-legal{margin:10px 0 13px}.buttercup-credits{margin-top:12px}}