/* Optional home scene. All overrides are scoped; original day/night stays intact. */
.yu7-opening.is-settling{opacity:0;pointer-events:none;transition:opacity .55s ease}
.yu7-rain[hidden],.yu7-cabin[hidden],.yu7-enter-cabin[hidden],.yu7-garage [hidden]{display:none!important}
.yu7-cinema[hidden],.yu7-welcome[hidden],.yu7-status[hidden],#yu7-panel[hidden],#yu7-dock [hidden]{display:none!important}
body.yu7-selected{padding-top:0!important}
body.yu7-selected #main{padding-top:0!important}
body.yu7-selected #main>.hero{display:none!important}
body.yu7-in-view #nq-ambient-scene{opacity:0}
body.yu7-in-view .header .brand,body.yu7-in-view .header .brand-sub,body.yu7-in-view .header .header-nav a,body.yu7-in-view .header .header-tools{color:#edf0f5!important}
body.yu7-in-view .header .theme-toggle{color:#edf0f5!important;background:transparent!important}
body.yu7-in-view .header .header-nav a[aria-current]{background:#ffffff20!important}
body.yu7-in-view .header.is-scrolled{--header-glass-bg:rgba(14,17,24,.72)}
body.yu7-in-view .header.is-scrolled::before{background:rgba(14,17,24,.78)!important;border-color:#ffffff20!important}
.yu7-cinema{position:relative;width:var(--yu7-viewport,100%);max-width:none;margin-left:calc((100% - var(--yu7-viewport,100%))/2);height:530svh;background:#050609;color:#f5f5f7;isolation:isolate}
.yu7-stage{position:sticky;top:0;height:100svh;min-height:440px;overflow:hidden;background:#050609;isolation:isolate}
.yu7-media,.yu7-shot,.yu7-shade{position:absolute;inset:0;pointer-events:none}
.yu7-shot{opacity:0;transition:opacity .22s linear;overflow:hidden;background:#050609}
.yu7-shot.is-current{opacity:1}
.yu7-shot img,.yu7-shot video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.yu7-shot video{opacity:0}
.yu7-shot.has-frame video{opacity:1}
.yu7-screen-plane{position:absolute;top:0;left:0;width:1280px;height:720px;transform-origin:0 0;overflow:hidden;background:#030303;opacity:0;will-change:transform;pointer-events:none;border-radius:5px}
.yu7-screen-video{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:0}
.yu7-screen-plane.has-frame .yu7-screen-video{opacity:1}
.yu7-screen-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:bold 60px system-ui;color:#fff;letter-spacing:2px;gap:15px}
.yu7-screen-fallback i{color:#ec173c}
.yu7-screen-plane.has-frame .yu7-screen-fallback{display:none}
.yu7-shade{background:linear-gradient(180deg,#0506099c 0%,transparent 28%,transparent 66%,#050609ee 100%);z-index:2}
.yu7-heading{position:absolute;left:clamp(24px,5vw,110px);top:clamp(125px,16vh,195px);z-index:3;max-width:36rem;pointer-events:none}
.yu7-eyebrow{display:flex;align-items:center;gap:12px;font:10px/1.5 monospace;letter-spacing:.2em;color:#d2ccd0;margin:0 0 22px}
.yu7-eyebrow span{width:25px;height:2px;background:#f2314c;box-shadow:0 0 16px #f2314c}
.yu7-heading h1{font-weight:500!important;font-size:clamp(32px,3.5vw,62px)!important;letter-spacing:-.05em;line-height:1.15!important;margin:0!important;color:#faf8f8!important;text-shadow:0 2px 22px #0008!important}
.yu7-description{font-size:13px;line-height:1.8;color:#b9bdc6;margin:20px 0 0}
.yu7-edition{position:absolute;right:5vw;top:clamp(130px,16vh,195px);display:flex;flex-direction:column;text-align:right;z-index:3}
.yu7-edition b{font:500 clamp(20px,2vw,32px)/1.2 system-ui;letter-spacing:-.03em}.yu7-edition i{color:#f3294c}.yu7-edition>span{font:8px/2 monospace;letter-spacing:.25em;color:#aca4aa}
.yu7-welcome{position:absolute;right:5vw;bottom:145px;z-index:4;max-width:350px;padding:22px 26px;border-radius:18px;border:1px solid #ffffff20;background:#0a0c1266;backdrop-filter:blur(16px)}
.yu7-welcome>p{font-size:11px;letter-spacing:.12em;color:#b8bbc6;margin:0 0 14px}.yu7-welcome h2{font-size:clamp(28px,2.8vw,44px);line-height:1.3;letter-spacing:-.035em;font-weight:500;color:#fff;margin:0 0 16px}.yu7-welcome>div{display:flex;gap:7px;flex-wrap:wrap}.yu7-welcome a{display:flex;align-items:center;gap:18px;padding:9px 13px;border:1px solid #fff3;border-radius:999px;background:#ffffff0b;color:#f5f5f7;font-size:11px;transition:background .2s,transform .2s}.yu7-welcome a:hover{background:#e51d40;transform:translateY(-2px)}
.yu7-bottom{position:absolute;bottom:38px;left:5vw;right:5vw;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px}
.yu7-chapters{display:flex;gap:5px;padding:5px;border:1px solid #ffffff20;border-radius:999px;background:#11131b70;backdrop-filter:blur(16px)}
.yu7-chapters button{border:0;background:transparent;color:#959aa7;font-size:12px;border-radius:999px;cursor:pointer;padding:10px 16px;transition:color .2s,background .2s}.yu7-chapters button span{font:10px monospace;margin-right:8px;color:#707480}.yu7-chapters button[aria-pressed="true"]{background:#ffffff12;color:#fff}.yu7-chapters button[aria-pressed="true"] span{color:#ff4b67}.yu7-chapters button:hover{color:#fff;background:#ffffff0c}
.yu7-bottom-actions{display:flex;align-items:center;gap:24px;margin-right:65px}.yu7-scroll-hint{font-size:11px;letter-spacing:.08em;color:#b9bdc6}.yu7-scroll-hint span{display:inline-block;margin-left:10px}.yu7-bottom-actions button{border:0;border-bottom:1px solid #ffffff40;background:transparent;color:#dddfe5;padding:8px 0;font-size:11px;cursor:pointer}
.yu7-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff16;z-index:6}.yu7-progress span{display:block;height:100%;width:100%;transform:scaleX(var(--yu7-progress,0));transform-origin:0 50%;background:linear-gradient(90deg,#7e1228,#ff3a5d);box-shadow:0 0 14px #fa1a45}
.yu7-status{position:absolute;left:50%;bottom:110px;transform:translateX(-50%);padding:9px 16px;border-radius:30px;z-index:7;background:#10131cdd;border:1px solid #ffffff25;font-size:12px;color:#eee;max-width:calc(100% - 40px);text-align:center}
body.ambient-page>#yu7-dock{position:fixed!important;right:22px;bottom:calc(103px + env(safe-area-inset-bottom));z-index:81;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
#yu7-dock button{font:12px/1.4 inherit;cursor:pointer}#yu7-dock>button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:68px;min-height:40px;border:1px solid #bccbe966;border-radius:999px;background:#f9fbffdb;color:#425071;box-shadow:0 7px 22px #1c294421;backdrop-filter:blur(18px);font-size:12px;padding:9px 14px}
#yu7-dock>button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="dark"] #yu7-dock>button,body.yu7-in-view #yu7-dock>button{background:#111723c9;color:#e5e8f1;border-color:#ffffff24}
#yu7-dock>button[aria-pressed="true"]{color:#ed375b;border-color:#ed375b99}
#yu7-panel{position:absolute;right:0;bottom:50px;width:min(338px,calc(100vw - 32px));padding:22px;border:1px solid #fff9;border-radius:24px;background:#f9fbfff2;color:#28334c;box-shadow:0 20px 70px #0a16363b;backdrop-filter:blur(24px);animation:yu7-panel-in .24s ease both}
html[data-theme="dark"] #yu7-panel,body.yu7-in-view #yu7-panel{background:#151922ed;border-color:#fff2;color:#ecedf3}
.yu7-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.yu7-panel-header b{font-size:16px}.yu7-panel-header button{border:0;background:transparent;color:inherit;font-size:22px!important;padding:0 7px}
.yu7-scene-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.yu7-scene-options button{overflow:hidden;padding:0 0 12px;border-radius:14px;border:1px solid #8797c23d;background:transparent;color:inherit;text-align:left}.yu7-scene-options button[aria-pressed="true"]{border-color:#f2385c;box-shadow:0 0 0 1px #f2385c}.yu7-scene-options b{display:block;font-size:12px;margin:10px 12px 2px}.yu7-scene-options small{font-size:10px;color:#8792a6;margin:0 12px}.yu7-scene-thumb{height:72px;display:block;background-size:cover;background-position:center}.yu7-scene-thumb.original{background:radial-gradient(ellipse at 18% 16%,#f4c9e6,transparent 65%),linear-gradient(140deg,#e9e7ff,#dbeaff)}html[data-theme="dark"] .yu7-scene-thumb.original{background:radial-gradient(ellipse at 18% 16%,#273451,transparent 65%),linear-gradient(140deg,#0e1525,#252037)}.yu7-scene-thumb.car{background-image:url('/space-assets/20260909-1/yu7-cinema/02-front-sculpture.webp')}
.yu7-volume{display:flex;gap:12px;align-items:center;margin-top:18px;font-size:12px}.yu7-volume input{min-width:0;flex:1;accent-color:#ef3655}.yu7-panel-note{font-size:10px;line-height:1.8;color:#8a94a6;margin:15px 0 0}.yu7-replay{display:block;width:100%;border:1px solid #8797c245;border-radius:12px;margin-top:16px;padding:10px;background:transparent;color:inherit}
.yu7-cinema button:focus-visible,#yu7-dock button:focus-visible,.yu7-cinema a:focus-visible{outline:2px solid #f55e7c;outline-offset:4px}
@keyframes yu7-panel-in{from{opacity:0;transform:translateY(9px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:760px){.yu7-cinema{height:450svh}.yu7-stage{min-height:540px}.yu7-shot img,.yu7-shot video{object-fit:contain}.yu7-heading{top:138px;left:24px}.yu7-heading h1{font-size:34px!important}.yu7-eyebrow{font-size:8px;margin-bottom:15px}.yu7-description{font-size:11px;margin-top:14px}.yu7-edition{right:24px;top:142px}.yu7-edition b{font-size:19px}.yu7-edition>span{display:none}.yu7-bottom{left:20px;right:20px;bottom:28px;display:block}.yu7-chapters{width:max-content;max-width:calc(100% - 65px);gap:0}.yu7-chapters button{padding:10px;font-size:11px}.yu7-chapters button span{margin-right:5px;font-size:9px}.yu7-bottom-actions{margin:14px 74px 0 5px;justify-content:space-between;gap:10px}.yu7-scroll-hint{font-size:9px;letter-spacing:0}.yu7-bottom-actions button{font-size:10px}.yu7-welcome{right:24px;left:24px;bottom:148px;max-width:none;padding:15px 18px;background:#0a0c128c}.yu7-welcome h2{font-size:28px;line-height:1.15;margin-bottom:12px}.yu7-welcome h2 br{display:none}.yu7-welcome>p{margin:0 0 8px;font-size:9px}.yu7-welcome a{font-size:10px;padding:7px 9px;gap:8px}.yu7-status{bottom:124px;font-size:10px}body.ambient-page>#yu7-dock{right:15px;bottom:calc(94px + env(safe-area-inset-bottom))}#yu7-dock>button{padding:8px 11px;min-width:62px;font-size:11px}.yu7-shade{background:linear-gradient(180deg,#050609 0%,#05060944 28%,transparent 43%,transparent 58%,#050609bf 78%,#050609 100%)}}
@media(max-width:380px){.yu7-chapters button{padding:10px 8px}.yu7-heading h1{font-size:30px!important}.yu7-edition b{font-size:16px}.yu7-welcome{bottom:147px}.yu7-bottom-actions{margin-right:70px}}
@media(max-width:760px){.yu7-welcome{top:138px;bottom:auto}.yu7-welcome h2{font-size:25px}.yu7-welcome a{font-size:9px;gap:6px;padding:7px 8px}}
@media(prefers-reduced-motion:reduce){.yu7-shot,.yu7-cinema *{transition:none!important}.yu7-cinema{height:160svh}#yu7-panel{animation:none}.yu7-scroll-hint{display:none}}
body:has(#motion-pause:checked) .yu7-cinema *{transition:none!important}

/* The opening film hands off directly to the high-resolution front view. */
.yu7-opening[hidden],.yu7-opening [hidden]{display:none!important}
.yu7-opening{position:absolute;inset:0;z-index:8;background:#050609}
.yu7-opening-video{display:block;width:100%;height:100%;object-fit:cover}
.yu7-stage.is-opening>.yu7-heading,.yu7-stage.is-opening>.yu7-edition,.yu7-stage.is-opening>.yu7-scene-caption{opacity:0!important;visibility:hidden;pointer-events:none}
.yu7-heading,.yu7-edition,.yu7-bottom,.yu7-scene-caption{transition:opacity .65s ease,visibility .65s}
.yu7-shot{transition:none}
.yu7-scene-caption{position:absolute;left:5vw;bottom:126px;z-index:4;pointer-events:none;display:flex;align-items:center;gap:20px}
.yu7-scene-caption>span{font:11px/1 monospace;letter-spacing:.12em;color:#f6536c;border-right:1px solid #ffffff35;padding-right:20px}
.yu7-scene-caption p{font-size:12px;letter-spacing:.06em;color:#e1eaf0;margin:0;font-weight:400}
/* A shared baseline and restrained type keep controls clear of the car. */
.yu7-bottom{border-top:1px solid #ffffff26;padding-top:19px}
.yu7-chapters{background:transparent;border:0;border-radius:0;padding:0;backdrop-filter:none;gap:14px}
.yu7-chapters button{min-height:44px;border-radius:8px;padding:10px 16px}
.yu7-chapters button[aria-pressed="true"]{background:#ffffff0d;box-shadow:inset 0 -2px #ef3756}
@media(max-width:760px){
  .yu7-opening-video{object-fit:contain}
  .yu7-scene-caption{left:24px;bottom:176px;right:24px;gap:12px}
  .yu7-scene-caption p{font-size:10px;letter-spacing:0}
  .yu7-scene-caption>span{font-size:10px;padding-right:12px;flex-shrink:0}
  .yu7-chapters{gap:2px;max-width:calc(100% - 60px)}
  .yu7-chapters button{padding:9px 10px}
}
/* Unified full-page palette for the optional automotive world. */
html[data-theme] body.ambient-page.yu7-selected{--yu7-world:#050609;background:var(--yu7-world)!important;color:#eef1f4;transition:background-color .65s ease}
html[data-theme] body.ambient-page.yu7-selected[data-car-palette="studio"]{--yu7-world:#6b879d}
html[data-theme] body.ambient-page.yu7-selected[data-car-palette="rain"]{--yu7-world:#26363e}
body.yu7-selected #nq-ambient-scene{opacity:0!important;visibility:hidden}
body.yu7-selected .yu7-cinema,body.yu7-selected .yu7-stage{background:var(--yu7-world);transition:background-color .65s ease}
.yu7-cinema{height:330svh}
body.yu7-selected .header .brand,body.yu7-selected .header .brand-sub,body.yu7-selected .header .header-nav a,body.yu7-selected .header .header-tools,body.yu7-selected .header .theme-toggle{color:#edf0f5!important}
body.yu7-selected .header.is-scrolled::before{background:color-mix(in srgb,var(--yu7-world) 80%,transparent)!important;border-color:#ffffff26!important}
body.yu7-selected .destination,body.yu7-selected .private-link{background:#ffffff0a!important;border-color:#ffffff24!important;color:#eef1f4!important;box-shadow:0 15px 45px #0002}
body.yu7-selected .destinations h2,body.yu7-selected .destination h3,body.yu7-selected .destination p,body.yu7-selected .section-heading>span,body.yu7-selected .card-cta,body.yu7-selected footer,body.yu7-selected footer a,body.yu7-selected footer p{color:#e3eaf0!important}
body.yu7-selected .badge{background:#ffffff12!important;color:#dbe4ee!important;border-color:#ffffff24!important}
body.yu7-selected #yu7-dock>button,body.yu7-selected #yu7-panel{background:color-mix(in srgb,var(--yu7-world) 88%,transparent);color:#eef2f6;border-color:#ffffff30}
body.yu7-selected footer{background:transparent!important}
.yu7-rain,.yu7-cabin{position:absolute;inset:0}
.yu7-rain video,.yu7-cabin video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.yu7-rain{z-index:1;background:#26363e}
.yu7-cabin{z-index:8;background:#050609;animation:yu7-cabin-in .65s ease both}
.yu7-cabin button{position:absolute;bottom:40px;left:5vw;min-height:44px;padding:12px 20px;border:1px solid #fff5;border-radius:999px;background:#111923aa;color:#fff;cursor:pointer;backdrop-filter:blur(12px)}
.yu7-enter-cabin{position:absolute;right:5vw;bottom:155px;z-index:5;border:1px solid #fff5;border-radius:999px;background:#10131c80;color:#fff;padding:12px 20px;min-height:44px;cursor:pointer;backdrop-filter:blur(12px)}
.yu7-stage.is-opening .yu7-enter-cabin,.yu7-stage.is-cabin .yu7-enter-cabin,.yu7-stage.is-cabin>.yu7-bottom{visibility:hidden}
.yu7-stage.is-opening .yu7-garage{visibility:hidden}
.yu7-stage.is-cabin>.yu7-heading,.yu7-stage.is-cabin>.yu7-edition,.yu7-stage.is-cabin>.yu7-scene-caption{visibility:hidden}
.yu7-garage{position:absolute;inset:0;z-index:3;opacity:0;background:#6b879d;will-change:transform,opacity}
.garage-title{position:absolute;left:5vw;top:130px;color:#fff}
.garage-title>span{font:10px/1.5 monospace;letter-spacing:.2em;color:#d9e4ed}
.garage-title h2{font-size:clamp(28px,3vw,48px);font-weight:400;letter-spacing:-.05em;line-height:1.2;margin:10px 0}
.garage-title p{font-size:12px;color:#e1eaf0;margin:0}
.garage-plane{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88vw,calc((100svh - 350px)*1.777));aspect-ratio:1672/941;border-radius:16px;box-shadow:0 0 0 1px #ffffff4d;isolation:isolate}
.garage-plane>img,.garage-plane>canvas,.garage-detail,.garage-detail>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:16px}
.garage-plane>canvas{opacity:0;pointer-events:none}
.garage-hotspot{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:0;background:transparent;padding:0;cursor:pointer;color:#10190c;z-index:2}
.garage-hotspot.drive{left:25%;top:48%}.garage-hotspot.battery{left:64%;top:72%}
.garage-hotspot b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:400;background:#edff39;box-shadow:0 0 0 4px #edff391c;transition:transform .25s,box-shadow .25s}
.garage-hotspot:hover b,.garage-hotspot[aria-pressed="true"] b{transform:scale(1.16);box-shadow:0 0 0 8px #edff3920}
.garage-hotspot span{position:absolute;white-space:nowrap;left:45px;top:13px;padding:4px 8px;border-radius:5px;color:#fff;background:#35586ee6;font-size:11px}
.garage-actions{position:absolute;left:50%;bottom:180px;transform:translateX(-50%);display:flex;gap:8px;justify-content:center;width:max-content;max-width:90%;flex-wrap:wrap}
.garage-actions button,.garage-detail button{font-size:12px;min-height:44px;cursor:pointer;border:1px solid #fff5;border-radius:8px;padding:10px 18px;background:#35586e;color:#fff}
.garage-actions button[aria-pressed="true"]{background:#edff39;color:#10190c;border-color:#edff39}
.garage-detail{z-index:4;background:#6b879d;animation:yu7-cabin-in .4s ease both}
.garage-detail button{position:absolute;left:18px;top:18px;z-index:1}.garage-detail p{position:absolute;right:18px;bottom:10px;color:#d9e4ed;font-size:10px}
.garage-status{position:absolute;bottom:155px;left:50%;transform:translateX(-50%);font-size:11px;color:#fff}
.yu7-weather-options{display:flex;gap:8px;margin-top:15px}.yu7-weather-options button{flex:1;padding:10px 7px;color:inherit;border:1px solid #fff3;border-radius:10px;background:transparent;font-size:11px!important}.yu7-weather-options button[aria-pressed="true"]{border-color:#f65b72;background:#f65b7215}
.yu7-panel-note a{display:block;color:inherit;text-decoration:underline;margin-top:7px}
.yu7-cinema.is-rain .yu7-chapters{visibility:hidden}.yu7-cinema.is-rain .yu7-scroll-hint{visibility:hidden}
.yu7-status{z-index:10}
@keyframes yu7-cabin-in{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:none}}
@media(max-width:760px){
.yu7-cinema{height:300svh}.yu7-rain video,.yu7-cabin video{object-fit:contain}
.yu7-enter-cabin{right:24px;bottom:218px;font-size:11px;padding:10px 15px}
.garage-title{left:24px;top:145px}.garage-title h2{font-size:32px}.garage-title p{font-size:10px}
.garage-plane{width:calc(100% - 40px);top:48%;border-radius:12px}.garage-plane>img,.garage-plane>canvas,.garage-detail,.garage-detail>img{border-radius:12px}
.garage-actions{bottom:208px;gap:6px;max-width:calc(100% - 38px)}.garage-actions button{font-size:10px;padding:7px 10px;min-height:40px}
.garage-status{bottom:183px}.garage-hotspot span{font-size:9px;left:39px;padding:4px 5px}.garage-hotspot b{width:23px;height:23px}
.garage-detail button{left:8px;top:8px;padding:7px 10px;font-size:10px;min-height:36px}
.yu7-cabin button{left:24px;bottom:36px;font-size:11px}
}
@media(max-height:700px) and (min-width:761px){.garage-title{top:104px}.garage-title h2{font-size:27px}.garage-plane{width:min(70vw,calc((100svh - 260px)*1.777));top:50%}.garage-actions{bottom:137px}.yu7-scene-caption{bottom:107px}}
@media(prefers-reduced-motion:reduce){.yu7-cabin,.garage-detail{animation:none!important}.yu7-cinema{height:200svh}}
html:has(body.yu7-selected){color-scheme:dark;background:#050609;scrollbar-color:#66727e #050609}
html:has(body.yu7-selected[data-car-palette="studio"]){background:#6b879d;scrollbar-color:#476277 #6b879d}
html:has(body.yu7-selected[data-car-palette="rain"]){background:#26363e;scrollbar-color:#667983 #26363e}
body.yu7-selected>.shell{padding-top:0!important}
body.yu7-selected>.icon-defs{position:absolute!important;display:block}
html[data-theme] body.ambient-page.yu7-selected .header.is-scrolled{background:color-mix(in srgb,var(--yu7-world) 85%,transparent)!important;border-color:#ffffff30!important;box-shadow:inset 0 1px #ffffff14,0 18px 42px #0003!important}
html[data-theme] body.ambient-page.yu7-selected .header>.brand,html[data-theme] body.ambient-page.yu7-selected .header>.header-nav,html[data-theme] body.ambient-page.yu7-selected .header>.header-tools{background:transparent!important;box-shadow:none!important;border-color:transparent!important}
body.yu7-selected .home-pet-ui{--pet-ink:#edf2f6;--pet-muted:#c1cdd5;--pet-glass:color-mix(in srgb,var(--yu7-world) 90%,transparent);--pet-line:#ffffff30}
body.yu7-selected .pet-settings-open{background:var(--pet-glass)!important;color:var(--pet-ink)!important}
body.yu7-selected[data-car-palette="rain"] .yu7-shade{background:linear-gradient(180deg,#26363eb3,transparent 34%,transparent 65%,#26363ee6)}
@media(max-width:800px){
html[data-theme] body.ambient-page.yu7-selected .header,html[data-theme] body.ambient-page.yu7-selected .header:not(.is-scrolled),html[data-theme] body.ambient-page.yu7-selected .header.is-scrolled{position:fixed!important;left:20px!important;right:20px!important;top:16px!important;width:auto!important;margin:0!important;transform:none!important;background:color-mix(in srgb,var(--yu7-world) 84%,transparent)!important;border-color:#ffffff30!important;box-shadow:inset 0 1px #ffffff14,0 18px 42px #0003!important}
}
body.yu7-selected .private-space,body.yu7-selected .private-space h2,body.yu7-selected .private-space p,body.yu7-selected .private-space strong,body.yu7-selected .private-space small,body.yu7-selected .usage,body.yu7-selected .usage h3,body.yu7-selected .usage p{color:#e3eaf0!important}
body.yu7-selected .usage{background:#ffffff08!important;border-color:#ffffff25!important}
body.yu7-selected[data-car-palette="studio"] .yu7-chapters button{color:#e1eaf0}
body.yu7-selected[data-car-palette="studio"] .yu7-scene-caption>span{color:#edff39}
body.yu7-selected[data-car-palette="studio"] .yu7-chapters button[aria-pressed="true"]{box-shadow:inset 0 -2px #edff39}
/* Red palette for the final part of the opening film. */
html[data-theme] body.ambient-page.yu7-selected[data-car-palette="red"]{--yu7-world:#130201}
html:has(body.yu7-selected[data-car-palette="red"]){background:#130201;scrollbar-color:#66302e #130201}
.yu7-opening{background:var(--yu7-world,#050609);transition:background-color .4s ease}
body.yu7-selected[data-car-palette="red"] .yu7-shade{background:none}
.yu7-scene-thumb.car{background-image:url('/space-assets/20260909-1/yu7-cinema/red-stage-v6.webp')}
body.yu7-selected[data-car-palette="red"] .yu7-heading{top:clamp(116px,14vh,170px)}
body.yu7-selected[data-car-palette="red"] .yu7-heading h1{font-size:clamp(28px,2.6vw,45px)!important}
body.yu7-selected[data-car-palette="red"] .yu7-eyebrow{margin-bottom:12px}
body.yu7-selected[data-car-palette="red"] .yu7-description{margin-top:12px}
@media(max-width:760px){body.yu7-selected[data-car-palette="red"] .yu7-heading{top:138px}body.yu7-selected[data-car-palette="red"] .yu7-heading h1{font-size:32px!important}}
@media(max-aspect-ratio:4/3){.yu7-opening-video{object-fit:contain}}
/* The front view is the only red-car stage between the opening and the garage. */
.yu7-cinema{height:310svh}
.yu7-front-car{position:absolute;inset:0;opacity:1;will-change:transform,opacity;background:#050609}
.yu7-front-car img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.yu7-scene-thumb.car{background-image:url('/space-assets/20260909-1/yu7-cinema/red-front-v8-mobile.webp')}
@media(max-width:760px){.yu7-cinema{height:300svh}}
@media(max-aspect-ratio:4/3){.yu7-front-car img{object-fit:contain}}
@media(prefers-reduced-motion:reduce){.yu7-cinema{height:250svh}}

/* Panoramic instrument display, exclusive to the automotive theme. */
.yu7-hud-state,.yu7-footer-console{display:none}
body.yu7-selected{
  --dash-accent:#ff526d;--dash-soft:#ff526d24;--dash-line:#ff758744;
  --dash-surface:linear-gradient(110deg,#11131bef,#080c12ed 52%,#21121bed);
  --dash-muted:#b4becb;--dash-ink:#f3f7fc;
}
body.yu7-selected[data-car-palette="studio"]{--dash-accent:#b9f0ff;--dash-soft:#86dfff20;--dash-line:#96ddf04d;--dash-surface:linear-gradient(110deg,#162834ed,#0c1822f5 52%,#19313eeb)}
body.yu7-selected[data-car-weather="light"]{--dash-accent:#74e8ff;--dash-soft:#6bdbff24;--dash-line:#8adcfa48;--dash-surface:linear-gradient(110deg,#132934ee,#071722ed 52%,#133740eb)}
html[data-theme] body.ambient-page.yu7-selected .header,
html[data-theme] body.ambient-page.yu7-selected .header:not(.is-scrolled),
html[data-theme] body.ambient-page.yu7-selected .header.is-scrolled{
  width:calc(100% - 48px)!important;max-width:none!important;top:14px!important;
  min-height:76px!important;padding:10px 24px!important;gap:20px!important;
  border:1px solid var(--dash-line)!important;border-radius:18px 18px 10px 10px!important;
  background:var(--dash-surface)!important;
  box-shadow:inset 0 1px #ffffff16,inset 0 -1px #ffffff0a,0 10px 36px #0005,0 8px 24px -20px var(--dash-accent)!important;
  backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;
  transition:border-color .5s,box-shadow .5s,background .5s!important;
}
html[data-theme] body.ambient-page.yu7-selected .header::before{content:none!important;display:none!important}
html[data-theme] body.ambient-page.yu7-selected .header::after{
  content:"";position:absolute;left:24px;right:24px;bottom:-1px;height:2px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--dash-accent) 20%,#fff 55%,var(--dash-accent) 80%,transparent);
  box-shadow:0 0 14px var(--dash-accent);transform:scaleX(max(.08,var(--yu7-hud-progress,0)));transform-origin:center;
  opacity:.85;transition:transform .25s linear,background .5s;
}
html[data-theme] body.ambient-page.yu7-selected .header>.brand,
html[data-theme] body.ambient-page.yu7-selected .header>.header-nav,
html[data-theme] body.ambient-page.yu7-selected .header>.header-tools{transform:none!important;padding:0!important;min-height:52px!important}
body.yu7-selected .header .brand{gap:12px;font-size:17px!important;letter-spacing:.06em}
body.yu7-selected .header .brand-mark{width:40px;height:40px;border-radius:10px!important;background:linear-gradient(140deg,#fff1,#fff0)!important;border:1px solid var(--dash-line)!important;color:#fff!important;box-shadow:inset 0 0 18px var(--dash-soft),0 0 18px var(--dash-soft)!important}
body.yu7-selected .header .brand-mark span{color:var(--dash-accent)!important}
body.yu7-selected .header .brand-sub{display:none!important}
body.yu7-selected .yu7-hud-state{display:flex;align-items:center;gap:6px;margin-top:4px;color:var(--dash-muted);font:9px/1.5 system-ui;letter-spacing:.08em;white-space:nowrap}
.yu7-hud-state i,.yu7-console-kicker i{width:4px;height:4px;display:inline-block;border-radius:50%;background:var(--dash-accent);box-shadow:0 0 9px var(--dash-accent)}
body.yu7-selected .header .header-nav{gap:6px!important;align-items:center}
html[data-theme] body.yu7-selected .header .header-nav a{
  border-radius:7px!important;padding:14px 18px!important;color:#bcc5d3!important;font-size:13px!important;
  background:transparent!important;box-shadow:none!important;position:relative;transition:color .2s,background .2s,box-shadow .2s!important;
}
html[data-theme] body.yu7-selected .header .header-nav a::before{content:attr(data-instrument-index);display:inline-block;position:static;margin-right:7px;color:var(--dash-accent);opacity:.65;font:8px/1 monospace;transform:none;background:none}
html[data-theme] body.yu7-selected .header .header-nav a::after{content:"";position:absolute;bottom:4px;left:18px;right:18px;width:auto;height:2px;border-radius:2px;background:var(--dash-accent)!important;transform:scaleX(0);opacity:0;box-shadow:0 0 12px var(--dash-accent);transition:transform .3s,opacity .3s}
html[data-theme] body.yu7-selected .header .header-nav a[aria-current],
html[data-theme] body.yu7-selected .header .header-nav a:hover,
html[data-theme] body.yu7-selected .header .header-nav a:focus-visible{color:#fff!important;background:var(--dash-soft)!important;box-shadow:inset 0 1px #ffffff12!important}
html[data-theme] body.yu7-selected .header .header-nav a:is([aria-current],:hover,:focus-visible)::after{transform:scaleX(1);opacity:1}
body.yu7-selected .header .header-tools{gap:12px!important}
body.yu7-selected .header .header-action{border-radius:8px!important;background:var(--dash-soft)!important;border:1px solid var(--dash-line)!important;box-shadow:none!important;color:var(--dash-ink)!important;padding:9px 13px!important;font-size:12px!important}
body.yu7-selected .header .theme-toggle{font-size:12px!important}
body.yu7-selected .header .theme-icon{color:var(--dash-accent)!important}
body.yu7-selected .header .motion-setting{font-size:10px;color:var(--dash-muted)!important}
html[data-theme] body.yu7-selected .header .motion-setting:has(input:checked){color:var(--dash-accent)!important;background:var(--dash-soft)!important;border-color:var(--dash-line)!important;border-radius:8px!important}
html[data-theme] body.yu7-selected .header .motion-setting:focus-within{outline-color:var(--dash-accent)!important}
body.yu7-selected .header input{accent-color:var(--dash-accent)}
body.yu7-selected .header :is(a,button):focus-visible{outline:2px solid var(--dash-accent)!important;outline-offset:3px}

/* Three lower zones: vehicle selection / browsing instrument / route action. */
body.yu7-selected .yu7-bottom{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;
  left:5vw;right:5vw;bottom:24px;padding:15px 22px;
  min-height:86px;border:1px solid var(--dash-line);border-radius:16px 16px 9px 9px;
  background:var(--dash-surface);box-shadow:inset 0 1px #ffffff16,0 14px 36px #0005;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.yu7-bottom::before,.yu7-footer-console::before{
  content:"";position:absolute;left:20px;right:20px;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--dash-accent),#fff,var(--dash-accent),transparent);opacity:.8;
}
body.yu7-selected .yu7-chapters{gap:6px;justify-self:start;max-width:none}
body.yu7-selected .yu7-chapters button{border:1px solid transparent;border-radius:7px;padding:10px 14px;color:#b4bfce;font-size:11px;white-space:nowrap}
html[data-theme] body.yu7-selected .yu7-chapters button[aria-pressed="true"]{color:#fff;background:var(--dash-soft);border-color:var(--dash-line);box-shadow:inset 0 -2px var(--dash-accent),0 4px 20px var(--dash-soft)}
body.yu7-selected .yu7-chapters button[aria-pressed="true"] span{color:var(--dash-accent)}
body.yu7-selected .yu7-bottom-actions{justify-self:end;margin:0;padding-right:74px;gap:18px}
body.yu7-selected .yu7-bottom-actions button{min-height:44px;padding:10px 13px;border:1px solid var(--dash-line);border-radius:7px;color:#fff;background:#ffffff08;white-space:nowrap}
body.yu7-selected .yu7-bottom-actions button:hover{background:var(--dash-soft)}
body.yu7-selected .yu7-scroll-hint{max-width:8em;font-size:10px;line-height:1.7;color:var(--dash-muted)}
.yu7-instrument{display:flex;align-items:center;justify-content:center;gap:15px;min-width:225px;color:var(--dash-ink)}
.yu7-road{width:78px;height:42px;fill:none;stroke:var(--dash-accent);stroke-width:1.1;overflow:visible}
.yu7-road .road-edge{opacity:.35}.yu7-road .road-lane{stroke-dasharray:5 6;opacity:.7;animation:yu7-road-flow 2.8s linear infinite}
.yu7-road .road-car{fill:var(--dash-soft);stroke-width:1.5;filter:drop-shadow(0 0 4px var(--dash-accent))}
.yu7-instrument-label{display:block;font:9px/1.4 system-ui;letter-spacing:.15em;color:var(--dash-muted)}
.yu7-instrument-value{display:flex;align-items:baseline;gap:3px;font-family:monospace;font-variant-numeric:tabular-nums}
.yu7-instrument-value b{font-size:27px;line-height:1.2;font-weight:400;letter-spacing:-.07em}.yu7-instrument-value small{font-size:9px;color:var(--dash-accent)}
.yu7-instrument-bars{width:54px;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;transform:skewX(-12deg)}
.yu7-instrument-bars i{height:8px;background:#fff1;border-radius:1px;transition:background .2s,box-shadow .2s}
.yu7-instrument-bars i.lit{background:var(--dash-accent);box-shadow:0 0 6px var(--dash-soft)}
body.yu7-selected .yu7-progress span{background:var(--dash-accent);box-shadow:0 0 14px var(--dash-accent)}
body.yu7-selected .yu7-eyebrow span{background:var(--dash-accent);box-shadow:0 0 16px var(--dash-accent)}
body.yu7-selected .yu7-scene-caption{bottom:132px}
html[data-theme] body.yu7-selected .yu7-scene-caption>span{color:var(--dash-accent)}
body.yu7-selected .yu7-enter-cabin{border-radius:8px;border-color:var(--dash-line);background:var(--dash-surface);bottom:156px;right:calc(5vw + 74px)}
body.yu7-selected #yu7-dock>button{border-radius:10px;border-color:var(--dash-line);background:var(--dash-surface)}
body.yu7-selected .yu7-weather-options button[aria-pressed="true"]{border-color:var(--dash-accent);background:var(--dash-soft)}

/* The page ending echoes the wide display without replacing navigation links. */
html[data-theme] body.yu7-selected .shell>footer{
  position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;
  padding:30px 104px 24px 34px!important;margin:60px 0 32px;border:1px solid var(--dash-line)!important;
  border-radius:24px 24px 12px 12px;background:var(--dash-surface)!important;box-shadow:inset 0 1px #ffffff14,0 24px 60px #0004;
}
body.yu7-selected .shell>footer>a:last-child{justify-self:end}
body.yu7-selected .shell>footer>a{font-size:12px;color:#dce7f2!important}
body.yu7-selected .shell>footer>p{font-size:11px;color:var(--dash-muted)!important}
body.yu7-selected .yu7-footer-console{position:relative;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center;min-height:150px;padding:10px 0 26px;border-bottom:1px solid #ffffff16}
.yu7-footer-console::before{left:0;right:0;top:-30px}
.yu7-footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.yu7-console-kicker{display:flex;align-items:center;gap:8px;font:9px/1.5 monospace;letter-spacing:.18em;color:var(--dash-accent)}
.yu7-footer-identity strong{font-size:clamp(22px,2.4vw,35px);font-weight:450;letter-spacing:.04em;color:#f2f6fa}
.yu7-footer-mode{font-size:10px;letter-spacing:.13em;color:var(--dash-muted)}
.yu7-footer-route{display:flex;align-items:center;gap:14px;color:var(--dash-muted);font:8px monospace;letter-spacing:.1em}
.yu7-footer-route>div{position:relative;flex:1;min-width:80px;height:56px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(transparent calc(50% - .5px),#ffffff25 50%,transparent calc(50% + .5px))}
.yu7-footer-route i{width:1px;height:6px;background:var(--dash-accent);opacity:.5}.yu7-footer-route i:nth-child(3){height:16px}.yu7-footer-route i:nth-child(4){height:16px}
.yu7-footer-route b{position:absolute;width:28px;height:2px;top:27px;left:0;background:var(--dash-accent);box-shadow:0 0 14px var(--dash-accent);animation:yu7-route-flow 5s ease-in-out infinite}
.yu7-return{display:grid;grid-template-columns:40px auto;column-gap:12px;text-align:left;align-items:center;min-height:70px;padding:12px 20px;color:#fff;border:1px solid var(--dash-line);border-radius:10px;background:var(--dash-soft);cursor:pointer;transition:box-shadow .25s,background .25s}
.yu7-return>span{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--dash-line);border-radius:50%;font:22px system-ui;color:var(--dash-accent);transition:transform .25s}
.yu7-return b{font-size:13px;font-weight:500}.yu7-return small{font:8px monospace;letter-spacing:.08em;color:var(--dash-muted)}
.yu7-return:hover{box-shadow:0 0 24px var(--dash-soft);background:#ffffff12}.yu7-return:hover>span{transform:translateY(-3px)}
.yu7-return:focus-visible{outline:2px solid var(--dash-accent);outline-offset:4px}
@keyframes yu7-road-flow{to{stroke-dashoffset:-22}}
@keyframes yu7-route-flow{0%,100%{left:0;opacity:.3}50%{left:calc(100% - 28px);opacity:1}}
@keyframes yu7-dash-start{from{opacity:.2;filter:brightness(2)}to{opacity:1;filter:brightness(1)}}
body.yu7-selected .header .header-nav a{animation:yu7-dash-start .7s ease both}
body.yu7-selected .header .header-nav a:nth-child(2){animation-delay:.08s}
body.yu7-selected .header .header-nav a:nth-child(3){animation-delay:.16s}
body.yu7-selected .header .header-nav a:nth-child(4){animation-delay:.24s}
@media(min-width:801px) and (max-width:1200px){
  html[data-theme] body.ambient-page.yu7-selected .header{padding-inline:16px!important;gap:12px!important}
  html[data-theme] body.yu7-selected .header .header-nav a{padding:14px 10px!important;font-size:12px!important}
  body.yu7-selected .header .motion-setting>span:last-child{display:none}
  body.yu7-selected .yu7-bottom{padding:14px 16px;gap:14px}
  .yu7-instrument{min-width:150px;gap:10px}.yu7-instrument-bars{display:none}
  body.yu7-selected .yu7-bottom-actions{gap:10px}.yu7-scroll-hint{display:none}
}
@media(max-width:800px){
  html[data-theme] body.ambient-page.yu7-selected .header,
  html[data-theme] body.ambient-page.yu7-selected .header:not(.is-scrolled),
  html[data-theme] body.ambient-page.yu7-selected .header.is-scrolled{
    left:12px!important;right:12px!important;top:10px!important;width:auto!important;
    max-width:none!important;min-height:0!important;padding:10px 13px 7px!important;gap:5px 12px!important;
    border-radius:16px 16px 9px 9px!important;overflow:visible!important;
  }
  html[data-theme] body.ambient-page.yu7-selected .header>.brand,
  html[data-theme] body.ambient-page.yu7-selected .header>.header-nav,
  html[data-theme] body.ambient-page.yu7-selected .header>.header-tools{min-height:0!important}
  body.yu7-selected .header .brand{gap:8px;font-size:14px!important}.yu7-hud-state span{max-width:130px;overflow:hidden;text-overflow:ellipsis}
  body.yu7-selected .header .brand-mark{width:32px;height:32px;font-size:23px!important;border-radius:8px!important}
  body.yu7-selected .yu7-hud-state{font-size:8px;letter-spacing:0;margin-top:2px}
  body.yu7-selected .header .header-tools{gap:8px!important}
  body.yu7-selected .header .header-nav{justify-content:center!important;gap:4px!important;border-top:1px solid #ffffff12!important;padding-top:3px!important}
  html[data-theme] body.yu7-selected .header .header-nav a{flex:1;text-align:center;padding:9px 2px!important;font-size:11px!important;white-space:nowrap}
  html[data-theme] body.yu7-selected .header .header-nav a::before{font-size:7px;margin-right:4px}
  html[data-theme] body.yu7-selected .header .header-nav a::after{left:15%;right:15%;bottom:2px}
  body.yu7-selected .header .header-action{padding:7px!important;min-height:32px}
  body.yu7-selected .header .header-action span{display:none}
  body.yu7-selected .header .motion-setting>span:last-child{display:none}
  body.yu7-selected .header .theme-toggle{font-size:10px!important}
  body.yu7-selected .yu7-bottom{left:18px;right:18px;bottom:18px;grid-template-columns:1fr auto;gap:8px 12px;padding:12px 82px 12px 12px;min-height:0}
  body.yu7-selected .yu7-chapters{gap:3px;max-width:none}
  body.yu7-selected .yu7-chapters button{padding:8px 9px;font-size:10px;min-height:38px}
  .yu7-instrument{min-width:0;gap:4px;justify-self:end}.yu7-road{display:none}.yu7-instrument-bars{display:none}
  .yu7-instrument-label{font-size:8px;letter-spacing:0}.yu7-instrument-value b{font-size:22px}
  body.yu7-selected .yu7-bottom-actions{grid-column:1/-1;justify-self:stretch;justify-content:space-between;padding:8px 0 0;border-top:1px solid #ffffff14}
  body.yu7-selected .yu7-scroll-hint{display:block;max-width:none;visibility:visible;font-size:9px}
  body.yu7-selected .yu7-bottom-actions button{min-height:36px;padding:7px 9px;font-size:10px}
  body.yu7-selected .yu7-scene-caption{bottom:174px}
  body.yu7-selected .yu7-enter-cabin{bottom:207px;right:24px}
  .yu7-cinema.is-rain .yu7-chapters{display:none}.yu7-cinema.is-rain .yu7-instrument{grid-column:1/-1;justify-self:start}
  body.yu7-selected .yu7-cinema.is-rain .yu7-scroll-hint{display:none}
  .yu7-cinema.is-rain .yu7-instrument>div{display:flex;align-items:center;gap:10px}
  body.yu7-selected .shell>footer{grid-template-columns:1fr!important;gap:12px!important;padding:22px 82px 22px 20px!important;margin:38px 0 24px!important}
  body.yu7-selected .shell>footer>a:last-child{justify-self:start}
  body.yu7-selected .yu7-footer-console{grid-template-columns:1fr;min-height:130px;gap:15px;padding-bottom:22px}
  .yu7-footer-console::before{top:-22px}.yu7-footer-identity strong{font-size:21px}.yu7-console-kicker{font-size:7px;letter-spacing:.1em}
  .yu7-footer-route{display:none}.yu7-return{grid-template-columns:30px auto;justify-self:start;justify-items:center;gap:10px;padding:8px 12px;min-height:46px}
  .yu7-return>span{grid-row:auto;width:30px;height:30px;font-size:18px}.yu7-return small{display:none}.yu7-return b{font-size:10px}
  body.yu7-selected .shell>footer>a{font-size:10px}.yu7-selected footer .footer-brand span{font-size:9px}
}
@media(max-width:380px){
  body.yu7-selected .header .header-tools{gap:5px!important}.yu7-hud-state span{max-width:95px}
  body.yu7-selected .header .brand{font-size:13px!important}.yu7-footer-identity strong{font-size:18px}
  body.yu7-selected .header .theme-toggle [data-theme-label]{display:none}
  .yu7-instrument{display:none}
  body.yu7-selected .yu7-scroll-hint{display:none}
}
@media(prefers-reduced-motion:reduce){
  body.yu7-selected .header *,body.yu7-selected .yu7-footer-console *,body.yu7-selected .yu7-instrument *{animation:none!important;transition:none!important}
  html[data-theme] body.yu7-selected .header::after{transition:none!important}
}
body.yu7-selected:has(#motion-pause:checked) .header *,
body.yu7-selected:has(#motion-pause:checked) .yu7-footer-console *,
body.yu7-selected:has(#motion-pause:checked) .yu7-instrument *{animation:none!important;transition:none!important}
body.yu7-selected:has(#motion-pause:checked) .header::after{transition:none!important}
@media(min-width:801px){
  html[data-theme] body.ambient-page.yu7-selected .header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important}
}
@media(min-width:801px) and (max-width:1000px){
  body.yu7-selected .header .header-action span{display:none}
  body.yu7-selected .header .header-tools{gap:6px!important}
}

/* The model stage inherits the blue showroom and its curved instrument bars. */
.yu7-stage{overflow:clip}
.model-showroom{position:absolute;inset:125px 4.5vw 144px;border:1px solid #d0e5f64d;border-radius:26px;overflow:hidden;background:radial-gradient(ellipse at 50% 25%,#c1d7e42b,transparent 65%);isolation:isolate}
.model-viewer,.model-legacy,.cabin-model-viewer{position:absolute;inset:0}.car-three-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-4px}.car-three-canvas:active{cursor:grabbing}.car-three-canvas:focus-visible{outline:2px solid #ceeefa;border-radius:20px}
.model-heading{position:absolute;left:28px;top:24px;pointer-events:none;color:#fff}.model-kicker,.cabin-model-heading>span{font:10px/1.5 monospace;letter-spacing:.22em;color:#d5e9f1}.model-heading h2{font-size:clamp(24px,2.5vw,42px);font-weight:500;letter-spacing:-.04em;line-height:1.1;margin:9px 0}.model-heading p{font-size:12px;color:#d8e8ef;margin:0}
.model-showroom button,.yu7-cabin.has-cabin-model button{border:1px solid #d7f0ff59;background:#38576b38;color:#f4faff;backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff18;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}
.model-showroom button:hover,.yu7-cabin.has-cabin-model button:hover{background:#c2e8ff32;box-shadow:0 4px 20px #1234461c,inset 0 1px #fff5}.model-showroom button:focus-visible,.yu7-cabin.has-cabin-model button:focus-visible{outline:2px solid #daf3ff;outline-offset:3px}
.model-arrow{position:absolute;top:50%;margin-top:-26px;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;font:32px/1 sans-serif;padding:0}.model-prev{left:20px}.model-next{right:20px}
.model-toolbar{position:absolute;bottom:22px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.model-pagination,.model-tools{display:flex;gap:7px;align-items:center}.model-pagination button{width:36px;height:36px;border-radius:50%;font:11px/1 monospace;padding:0}.model-pagination button[aria-pressed=true]{background:#e3f4fc;color:#34586a;border-color:#e3f4fc;box-shadow:0 0 20px #b8e6ff48}.model-tools button{min-height:38px;padding:8px 15px;border-radius:999px;font-size:12px}.model-hint{position:absolute;bottom:31px;left:50%;transform:translateX(-50%);pointer-events:none;font-size:11px;letter-spacing:.06em;color:#e4f2f8d9}
.model-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#6b879d88;backdrop-filter:blur(8px);color:white;font-size:13px;z-index:3;pointer-events:none}.model-loading i{width:22px;height:22px;border:2px solid #fff3;border-top-color:white;border-radius:50%;animation:model-spin 1s linear infinite}.model-loading.has-error i{display:none}.model-loading button{pointer-events:auto;border-radius:24px;padding:9px 15px}.model-showroom [hidden],.cabin-three [hidden]{display:none!important}
.model-legacy .garage-title{display:none}.model-legacy .garage-plane{inset:0;transform:none;width:100%;height:100%;aspect-ratio:auto;border:0;box-shadow:none}.model-legacy .garage-actions{bottom:70px;z-index:1}.model-legacy .garage-status{bottom:115px}.model-legacy .garage-detail{z-index:4}.model-legacy .garage-detail img{object-fit:contain}
/* Feather the actual media rectangle, including its animated canvas, rather
   than the larger letterboxed stage. The vehicle and ground shadow stay opaque. */
.model-showroom[data-car="veyra"]{background:transparent}
.model-legacy .garage-plane{container-type:size;background:transparent;border-radius:0}
.model-legacy .garage-plane>.garage-exterior,.model-legacy .garage-plane>canvas{
  inset:auto;left:50%;top:50%;width:min(100cqw,177.6833cqh);height:min(100cqh,56.2799cqw);transform:translate(-50%,-50%);border-radius:0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 92%,transparent);
  -webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
.model-showroom:fullscreen,.model-showroom.model-expanded{inset:0;width:100%;height:100%;border:0;border-radius:0;background:#6b879d}.model-showroom.model-expanded{position:fixed;z-index:1100}
.yu7-cabin.has-cabin-model{background:radial-gradient(ellipse at 50% 40%,#374857,#101820 72%)}.yu7-cabin.has-cabin-model>video{display:none}.cabin-three{position:absolute;inset:0}.cabin-model-heading{position:absolute;top:132px;left:5vw;pointer-events:none;color:#fff;text-shadow:0 2px 15px #0009}.cabin-model-heading strong{display:block;font-size:clamp(21px,2.4vw,35px);font-weight:500;margin:10px 0}.cabin-model-heading p{font-size:12px;color:#d2e3ed}.yu7-cabin.has-cabin-model .cabin-model-tools{position:absolute;right:5vw;bottom:40px;display:flex;gap:8px}.yu7-cabin.has-cabin-model .cabin-model-tools button{position:static;min-height:44px;padding:10px 18px;border-radius:999px;font-size:12px}.yu7-cabin.has-cabin-model [aria-pressed=true]{background:#e1effb;color:#203b4b}.cabin-model-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 25px;border-radius:24px;background:#142d3be0;color:#fff;font-size:13px}.yu7-cabin.has-cabin-model [data-cabin-retry]{left:50%;bottom:38%;transform:translateX(-50%)}
@keyframes model-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.model-showroom{inset:142px 16px 163px;border-radius:18px}.model-heading{left:19px;top:19px}.model-heading h2{font-size:25px}.model-heading p{font-size:10px}.model-arrow{width:38px;height:38px;font-size:26px}.model-prev{left:10px}.model-next{right:10px}.model-toolbar{left:15px;right:15px;bottom:15px;flex-wrap:wrap;justify-content:center}.model-hint{bottom:100px;width:100%;text-align:center;font-size:10px}.model-pagination button{width:29px;height:29px;font-size:10px}.model-tools button{font-size:10px;min-height:30px;padding:6px 12px}.model-legacy .garage-actions{bottom:110px}.cabin-model-heading{top:145px;left:24px}.cabin-model-heading p{font-size:10px}.yu7-cabin.has-cabin-model .cabin-model-tools{right:18px;bottom:95px;left:18px;justify-content:center}.yu7-cabin.has-cabin-model .cabin-model-tools button{padding:9px 14px}.yu7-cabin.has-cabin-model>[data-yu7-cabin-back]{left:50%;transform:translateX(-50%);bottom:35px}.model-loading{font-size:11px}}
@media(prefers-reduced-motion:reduce){.model-loading i{animation:none}.model-showroom button,.yu7-cabin.has-cabin-model button{transition:none}}
/* Keep view controls clear of the companion in the lower-right corner. */
@media(min-width:761px){.model-tools{position:absolute;left:50%;transform:translateX(-50%)}.model-hint{bottom:70px}}
@media(min-width:761px){.yu7-cabin.has-cabin-model .cabin-model-tools{right:auto;left:50%;transform:translateX(-50%)}}

/* Curved, recessed panoramic display. Only the automotive header opts in. */
.yu7-sky-surface,.yu7-sky-meter,.yu7-sky-map,.yu7-sky-nav-dial{display:none}
html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline,
html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline:is(.is-scrolled,:not(.is-scrolled)){
  position:fixed!important;inset:0 0 auto!important;transform:none!important;
  width:100%!important;max-width:none!important;margin:0!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  min-height:106px!important;box-sizing:border-box!important;padding:8px clamp(28px,3vw,70px) 24px!important;gap:24px!important;
  isolation:isolate;overflow:visible!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  transition:none!important;
}
html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline::before,
html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline::after{content:none!important;display:none!important}
body.yu7-selected .yu7-sky-surface{position:absolute;display:block;inset:0 0 auto;height:120px;z-index:-1;pointer-events:none;filter:drop-shadow(0 13px 14px #0008)}
.yu7-sky-surface>svg{width:100%;height:100%;overflow:visible}
.sky-lip{stroke-width:1.5;opacity:.8}
.sky-reflection{stroke:#becadb;stroke-width:.75;opacity:.17}
.sky-horizon{stroke:var(--dash-accent);stroke-width:.8;stroke-dasharray:220 780;stroke-dashoffset:0;opacity:.48;filter:drop-shadow(0 0 3px var(--dash-accent));animation:yu7-sky-scan 11s ease-in-out infinite alternate}
html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline>.brand,
html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline>.header-tools,
html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline>.header-nav{min-height:64px!important;border:0!important;padding:0!important;box-shadow:none!important;background:transparent!important}
html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline>.brand{transform:perspective(1000px) rotateY(7deg)!important;transform-origin:left center;justify-self:start;gap:14px}
html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline>.header-tools{transform:perspective(1000px) rotateY(-7deg)!important;transform-origin:right center;justify-self:end;gap:12px!important}
html[data-theme] body.yu7-selected .header.yu7-skyline .brand-mark{
  position:relative;width:44px;height:44px;background:radial-gradient(ellipse at 50% 85%,var(--dash-soft),transparent 72%)!important;
  border-radius:50%!important;border:1px solid #ffffff24!important;box-shadow:0 -3px 11px -6px var(--dash-accent)!important;font-size:30px!important;
}
body.yu7-selected .header.yu7-skyline .brand-mark::before{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid transparent;border-top-color:var(--dash-accent);border-left-color:#ffffff3a;transform:rotate(-32deg);filter:drop-shadow(0 0 3px var(--dash-accent))}
body.yu7-selected .header.yu7-skyline .yu7-hud-state{font-size:10px;margin-top:4px;letter-spacing:.02em;color:#a8b2c1}
body.yu7-selected .header.yu7-skyline .brand{font-size:17px!important;letter-spacing:.08em}
body.yu7-selected .yu7-sky-meter{position:relative;display:block;width:128px;height:76px;flex:none;margin:-6px 0 -5px 22px;color:#fff;letter-spacing:0}
.yu7-sky-meter>svg{position:absolute;inset:0;width:100%;height:100%;fill:none}
.sky-meter-bed{stroke:#ffffff17;stroke-width:3}
.sky-meter-ticks{stroke:#f3f8ff;stroke-width:5;stroke-dasharray:1 7;opacity:.65}
.sky-meter-fill{stroke:var(--dash-accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--sky-meter-value,0));filter:drop-shadow(0 0 4px var(--dash-accent));transition:stroke-dashoffset .25s linear}
.sky-meter-inner{stroke:#ffffff12;stroke-width:.8}
.sky-meter-number{position:absolute;top:28px;left:0;width:100%;text-align:center;font:400 29px/1 monospace;letter-spacing:-.07em;text-shadow:0 0 12px #ffffff21}
.sky-meter-number small{font:9px monospace;margin-left:4px;color:#98a5b8}
.sky-meter-label{position:absolute;top:58px;width:100%;left:0;text-align:center;color:#9eacbe;font:8px/1.3 system-ui;letter-spacing:.16em}

/* Navigation lives inside the display: circular ticks and illuminated arcs. */
html[data-theme] body.yu7-selected .header.yu7-skyline .header-nav{gap:10px!important;width:auto!important;justify-self:center!important;margin:0!important;align-items:center;transform:none!important}
html[data-theme] body.yu7-selected .header.yu7-skyline .header-nav>a{
  display:flex;align-items:center;justify-content:center;position:relative;flex:none;
  width:92px;min-height:70px;box-sizing:border-box;padding:20px 2px 0!important;
  font-size:13px!important;line-height:1.2;color:#b7bfcb!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;text-shadow:0 0 8px #ffffff18;
  animation:none!important;transition:color .25s,text-shadow .25s!important;
}
html[data-theme] body.yu7-selected .header.yu7-skyline .header-nav>a::before{
  content:attr(data-instrument-index);position:absolute;left:50%;top:16px;transform:translateX(-50%);margin:0;
  color:#96a1b1;opacity:.8;font:8px/1 monospace;
}
html[data-theme] body.yu7-selected .header.yu7-skyline .header-nav>a::after{content:none!important;display:none!important}
body.yu7-selected .yu7-sky-nav-dial{display:block;position:absolute;inset:0;width:100%;height:100%;fill:none;pointer-events:none;overflow:visible}
.sky-nav-track{stroke:#aab6c3;stroke-width:.8;opacity:.25}
.sky-nav-ticks{stroke:#b9c5d7;stroke-width:3.5;stroke-dasharray:1 7;opacity:.3;transition:opacity .3s}
.sky-nav-active{stroke:var(--dash-accent);stroke-width:2;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;opacity:0;filter:drop-shadow(0 0 4px var(--dash-accent));transition:stroke-dashoffset .55s cubic-bezier(.16,1,.3,1),opacity .3s}
html[data-theme] body.yu7-selected .header.yu7-skyline .header-nav>a:is([aria-current],:hover,:focus-visible){color:#fff!important;background:transparent!important;box-shadow:none!important;text-shadow:0 0 18px var(--dash-accent)}
.yu7-selected .yu7-skyline .header-nav>a:is([aria-current],:hover,:focus-visible) .sky-nav-active{stroke-dashoffset:0;opacity:1}
.yu7-selected .yu7-skyline .header-nav>a:is([aria-current],:hover,:focus-visible) .sky-nav-ticks{opacity:.85}
.yu7-selected .yu7-skyline .header-nav>a[aria-current] .sky-nav-active{animation:yu7-sky-ignite 1.1s cubic-bezier(.16,1,.3,1) both}
body.yu7-selected .yu7-sky-map{position:relative;display:block;width:166px;height:65px;margin-right:12px;flex:none}
.yu7-sky-map>svg{width:100%;height:55px;fill:none;overflow:visible}
.sky-map-road{stroke:#aeb7c6;stroke-width:1.2;opacity:.48}
.sky-map-route{stroke:var(--dash-accent);stroke-width:2;stroke-dasharray:3 2;animation:yu7-sky-route 4s linear infinite;filter:drop-shadow(0 0 3px var(--dash-accent))}
.sky-map-arrow{fill:#fff;stroke:var(--dash-accent);stroke-width:1.4}
.sky-map-pulse{stroke:var(--dash-accent);stroke-width:.8;opacity:.3;transform-box:fill-box;transform-origin:center;animation:yu7-sky-locate 3s ease-out infinite}
.yu7-sky-map>span{position:absolute;bottom:0;left:0;width:100%;text-align:center;font:7px/1 monospace;letter-spacing:.2em;color:#788599}
html[data-theme] body.yu7-selected .header.yu7-skyline .header-action{
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  padding:10px 4px!important;gap:7px;color:#e9eef8!important;
}
html[data-theme] body.yu7-selected .header.yu7-skyline .header-action:hover{color:var(--dash-accent)!important;text-shadow:0 0 12px var(--dash-accent)}
html[data-theme] body.yu7-selected .header.yu7-skyline .theme-toggle{background:transparent!important;padding:8px 4px!important;min-width:0}
body.yu7-selected .header.yu7-skyline .theme-toggle [data-theme-label]{font-size:11px}
body.yu7-selected .header.yu7-skyline .motion-setting{padding:8px 5px!important}
body.yu7-selected .header.yu7-skyline :is(a,button):focus-visible{outline-offset:1px!important;outline-width:1px!important}
@keyframes yu7-sky-ignite{from{stroke-dashoffset:100;opacity:.15}to{stroke-dashoffset:0;opacity:1}}
@keyframes yu7-sky-scan{from{stroke-dashoffset:180;opacity:.25}to{stroke-dashoffset:-700;opacity:.6}}
@keyframes yu7-sky-route{to{stroke-dashoffset:-40}}
@keyframes yu7-sky-locate{0%{transform:scale(.65);opacity:.7}85%,100%{transform:scale(1.6);opacity:0}}
@media(min-width:801px) and (max-width:1399px){
  body.yu7-selected .yu7-sky-map{display:none}
  body.yu7-selected .yu7-sky-meter{width:105px;margin-left:10px}
  html[data-theme] body.yu7-selected .header.yu7-skyline .header-nav{gap:5px!important}
  html[data-theme] body.yu7-selected .header.yu7-skyline .header-nav>a{width:84px;font-size:12px!important}
}
@media(min-width:801px) and (max-width:1140px){
  body.yu7-selected .yu7-sky-meter{display:none}
  html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline>.header-tools{gap:9px!important}
  body.yu7-selected .header.yu7-skyline .motion-setting>span:last-child{display:none}
}
@media(max-width:800px){
  html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline,
  html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline:is(.is-scrolled,:not(.is-scrolled)){
    inset:0 0 auto!important;grid-template-columns:minmax(0,1fr) auto!important;
    min-height:0!important;padding:10px 22px 15px!important;gap:0 16px!important;width:100%!important;
  }
  body.yu7-selected .yu7-sky-surface{height:130px;filter:drop-shadow(0 8px 10px #0009)}
  .yu7-selected .yu7-sky-surface .sky-shell{d:path("M0 0H1600V88Q800 135 0 88Z")}
  .yu7-selected .yu7-sky-surface .sky-lip{d:path("M0 88Q800 135 1600 88")}
  .yu7-selected .yu7-sky-surface .sky-horizon{d:path("M80 96Q800 126 1520 96")}
  html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline>.brand,
  html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline>.header-tools{min-height:35px!important;transform:none!important;gap:10px!important}
  body.yu7-selected .header.yu7-skyline .brand{font-size:14px!important;gap:10px}
  html[data-theme] body.yu7-selected .header.yu7-skyline .brand-mark{width:28px;height:28px;font-size:22px!important}
  body.yu7-selected .header.yu7-skyline .brand-mark::before{inset:-3px}
  body.yu7-selected .header.yu7-skyline .yu7-hud-state{font-size:8px;margin-top:1px}
  body.yu7-selected .header.yu7-skyline .yu7-sky-meter,body.yu7-selected .header.yu7-skyline .yu7-sky-map{display:none}
  html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline>.header-nav{grid-column:1/-1!important;grid-row:2!important;min-height:62px!important;justify-self:center!important;justify-content:center!important;gap:5px!important;width:100%!important;border:0!important;transform:none!important;padding:0!important}
  html[data-theme] body.yu7-selected .header.yu7-skyline .header-nav>a{flex:1;max-width:95px;width:auto;min-height:62px;padding:18px 0 0!important;font-size:11px!important}
  html[data-theme] body.yu7-selected .header.yu7-skyline .header-nav>a::before{font-size:7px;top:14px}
  body.yu7-selected .header.yu7-skyline .motion-setting{min-height:32px!important;width:32px!important;padding:3px!important}
  body.yu7-selected .header.yu7-skyline .theme-toggle{min-height:32px!important}
  body.yu7-selected .header.yu7-skyline .header-action{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  body.yu7-selected .header.yu7-skyline *,body.yu7-selected .header.yu7-skyline *::before{animation:none!important;transition:none!important}
}
body.yu7-selected:has(#motion-pause:checked) .header.yu7-skyline *,
body.yu7-selected:has(#motion-pause:checked) .header.yu7-skyline *::before{animation:none!important;transition:none!important}

/* The lower display is the upper screen's actual silhouette, mirrored vertically. */
.yu7-floor-surface{display:none}
body.yu7-selected .yu7-bottom{
  left:0;right:0;bottom:0;min-height:120px;padding:64px clamp(28px,3vw,70px) 12px;
  isolation:isolate;border:0;border-radius:0;background:transparent;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
body.yu7-selected .yu7-bottom::before{content:none}
/* The opening film and parked cars share one curved dashboard surface. */
body.yu7-selected .yu7-bottom{z-index:9}
.yu7-opening-label,.yu7-opening-actions{display:none}
.yu7-stage.is-opening .yu7-chapters,.yu7-stage.is-opening .yu7-bottom-actions{display:none}
.yu7-stage.is-opening .yu7-opening-label{display:block;grid-column:1;grid-row:1;transform:translateY(-10px);font:10px/1.5 monospace;letter-spacing:.16em;color:var(--dash-muted)}
.yu7-opening-label i{color:var(--dash-accent);font-style:normal;margin:0 8px}
.yu7-stage.is-opening .yu7-instrument{grid-column:2;grid-row:1}
.yu7-stage.is-opening .yu7-opening-actions{display:flex;align-items:center;justify-content:flex-end;justify-self:end;grid-column:3;grid-row:1;gap:10px;padding-right:74px;transform:translateY(-10px)}
.yu7-opening-actions button{min-height:44px;padding:10px 13px;border:1px solid var(--dash-line);border-radius:7px;background:#ffffff08;color:var(--dash-ink);font:12px/1.4 system-ui;white-space:nowrap;cursor:pointer}
.yu7-opening-actions button[hidden]{display:none!important}
.yu7-opening-actions button:hover{background:var(--dash-soft)}
.yu7-opening-actions button:focus-visible{outline:2px solid var(--dash-accent);outline-offset:4px}
@media(max-width:760px){
  .yu7-stage.is-opening .yu7-opening-label{font-size:9px;letter-spacing:.1em;transform:none}
  .yu7-stage.is-opening .yu7-opening-actions{grid-column:1/-1;grid-row:2;padding:8px 0 0;justify-self:stretch;margin-top:14px;transform:translateY(-8px)}
  .yu7-opening-actions button{min-height:36px;padding:7px 9px;font-size:10px}
}
body.yu7-selected .yu7-floor-surface{display:block;position:absolute;inset:auto 0 0;height:120px;z-index:-1;pointer-events:none;filter:drop-shadow(0 -8px 12px #0006)}
.yu7-floor-surface>svg{width:100%;height:100%;overflow:visible;transform:scaleY(-1)}
body.yu7-selected .yu7-bottom>.yu7-instrument{transform:translateY(-17px)}
body.yu7-selected .yu7-bottom-actions{transform:translateY(-10px)}
body.yu7-selected .yu7-scene-caption{bottom:146px}
body.yu7-selected .yu7-enter-cabin{bottom:168px}
body.yu7-selected .yu7-enter-cabin{
  border-radius:15px;border:1px solid #ffffff42;
  background:linear-gradient(135deg,#ffffff14,#ffffff04);
  backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);
  box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #ffffff0d,0 12px 30px #00000030;
  color:#f6f9ff;text-shadow:0 1px 7px #0008;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease;
}
@media(hover:hover){body.yu7-selected .yu7-enter-cabin:hover{transform:translateY(-3px);border-color:#ffffff75;background:linear-gradient(135deg,#ffffff22,#ffffff08);box-shadow:inset 0 1px #ffffff50,0 17px 34px #0004}}
body.yu7-selected .yu7-enter-cabin:active{transform:translateY(-1px)}
body.yu7-selected .yu7-enter-cabin:focus-visible{outline:2px solid #e6f4ff;outline-offset:4px}
body.yu7-selected .garage-title{z-index:3;pointer-events:none}

/* Both screens follow the blue-grey studio instead of remaining black. */
body.yu7-selected{--sky-stop-0:#020305;--sky-stop-1:#050609;--sky-stop-2:#0c1017;--sky-stop-3:#242932}
body.yu7-selected :is(#yu7-sky-material,#yu7-floor-material)>stop{transition:stop-color .7s ease}
body.yu7-selected :is(#yu7-sky-material,#yu7-floor-material)>stop:nth-child(1){stop-color:var(--sky-stop-0)}
body.yu7-selected :is(#yu7-sky-material,#yu7-floor-material)>stop:nth-child(2){stop-color:var(--sky-stop-1)}
body.yu7-selected :is(#yu7-sky-material,#yu7-floor-material)>stop:nth-child(3){stop-color:var(--sky-stop-2)}
body.yu7-selected :is(#yu7-sky-material,#yu7-floor-material)>stop:nth-child(4){stop-color:var(--sky-stop-3)}
body.yu7-selected[data-car-palette="studio"]{
  --sky-stop-0:#547084;--sky-stop-1:#607e93;--sky-stop-2:#6b899e;--sky-stop-3:#a1bbcb;
  --dash-surface:linear-gradient(110deg,#58768cea,#67899de8 52%,#57768ce8);
  --dash-line:#c5e6f566;--dash-muted:#e0eaf3;--dash-soft:#d2eeff24;
}
body.yu7-selected[data-car-palette="studio"] .yu7-sky-surface{filter:drop-shadow(0 8px 12px #243e5126)}
body.yu7-selected[data-car-palette="studio"] .yu7-floor-surface{filter:drop-shadow(0 -8px 12px #243e5126)}
html[data-theme] body.yu7-selected[data-car-palette="studio"] .header.yu7-skyline .header-nav>a{color:#e4eef7!important}
body.yu7-selected[data-car-palette="studio"] :is(.sky-meter-label,.sky-meter-number small,.yu7-sky-map>span,.sky-meter-label,.yu7-hud-state,.yu7-scroll-hint){color:#e0eaf3!important}
html[data-theme] body.yu7-selected[data-car-palette="studio"] .header.yu7-skyline .header-nav>a::before{color:#dbe8f3}
body.yu7-selected[data-car-palette="studio"] .yu7-chapters button{color:#e0eaf3}
@media(max-width:760px){
  body.yu7-selected .yu7-bottom{left:0;right:0;bottom:0;min-height:136px;padding:38px 82px 12px 22px;gap:8px 12px}
  body.yu7-selected .yu7-floor-surface{height:150px}
  .yu7-selected .yu7-floor-surface .sky-shell{d:path("M0 0H1600V88Q800 135 0 88Z")}
  .yu7-selected .yu7-floor-surface .sky-lip{d:path("M0 88Q800 135 1600 88")}
  .yu7-selected .yu7-floor-surface .sky-horizon{d:path("M80 96Q800 126 1520 96")}
  body.yu7-selected .yu7-bottom>.yu7-instrument{transform:none}
  body.yu7-selected .yu7-bottom-actions{transform:translateY(-8px);margin-top:14px;border-top:0;justify-content:flex-end}
  body.yu7-selected .yu7-scene-caption{bottom:153px}
  body.yu7-selected .yu7-enter-cabin{bottom:180px}
}

/* Personal portraits and the page ending share the current world, including rain. */
html[data-theme] body.ambient-page.yu7-selected{--car-panel:color-mix(in srgb,var(--yu7-world) 88%,#000)}
html[data-theme] body.ambient-page.yu7-selected .character-studio:not([data-style="reference"]){
  background:var(--car-panel);color:#f5f9fc;border:1px solid #d0eaff26;
  box-shadow:0 20px 55px #13212b22;transition:background-color .65s ease;
}
html[data-theme] body.ambient-page.yu7-selected .character-studio:not([data-style="reference"])::before{background:radial-gradient(ellipse at 20% 65%,#e1f3ff,transparent 65%);opacity:.045}
html[data-theme] body.ambient-page.yu7-selected .character-studio:not([data-style="reference"])::after{background:linear-gradient(0deg,var(--car-panel),transparent 30%)}
html[data-theme] body.ambient-page.yu7-selected .character-studio:not([data-style="reference"]) :is(.character-title,.character-wordmark){color:#fff}
html[data-theme] body.ambient-page.yu7-selected .character-studio:not([data-style="reference"]) :is(.character-intro,.character-hint strong,.character-wordmark b){color:#d9edff}
html[data-theme] body.ambient-page.yu7-selected .character-studio:not([data-style="reference"]) :is(.character-message,.character-hint,.character-turn-controls label){color:#e6edf6}
html[data-theme] body.ambient-page.yu7-selected .character-studio:not([data-style="reference"]) :is(.character-edition,.character-picker-toggle,.character-turn-controls button){background:#ffffff0c;color:#f0f7ff;border-color:#ffffff38}
html[data-theme] body.ambient-page.yu7-selected .character-studio:not([data-style="reference"]) .character-share{color:#edf4fb;background:transparent;border-color:#ffffff40}
html[data-theme] body.ambient-page.yu7-selected .shell>footer{background:var(--car-panel)!important;box-shadow:inset 0 1px #ffffff12,0 20px 50px #13212b22;transition:background-color .65s ease}

/* Round instrument keys mirror the N emblem, only in the automotive header. */
html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline :is(.nq-motion-switch,.header-action){
  --round-glow:var(--dash-accent);position:relative;display:inline-flex!important;align-items:center;justify-content:center;
  width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
  padding:0!important;margin:0;gap:0!important;flex:none;box-sizing:border-box;
  border:1px solid #ffffff30!important;border-radius:50%!important;background:transparent!important;
  color:#edf6ff!important;box-shadow:inset 0 -6px 14px -10px var(--round-glow),0 -3px 11px -6px var(--round-glow)!important;
}
html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline .nq-motion-switch{--round-glow:var(--motion-glow)}
html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline :is(.nq-motion-switch,.header-action)::before{
  content:"";position:absolute;inset:-5px;pointer-events:none;border-radius:50%;
  border:1px solid transparent;border-top-color:var(--round-glow);border-left-color:#ffffff40;
  transform:rotate(-32deg);filter:drop-shadow(0 0 3px var(--round-glow));
}
html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline :is(.nq-motion-switch,.header-action)>svg{width:20px;height:20px;margin:0;flex:none}
html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline :is(.nq-motion-label,.nq-motion-indicator,.header-action>span){display:none!important}
html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline :is(.nq-motion-switch,.header-action):hover{border-color:var(--round-glow)!important;box-shadow:inset 0 0 14px -8px var(--round-glow),0 0 17px -8px var(--round-glow)!important}
@media(max-width:800px){
  html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline :is(.nq-motion-switch,.header-action){width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}
  html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline :is(.nq-motion-switch,.header-action)::before{inset:-3px}
  html[data-theme] body.ambient-page.yu7-selected .header.yu7-skyline :is(.nq-motion-switch,.header-action)>svg{width:17px;height:17px}
}

/* One orbit launcher, three lightweight floating choices. */
body.home-controls-ready #yu7-dock>button{display:none!important}
body.ambient-page.home-controls-ready>#yu7-dock{right:var(--home-controls-right,34px);bottom:var(--home-controls-bottom,124px)}
body.home-controls-ready #yu7-panel{bottom:0;max-height:calc(100dvh - var(--home-controls-bottom,124px) - 18px);overflow-y:auto}
#nq-home-controls[hidden]{display:none!important}
body.ambient-page>#nq-home-controls{
  --control-glass:#f9fbffcc;--control-text:#324566;--control-muted:#637694;--control-line:#8eabd34d;
  position:fixed!important;z-index:82;right:var(--home-controls-right,34px);bottom:var(--home-controls-bottom,124px);
  display:grid;gap:12px;width:min(210px,calc(100vw - 56px));padding-left:22px;box-sizing:border-box;isolation:isolate;
}
html[data-theme=dark] #nq-home-controls{--control-glass:#172335bd;--control-text:#eef5ff;--control-muted:#b1c2db;--control-line:#c0d8ff38}
body.yu7-selected #nq-home-controls{--control-glass:color-mix(in srgb,var(--yu7-world) 78%,transparent);--control-text:#f3f7fc;--control-muted:#d9e8f1;--control-line:#e2f5ff4d}
#nq-home-controls>button{
  --choice-color:#93b6ff;--choice-shift:0px;position:relative;display:flex;align-items:center;gap:12px;
  width:100%;min-height:64px;padding:11px 15px;border:1px solid var(--control-line);border-radius:19px;
  background:linear-gradient(125deg,#ffffff17,transparent 70%),var(--control-glass);color:var(--control-text);
  box-shadow:0 10px 30px #0a172321,inset 0 1px 0 #ffffff1a;backdrop-filter:blur(22px) saturate(120%);
  font:inherit;text-align:left;cursor:pointer;transform:translateX(var(--choice-shift));
  animation:home-choice-enter .38s cubic-bezier(.2,.8,.2,1) both,home-choice-float 4s ease-in-out .5s infinite;
  transition:border-color .2s,background .2s,box-shadow .2s;
}
#nq-home-controls>button:nth-child(1){--choice-color:#efb296;--choice-shift:-22px;animation-delay:.08s,.58s}
#nq-home-controls>button:nth-child(2){--choice-color:#8bd8e6;--choice-shift:-10px;animation-delay:.04s,.54s}
#nq-home-controls>button:nth-child(3){--choice-color:#c5b1f3}
#nq-home-controls>button>span:nth-child(2){display:grid;gap:3px}
#nq-home-controls b{font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap}
#nq-home-controls small{font-size:10px;line-height:1.4;color:var(--control-muted);white-space:nowrap}
#nq-home-controls .home-control-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:11px;color:var(--choice-color);background:color-mix(in srgb,var(--choice-color) 14%,transparent)}
#nq-home-controls svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#nq-home-controls i{width:5px;height:5px;flex:none;margin-left:auto;border-radius:50%;background:var(--control-muted);opacity:.6}
#nq-home-controls [aria-pressed=true] i{background:#adf5d9;box-shadow:0 0 10px #8af2ca;opacity:1}
#nq-home-controls>button:hover:not(:disabled){border-color:var(--choice-color);box-shadow:0 12px 35px #08152235,inset 0 0 20px #ffffff09}
#nq-home-controls>button:focus-visible{outline:2px solid var(--choice-color);outline-offset:4px}
#nq-home-controls>button:disabled{opacity:.62;cursor:default}
body.home-controls-ready .pet-launcher-status,body.home-controls-ready .pet-launcher[aria-expanded=true] .pet-launcher-tooltip{display:none}
body.home-controls-ready .pet-launcher[aria-expanded=true]{z-index:83}
body.yu7-selected.home-controls-ready .pet-launcher-core{fill:var(--yu7-world)}
#home-pet-settings .pet-close{position:relative;display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:0!important;margin:0;line-height:1;font-size:0!important}
#home-pet-settings .pet-close::before,#home-pet-settings .pet-close::after{content:'';position:absolute;left:50%;top:50%;width:14px;height:2px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}
#home-pet-settings .pet-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
@keyframes home-choice-enter{from{opacity:0;transform:translate(var(--choice-shift),22px) scale(.86)}to{opacity:1;transform:translate(var(--choice-shift),0) scale(1)}}
@keyframes home-choice-float{0%,100%{transform:translate(var(--choice-shift),0)}50%{transform:translate(var(--choice-shift),-3px)}}
@media(max-width:760px){#nq-home-controls{width:194px;gap:10px}#nq-home-controls>button{min-height:59px;padding:9px 12px;border-radius:17px}#nq-home-controls b{font-size:13px}}
@media(prefers-reduced-motion:reduce){#nq-home-controls>button{animation:none;transition:none}}
body:has(#motion-pause:checked) #nq-home-controls>button{animation:none}

/* Real outward-opening door footage, followed by the original 4K cabin. */
.yu7-cabin.is-photo-cabin{animation:none;background:#08090d;overflow:hidden;isolation:isolate}
.cabin-photo-room,.cabin-door-entry{position:absolute;inset:0}
.cabin-photo-room{z-index:1;background:#08090d;transform-origin:45% 48%}
.cabin-photo-room img,.yu7-cabin .cabin-photo-room video,.cabin-entry-first,.yu7-cabin .cabin-entry-film{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
.cabin-photo-poster{opacity:1}.yu7-cabin .cabin-photo-room video{opacity:0}.cabin-photo-still{opacity:0}
.cabin-video-ready .cabin-photo-room video{opacity:1}
.cabin-film-ended .cabin-photo-room video{opacity:0}.cabin-film-ended .cabin-photo-still{opacity:1}
.cabin-door-entry{z-index:2;pointer-events:none;overflow:hidden;background:#050609;transform-origin:72% 46%}
.yu7-cabin .cabin-entry-film{opacity:0}.cabin-door-entry.has-frame .cabin-entry-film{opacity:1}
.yu7-cabin.is-photo-cabin>[data-yu7-cabin-back]{z-index:5;border:1px solid #ffffff4d;background:#11192366;box-shadow:inset 0 1px #ffffff24,0 8px 28px #0002;backdrop-filter:blur(16px);transition:background .2s}
.yu7-cabin.is-photo-cabin>[data-yu7-cabin-back]:hover{background:#172535a6}
.yu7-cabin.is-photo-cabin>[data-yu7-cabin-back]:focus-visible{outline:2px solid #fff;outline-offset:4px}
.cabin-photo-status{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);padding:13px 24px;border:1px solid #ffffff25;border-radius:999px;background:#0a101cd9;color:#eef3fa;backdrop-filter:blur(16px);font-size:13px;white-space:nowrap}
.yu7-cabin.is-photo-cabin>.cabin-photo-retry{z-index:5;left:50%;bottom:35%;transform:translateX(-50%)}
.yu7-cabin.is-photo-cabin [hidden]{display:none!important}
@media(max-width:760px){.cabin-photo-room img,.yu7-cabin .cabin-photo-room video,.cabin-entry-first,.yu7-cabin .cabin-entry-film{object-fit:contain}.cabin-photo-status{font-size:11px}.yu7-cabin.is-photo-cabin>[data-yu7-cabin-back]{bottom:32px;left:22px}}
