/* Journey pages share one live vehicle stage. */
.brand{top:32px}.brand h1{font-size:48px}#lobbyPanel{width:min(470px,43vw);padding:22px}#steps{display:flex;gap:4px;padding-bottom:20px;border-bottom:1px solid #ffffff18;margin-bottom:22px;flex-shrink:0}#steps button{flex:1;border:0;border-radius:7px;padding:10px 2px;background:transparent;color:#9facb4;font-size:10px}#steps button.active{background:#ddf68f;color:#1a2527}h2{font-size:32px;letter-spacing:-1px;line-height:1.15;margin:15px 0}.intro{font-size:12px;color:#aabbc5;line-height:1.8}.selectionCard{padding:20px;background:#ffffff06;border:1px solid #ffffff1a;border-radius:12px;margin:22px 0}.selectionCard h3{font-size:24px;margin:10px 0}.selectionCard p{font-size:12px;line-height:1.7;color:#aabbc5}.menuAction{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:62px;background:#ffffff04;border:1px solid #ffffff20;border-radius:10px;padding:14px;margin:10px 0;text-align:left;color:#ddf68f;font-size:12px}.menuAction strong{color:#f3f4ed;margin-left:14px;font-size:15px}.menuAction:hover{background:#ddf68f15;border-color:#ddf68f}.pageActions{display:flex;gap:10px;padding-top:15px;flex-shrink:0}.pageActions button{margin:0;min-height:50px}.pageActions .secondary{width:95px;flex-shrink:0}.pageActions .primary{flex:1}.carouselHeading{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:center}.carouselHeading h2{font-size:24px}.carouselHeading h3{font-size:16px;margin:10px 0 4px}.carouselHeading p{font-size:10px;color:#aabbc5;margin:5px 0}.carouselHeading>button,.previewTools button{background:#ffffff08;border:1px solid #ffffff2b;border-radius:9px;min-width:40px;height:40px;font-size:16px}.carouselHeading>button:hover,.previewTools button:hover{border-color:#ddf68f;background:#ddf68f15}#carChoices{grid-template-columns:repeat(2,1fr)}#carChoices .pick{min-height:58px;font-size:12px;text-align:left;padding:10px}#carChoices small{display:block;font-size:8px;letter-spacing:2px;opacity:.65;margin-bottom:6px}.previewTools{pointer-events:auto;display:flex;gap:7px}.previewTools button{background:#15252ee6}.previewTools #expandPreview{font-size:11px;padding:0 14px}#vehicleCaption{bottom:32px;left:36px;width:48%}#vehicleCaption h2{font-size:30px}.modeRow{grid-template-columns:1fr;margin-top:28px}.modeRow .pick{display:block;text-align:left;padding:22px 16px}.modeRow strong{display:block;font-size:16px;margin-bottom:9px}.modeRow small{font-size:11px}.weatherCard{background:#ffffff06;padding:12px 8px;border:1px solid #ffffff1a;border-radius:12px}.weatherCard strong{font-size:15px}.weatherCard p{line-height:1.6}.mapPreview{position:relative;overflow:hidden;border-radius:12px;background:linear-gradient(#77a9bd,#e5d8b7);margin:20px 0 8px;border:1px solid #ffffff20}.mapPreview svg{width:100%;display:block}.mapSun{fill:#fff0b1}.mapHills{fill:#7c967c}.mapGround{fill:#7c995f}.mapCity,.mapTrees,.mapRain,.mapSnow{display:none}#mapBadge,#weatherMapBadge{position:absolute;bottom:10px;left:10px;font-size:9px;letter-spacing:1px;padding:7px 10px;border-radius:5px;background:#13242edb;text-transform:uppercase}.mapPreview[data-road=desert] .mapGround{fill:#c0a270}.mapPreview[data-road=desert] .mapHills{fill:#b89b7d}.mapPreview[data-road=canyon] .mapHills{fill:#af674f}.mapPreview[data-road=canyon] .mapGround{fill:#c28e6d}.mapPreview[data-road=forest] .mapTrees,.mapPreview[data-road=suburbs] .mapTrees{display:block}.mapPreview[data-road=forest] .mapGround{fill:#426a53}.mapPreview[data-road=city] .mapCity,.mapPreview[data-road=suburbs] .mapCity{display:block}.mapPreview[data-road=mountains] .mapHills{fill:#acb7b6;transform:translateY(-12px)}.mapPreview[data-weather=rain]{background:linear-gradient(#364e61,#899ca4)}.mapPreview[data-weather=rain] .mapRain{display:block}.mapPreview[data-weather=rain] .mapSun{display:none}.mapPreview[data-weather=snow]{background:linear-gradient(#92aab9,#e3edf0)}.mapPreview[data-weather=snow] .mapGround,.mapPreview[data-weather=snow] .mapHills{fill:#d3dfdd}.mapPreview[data-weather=snow] .mapSnow{display:block}.mapPreview[data-weather=night]{background:linear-gradient(#091526,#233c56)}.mapPreview[data-weather=night] .mapSun{fill:#e1e8ea}.mapPreview[data-weather=night] .mapGround{fill:#263e37}.mapPreview[data-weather=night] .mapHills{fill:#1b2e37}#journeySummary p{display:flex;justify-content:space-between;gap:20px;padding:12px 0;margin:0;border-bottom:1px solid #ffffff15}#journeySummary strong{color:#ddf68f;text-align:right}.settingRow{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #ffffff15;font-size:13px}.settingRow select{max-width:65%;background:#243740;color:#f3f4ed;padding:10px;border:1px solid #ffffff30;border-radius:6px}.settingRow input{width:20px;height:20px;accent-color:#ddf68f}#settingsOverlay{z-index:50}.resultPanel{max-height:94vh;overflow:auto}.previewExpanded #lobbyPanel,.previewExpanded .brand{display:none}.previewExpanded #vehicleCaption{left:20px;bottom:20px;width:auto;padding:16px;background:#13232dde;border:1px solid #ffffff22;border-radius:14px}.previewExpanded #vehicleCaption>p,.previewExpanded #vehicleCaption>.eyebrow{display:none}.previewExpanded #vehicleCaption h2{margin:0 0 12px}.previewExpanded #vehicleCaption .previewHeading{justify-content:space-between}
@media(max-width:760px){.brand{top:15px;left:18px}.brand h1{font-size:28px}.brand .eyebrow{display:block;font-size:7px}#lobbyPanel{top:42%;left:10px;right:10px;bottom:10px;width:auto;padding:14px}#steps{padding-bottom:10px;margin-bottom:13px}#steps button{font-size:9px;padding:8px 2px}#vehicleCaption{top:auto;bottom:59%;left:18px;width:calc(100% - 36px)}#vehicleCaption h2{font-size:19px;margin:6px 0}#vehicleCaption .orbitHelp{display:none}.previewHeading{justify-content:space-between}.previewTools{gap:5px}.previewTools button{height:32px;min-width:34px}.previewTools #expandPreview{font-size:10px}h2{font-size:27px}.selectionCard{margin:14px 0;padding:14px}.selectionCard h3{font-size:21px}.menuAction{min-height:50px;margin:8px 0}.pageActions{padding-top:10px}.pageActions button{min-height:44px}.modeRow{grid-template-columns:1fr;margin-top:16px}.modeRow .pick{padding:16px}.modeRow strong{font-size:14px}.mapPreview{margin-top:12px}.previewExpanded #vehicleCaption{top:auto;bottom:18px;left:12px;width:calc(100% - 24px)}.previewExpanded #vehicleCaption h2{font-size:20px}.weatherCard strong{font-size:13px}}
@media(max-height:500px) and (min-width:761px){.brand h1{font-size:30px}.brand p{display:none}#lobbyPanel{padding:14px;top:10px;bottom:10px}#steps{margin-bottom:10px;padding-bottom:10px}#vehicleCaption{bottom:15px}#vehicleCaption h2{font-size:23px}#vehicleCaption>p{display:none}}

/* Road Club interface: calm surfaces, clear selections and a dedicated vehicle stage. */
:root{--accent:#d7fa79;--ink:#10191c;--muted:#9eafb6;--line:#ffffff18;--stage-height:42vh}body{font-family:'Segoe UI',Arial,sans-serif}.stageVignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 32% 42%,transparent 15%,#07111555 90%),linear-gradient(0deg,#081419b0,transparent 28%);z-index:0}body:has(#hud:not([hidden])) .stageVignette{display:none}.glass{background:#101d23ef;border-color:var(--line);box-shadow:0 22px 65px #0003}.brand{left:36px;top:28px}.brand h1{font-size:44px;letter-spacing:-2.5px}.brand h1 span{color:var(--accent)}.brand p{font-size:12px}.brand .eyebrow{font-size:9px;letter-spacing:3px}.clubStatus{display:inline-flex;gap:7px;align-items:center;color:#bac8cb;font-size:8px;letter-spacing:1.4px;border:1px solid var(--line);border-radius:20px;padding:7px 10px;background:#0c192a55}.clubStatus i{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px #d7fa7955}#lobbyPanel{top:20px;bottom:20px;right:20px;width:min(520px,44vw);padding:22px;border-radius:22px;background:linear-gradient(155deg,#1d2d33f7,#101c23f7)}.panelTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:8px;flex-shrink:0}.panelTop .eyebrow{font-size:9px;letter-spacing:1.7px;color:#c5d1d1}.sessionBadge{font-size:8px;font-weight:600;color:var(--accent);letter-spacing:1px}#steps{gap:3px;margin-bottom:18px;padding-bottom:16px;border-color:var(--line)}#steps button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:55px;padding:6px 2px;border:1px solid transparent;border-radius:10px;font-size:10px;color:#a5b5bb;background:transparent}#steps .stepNumber{font-size:10px;font-weight:700;opacity:.55}#steps button.active{background:#d7fa7913;color:var(--accent);border-color:#d7fa7955}#steps button.active .stepNumber{opacity:1}#steps button.complete .stepNumber{color:var(--accent);opacity:1}#steps button:hover{background:#ffffff0c;color:white}h2{font-size:30px;letter-spacing:-1.2px;margin:14px 0;line-height:1.15}[data-screen=home]>h2{font-size:clamp(32px,3vw,46px);letter-spacing:-1.5px;font-weight:800;line-height:1.05;margin:16px 0}[data-screen=home] em{font-style:normal;color:var(--accent)}.intro{font-size:12px;color:#b5c3c8;line-height:1.8}.eyebrow{color:#9fbbb8}.formOptions{padding:2px 5px 4px 2px;scrollbar-color:#536867 transparent;scrollbar-width:thin;overscroll-behavior:contain;scroll-behavior:smooth}.formOptions [data-screen]:not([hidden]){animation:pageEnter .2s ease-out}@keyframes pageEnter{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.selectionCard{border:1px solid #d7fa7924;background:linear-gradient(115deg,#d7fa790b,#ffffff02);padding:18px;border-radius:13px;margin:20px 0}.selectionCard h3{font-size:25px;margin:8px 0}.selectionCard p{font-size:11px;line-height:1.8;margin:4px 0}.textButton{border:0;background:none;color:var(--accent);font-size:11px;min-height:36px;padding:7px 0;text-align:left;font-weight:600}.menuAction{background:#ffffff03;min-height:57px;padding:13px 15px;margin:8px 0;border-color:var(--line);border-radius:11px;transition:background .15s,transform .15s,border-color .15s}.menuAction strong{font-size:13px;margin-left:12px}.menuAction:hover{transform:translateX(2px);background:#d7fa790a}.menuAction:active{transform:scale(.985)}.clubNumbers{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:24px 0 6px;text-align:center}.clubNumbers span{font-size:7px;letter-spacing:1.3px;color:#91a7ab}.clubNumbers b{display:block;font-size:19px;letter-spacing:0;color:#d1ddde;font-weight:500;margin-bottom:5px}.nextHint{font-size:9px;letter-spacing:.5px;color:#a0b4b9;padding-top:14px;min-height:27px;flex-shrink:0}.pageActions{padding-top:8px;gap:8px}.pageActions button{border-radius:11px;min-height:52px;font-size:12px}.primary{background:var(--accent);color:var(--ink);box-shadow:0 5px 18px #b6e9580c;transition:background .15s,transform .15s}.primary:hover{background:#e5ffac;transform:translateY(-1px)}button:active{transform:translateY(1px)}.secondary{border-color:#ffffff26;color:#c7d5d6}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.previewHeading h2{font-size:32px!important;font-weight:650}#vehicleCaption{left:36px;bottom:28px;width:calc(54% - 60px)}#vehicleCaption>.eyebrow{font-size:8px;letter-spacing:2px}#vehicleCaption #carSpec{font-size:11px;line-height:1.5;color:#acbdc2;max-width:440px}.previewTools{gap:6px;margin-top:14px;align-items:center}.previewTools button{height:40px;min-width:40px;background:#13242bdd;border:1px solid #ffffff25;border-radius:10px;font-size:16px}#autoRotate{font-size:8px;letter-spacing:1px;font-weight:700}#autoRotate[aria-pressed=true]{color:var(--accent);border-color:#d7fa7955}.previewTools #expandPreview{font-size:10px;padding:0 12px}#garageReset{min-height:34px;font-size:9px;border-color:var(--line)}.carouselHeading{gap:8px}.carouselHeading h2{font-size:25px;margin:10px 0}.carouselHeading>button{min-width:44px;min-height:44px;border-color:#ffffff25;background:#ffffff05;border-radius:10px}.carouselHeading h3{font-size:18px}#vehicleCount{font-size:10px;color:#a8bfc2;margin:10px 0 15px}.pick{border-radius:10px;border-color:#ffffff1d;color:#c1d0d4;background:#ffffff03}.pick.active{background:#d7fa7914;color:var(--accent);border-color:#d7fa7980}.pick:hover{background:#ffffff08}.pick.active:hover{background:#d7fa791c}#carChoices{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#carChoices .pick{position:relative;min-height:68px;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:10px;padding:8px 10px;font-size:11px;text-align:left}#carChoices .pick small{font-size:7px;letter-spacing:1.4px;margin:0 0 4px}#carChoices .pick.active:after{content:'\2713';position:absolute;right:6px;top:5px;font-size:9px}.vehicleArt{width:52px;height:34px;color:#a0b4b9}.active .vehicleArt{color:var(--accent)}.vehicleStats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin:20px 0 8px;padding:14px 0;gap:8px}.vehicleStats small{font-size:7px;letter-spacing:1px;color:#90a6ad;display:block}.vehicleStats strong{font-size:12px;font-weight:600;display:block;margin-top:6px;color:#dce6e4}.paintHeading h3{font-size:12px;font-weight:600}.colors{gap:12px;padding:5px 3px}.swatch{width:32px;height:32px}.customPaint input{width:32px;height:32px}.customPaint{font-size:10px}.compactHelp{font-size:10px;margin-top:18px}.mapPreview{border-radius:13px;border-color:#ffffff24;margin-top:18px;box-shadow:0 9px 24px #0002}.mapPreview svg{aspect-ratio:480/230}#mapBadge,#weatherMapBadge{font-size:8px;letter-spacing:1.5px;backdrop-filter:blur(6px);border:1px solid #ffffff20}.choiceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:17px 0 5px}.choiceGrid button{min-height:44px;text-align:left;padding:10px 12px;font-size:11px}.choiceGrid .active:before{content:'\2022';margin-right:6px;color:var(--accent)}.weatherChoices button{min-height:62px;display:flex;align-items:center;gap:10px}.weatherChoices .active:before{display:none}.weatherIcon{font-size:24px;line-height:1}.weatherChoices strong{font-size:11px;display:block}.weatherChoices small{font-size:8px;display:block;color:#96aeb7;margin-top:3px}.weatherCard{padding:8px;background:#ffffff03;border-color:var(--line)}.weatherCard strong{font-size:17px}.weatherCard p{font-size:10px;line-height:1.7}.modeRow{gap:10px;margin-top:20px}.modeRow .pick{position:relative;padding:20px 18px 20px 64px;min-height:91px}.modeRow .pick:before{position:absolute;left:17px;top:26px;font-size:25px;color:#9bb7b5}.modeRow [data-mode=free]:before{content:'\221e'}.modeRow [data-mode=race]:before{content:'\2691'}.modeRow [data-mode=roam]:before{content:'\2316'}.modeRow .pick.active:before{color:var(--accent)}.modeRow strong{font-size:16px;margin-bottom:7px}.modeRow small{font-size:11px;line-height:1.5}.readyBanner{display:flex;align-items:center;gap:13px;padding:17px 0 5px}.readyIcon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d7fa7955;background:#d7fa790c;border-radius:50%;color:var(--accent);font-size:17px}.readyBanner strong{font-size:10px;letter-spacing:1px;color:var(--accent)}.readyBanner small{display:block;font-size:10px;color:var(--muted);margin-top:4px}#journeySummary{padding:6px 15px}#journeySummary p{align-items:center;padding:12px 0;border-color:var(--line);font-size:10px;gap:8px}#journeySummary p:last-child{border:0}#journeySummary strong{font-size:12px;color:#e3ebea;flex:1}.summaryEdit{border:0;background:#ffffff08;color:#adbec4;border-radius:5px;min-height:32px;padding:5px 8px;font-size:9px}.overlay{background:#060e18ba;backdrop-filter:blur(10px)}.resultPanel{border-radius:22px;padding:28px;background:linear-gradient(140deg,#203239f5,#101b22fa);max-height:calc(100dvh - 32px);scrollbar-width:thin}.resultPanel h2{font-size:30px;letter-spacing:-1px}.resultPanel .primary{justify-content:center;min-height:50px}.resultPanel .secondary{min-height:46px}.pauseGlyph{font-size:22px;color:var(--accent);margin-top:22px}.pauseSummary{font-size:11px!important;padding:13px 15px;background:#ffffff04;border:1px solid var(--line);border-radius:9px}.settingsSection{font-size:8px;color:var(--accent);letter-spacing:1.7px;margin:25px 0 5px}.settingRow{font-size:12px;padding:13px 0}.settingRow select{font:inherit;min-height:42px;background:#13252c;border-color:#ffffff26}.settingRow input{width:24px;height:24px}.controlsGuide{margin-top:22px;padding:15px;background:#ffffff04;border-radius:10px}.controlsGuide p{font-size:10px;line-height:1.8;margin:8px 0 0}kbd{font:9px 'Segoe UI',sans-serif;padding:3px 5px;margin-right:4px;background:#ffffff09;border:1px solid #ffffff20;border-radius:4px;color:#d5dfdf}#lobbyBtn{color:var(--accent);border-color:#d7fa7955}#speedBox,#raceBox{border-radius:13px}#topBar button{min-height:40px}#status{border-radius:9px}#loading{font-size:13px;letter-spacing:1px}.previewExpanded .stageVignette{background:radial-gradient(ellipse,transparent,#06101888)}.previewExpanded #vehicleCaption{width:auto;max-width:calc(100vw - 32px);background:#102129ed;padding:16px;border-radius:16px}.previewExpanded .previewTools{display:flex!important}
@media(max-width:760px){:root{--stage-height:42vh}.brand{top:12px;left:16px}.brand h1{font-size:26px;letter-spacing:-1.5px;margin:4px 0}.brand .eyebrow{font-size:6px;letter-spacing:2px}.brand .clubStatus{display:none}#lobbyPanel{top:var(--stage-height);bottom:max(8px,env(safe-area-inset-bottom));left:8px;right:8px;width:auto;padding:14px;border-radius:20px}.panelTop{margin-bottom:10px}.panelTop .eyebrow{font-size:8px}.sessionBadge{font-size:7px}#steps{padding-bottom:11px;margin-bottom:14px;gap:2px}#steps button{font-size:9px;min-height:48px;gap:4px;padding:5px 1px;border-radius:8px}#steps .stepNumber{font-size:9px}#vehicleCaption{left:16px;width:calc(100% - 32px);bottom:calc(100% - var(--stage-height) + 10px);top:auto}#vehicleCaption .previewHeading h2{font-size:19px!important;margin:4px 0}.previewTools{gap:5px;margin-top:8px}.previewTools button{min-width:38px;height:38px;border-radius:9px}.previewTools #expandPreview{padding:0 9px;font-size:9px}#autoRotate{font-size:7px}#garageReset{min-height:32px}.previewHeading{gap:5px}#vehicleCaption #carSpec{display:none}.formOptions{padding:1px 4px 2px 1px}[data-screen=home]>h2{font-size:33px;margin:12px 0}.intro{font-size:11px}.selectionCard{padding:14px;margin:16px 0}.selectionCard h3{font-size:23px}.clubNumbers{margin:20px 0 5px}.nextHint{font-size:8px;padding-top:9px;min-height:20px}.pageActions{padding-top:6px}.pageActions button{min-height:46px;font-size:11px}.pageActions .secondary{width:78px}.vehicleStats{margin:15px 0 5px;padding:12px 0}#carChoices .pick{grid-template-columns:44px 1fr;gap:6px;padding:8px;min-height:65px;font-size:10px}.vehicleArt{width:44px}.vehicleStats strong{font-size:11px}.vehicleStats small{font-size:6px}.colors{gap:10px}.swatch{width:32px;height:32px}.carouselHeading h2{font-size:23px}.carouselHeading h3{font-size:16px}.mapPreview{margin-top:14px}.weatherCard strong{font-size:14px}.choiceGrid{gap:6px}.choiceGrid button{font-size:10px;padding:9px}.weatherChoices button{min-height:57px;gap:8px}.weatherIcon{font-size:23px}.weatherChoices strong{font-size:10px}.weatherChoices small{font-size:7px}.modeRow .pick{min-height:88px;padding:18px 14px 18px 57px}.modeRow .pick:before{left:15px}.modeRow strong{font-size:15px}.modeRow small{font-size:10px}.resultPanel{padding:22px}.previewExpanded #vehicleCaption{bottom:12px;width:calc(100% - 24px);left:12px;top:auto}.previewExpanded #vehicleCaption .previewHeading h2{font-size:20px!important}body[data-page=maps],body[data-page=weather],body[data-page=mode],body[data-page=ready]{--stage-height:28vh}body[data-page=maps] #vehicleCaption .previewTools,body[data-page=weather] #vehicleCaption .previewTools,body[data-page=mode] #vehicleCaption .previewTools,body[data-page=ready] #vehicleCaption .previewTools{display:none}}
@media(max-height:560px) and (min-width:761px){#lobbyPanel{top:10px;bottom:10px;padding:14px;width:45vw}.panelTop{margin-bottom:7px}#steps{padding-bottom:7px;margin-bottom:10px}#steps button{min-height:42px}.brand{top:16px;left:24px}.brand h1{font-size:30px}.brand .clubStatus{display:none}#vehicleCaption{left:24px;bottom:18px}.previewHeading h2{font-size:23px!important}.previewTools{margin-top:8px}.previewTools button{min-width:36px;height:36px}.nextHint{padding-top:7px;min-height:18px}.pageActions button{min-height:44px}}
@media(max-width:360px){#autoRotate{display:none}#lobbyPanel{padding:12px}.vehicleArt{width:37px}#carChoices .pick{grid-template-columns:37px 1fr;gap:5px}.panelTop .eyebrow{letter-spacing:1px}.weatherChoices small{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

[data-screen] h2:focus{outline:none}

/* Vehicle selection lives on the stage, with no separate vehicle sidebar. */
.settingsCorner{position:absolute;top:24px;right:28px;z-index:4;pointer-events:auto;width:48px;height:48px;border:1px solid #ffffff30;background:#12252de6;border-radius:50%;color:var(--accent);font-size:25px}.settingsCorner:hover{background:#29403f}#vehicleArrows{position:absolute;inset:0;pointer-events:none}#vehicleArrows button{position:absolute;top:35%;width:58px;height:58px;border:1px solid #d7fa7955;background:#14272dde;border-radius:50%;color:var(--accent);font-size:23px;pointer-events:auto}#prevVehicle{left:12%}#nextVehicle{right:12%}#lobbyPanel{left:50%;right:auto;transform:translateX(-50%);width:min(560px,calc(100% - 32px));top:100px;bottom:20px}body[data-page=home] #lobbyPanel,body[data-page=vehicle] #lobbyPanel{top:auto;bottom:20px;width:min(760px,calc(100% - 32px));border:0;box-shadow:none;background:transparent;backdrop-filter:none;padding:0;overflow:visible}body[data-page=home] #lobbyPanel{height:72px;max-width:440px}body[data-page=vehicle] #lobbyPanel{height:220px;background:#12232cea;border:1px solid #ffffff20;padding:14px 20px;overflow:hidden}body[data-page=home] #lobbyPanel .panelTop,body[data-page=home] #lobbyPanel #steps,body[data-page=home] #lobbyPanel .formOptions,body[data-page=home] #nextHint,body[data-page=vehicle] #lobbyPanel .panelTop,body[data-page=vehicle] #lobbyPanel #steps,body[data-page=vehicle] #nextHint{display:none}body[data-page=vehicle] [data-screen=vehicle]>.eyebrow,body[data-page=vehicle] [data-screen=vehicle]>.carouselHeading,body[data-page=vehicle] .compactHelp{display:none}body[data-page=vehicle] .paintHeading h3{margin:2px 0 8px}body[data-page=vehicle] .paintHeading span{margin:0}body[data-page=vehicle] #riderOptions h3{margin:8px 0}body[data-page=vehicle] .colors{padding:3px}body[data-page=vehicle] #riderOptions .pick{min-height:35px}body[data-page=vehicle] .pageActions{padding-top:10px}body[data-page=vehicle] .pageActions button{min-height:44px}#vehicleCaption{left:50%;transform:translateX(-50%);width:min(650px,calc(100% - 40px));top:auto;bottom:112px;text-align:center;pointer-events:none}body[data-page=vehicle] #vehicleCaption{bottom:256px}#vehicleCaption>.eyebrow,#vehicleCaption .orbitHelp,#vehicleCaption #carSpec{display:none}#vehicleCaption .previewHeading{justify-content:center;position:relative;gap:12px}#vehicleCaption .previewHeading h2{margin:5px 0;font-size:31px!important}#vehicleCaption #vehicleCount{margin:5px 0 8px;font-size:10px}#vehicleStats{grid-template-columns:repeat(4,1fr);margin:9px 0;padding:12px 0;background:#15272b88;border:1px solid #ffffff16;border-radius:10px;gap:5px}#vehicleStats small{font-size:8px}#vehicleStats strong{font-size:14px}.stageActions{display:flex;justify-content:center;gap:12px;pointer-events:auto}.stageActions .menuAction{width:185px;min-height:42px;padding:9px 12px;margin:5px 0}.stageActions .menuAction strong{font-size:11px;margin-left:7px}body[data-page=vehicle] .stageActions{display:none}#vehicleCaption .previewTools{justify-content:center;margin-top:8px}#vehicleCaption #garageReset{min-height:32px}body:not([data-page=home]):not([data-page=vehicle]) #vehicleCaption,body:not([data-page=home]):not([data-page=vehicle]) #vehicleArrows{display:none}.previewExpanded #vehicleCaption{top:auto!important;bottom:15px!important;left:50%!important;transform:translateX(-50%);width:min(560px,calc(100% - 24px))!important;background:#102129dd}.previewExpanded #vehicleArrows,.previewExpanded #homeSettingsBtn,.previewExpanded #vehicleStats,.previewExpanded .stageActions,.previewExpanded #vehicleCount{display:none}#liveMapControl{display:flex;align-items:center;gap:5px;padding:6px 8px;width:100%;border-radius:9px;font-size:10px}#liveMapSelect{background:#142933;color:#dfebdf;border:1px solid #ffffff2a;border-radius:5px;padding:5px;min-width:0;flex:1;font:inherit}#turbo{right:100px;bottom:100px;height:54px;font-size:11px;background:#516b24e8;color:#f0ffd0}#turbo.active{background:#d7fa79;color:#162313}#turboStatus{position:absolute;top:100px;left:50%;transform:translateX(-50%);color:var(--accent);font-size:10px;letter-spacing:2px;padding:7px 12px;background:#12232ccc;border-radius:8px;pointer-events:none}
@media(max-width:760px){.settingsCorner{top:12px;right:14px;width:40px;height:40px;font-size:23px}#lobbyPanel{left:50%;right:auto;top:80px;bottom:10px;width:calc(100% - 20px)}body[data-page=home] #lobbyPanel{bottom:12px;height:62px;width:calc(100% - 32px)}body[data-page=vehicle] #lobbyPanel{bottom:10px;height:214px;width:calc(100% - 20px);padding:12px}#vehicleCaption{bottom:92px;width:calc(100% - 30px);left:50%;top:auto}body[data-page=vehicle] #vehicleCaption{bottom:234px}#vehicleCaption .previewHeading h2{font-size:24px!important}#vehicleCaption #vehicleCount{font-size:9px}#vehicleStats{padding:10px 3px;margin:8px 0}#vehicleStats small{font-size:6px;letter-spacing:.5px}#vehicleStats strong{font-size:11px}.stageActions{gap:7px}.stageActions .menuAction{flex:1;min-height:41px;padding:8px}.stageActions .menuAction strong{font-size:10px}.stageActions .menuAction span{font-size:9px}#vehicleArrows button{top:26%;width:44px;height:44px;font-size:19px}#prevVehicle{left:5%}#nextVehicle{right:5%}#vehicleCaption .previewTools{display:flex;margin-top:7px}.previewTools button{min-width:34px;height:34px}.previewTools #expandPreview{font-size:8px;padding:0 7px}#vehicleCaption #garageReset{font-size:8px;min-height:30px}#turbo{right:82px;bottom:82px;height:45px;font-size:9px}#liveMapControl{font-size:9px;padding:5px}#liveMapSelect{padding:4px}#turboStatus{left:10px;top:185px;transform:none;font-size:8px}#topBar{max-width:177px}#topBar button{min-height:32px}}
@media(max-height:600px) and (min-width:761px){.brand p,.brand .clubStatus{display:none}.brand h1{font-size:26px}#lobbyPanel{top:72px;bottom:10px}body[data-page=home] #lobbyPanel{bottom:10px;height:58px}body[data-page=vehicle] #lobbyPanel{height:162px;bottom:8px;padding:10px 16px}body[data-page=vehicle] #vehicleCaption{bottom:180px}#vehicleCaption{bottom:80px;width:510px}#vehicleCaption .previewHeading h2{font-size:23px!important}#vehicleStats{padding:7px 0;margin:5px 0}#vehicleStats strong{font-size:11px}.previewTools button{min-width:32px;height:30px}#vehicleCaption .previewTools{margin-top:4px}.stageActions .menuAction{min-height:32px;padding:6px 10px}#vehicleCaption #vehicleCount{font-size:8px;margin:3px 0}#vehicleArrows button{top:25%;width:44px;height:44px}#prevVehicle{left:8%}#nextVehicle{right:8%}.settingsCorner{top:14px;width:40px;height:40px}}

@media(max-width:760px){#auto{width:84px;font-size:8px;padding:6px;white-space:normal}}