.header-actions .home-language nav{top:calc(100% + 22px)!important}.scope-view{aspect-ratio:8/5;min-height:0!important}.scope-view .scope-scene{position:absolute;inset:0;filter:none;transform:none!important;object-fit:cover;transition:opacity .35s}.scope-view:after{display:none}.scope-scan,.chapter-sheen{display:none}.view-counter{position:absolute;bottom:22px;left:24px;color:#fff;font:12px/1.5 system-ui;letter-spacing:.15em;padding:8px 12px;background:#142018aa;border-radius:30px}.zone-arrow{font-size:8px;opacity:.3}.zone[aria-pressed=true] .zone-arrow{opacity:1;transform:none}.auto-toggle{position:absolute;right:18px;bottom:18px;z-index:4;width:44px;height:44px;border:1px solid #fff5;border-radius:50%;background:#18231de6;color:#f0d49e;font-size:18px;display:grid;place-items:center}.scope-view,.guide-panel,.light-compare,.seat-illustration{position:relative}.guide-panel{gap:44px}.tutorial.demo{min-height:0;aspect-ratio:8/5;border-radius:24px;isolation:isolate;background:#101812;transform:none}.tutorial video{width:100%;height:100%;object-fit:cover}.tutorial:before,.tutorial:after{display:none}.gesture{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:none;align-items:center;justify-content:center;min-width:64px;height:58px;border-radius:16px;background:#142019cc;border:1px solid #f0d49e88;color:#f0d49e;font-size:30px;box-shadow:0 8px 30px #0006}.gesture kbd{width:48px;height:44px;display:grid;place-items:center;background:#edd49c;color:#18201a;font-size:23px}.tutorial[data-phase="0"] .gesture-walk,.tutorial[data-phase="1"] .gesture-look,.tutorial[data-phase="2"] .gesture-jump{display:flex}.tutorial[data-phase="1"] .gesture-look{animation:gesture-pan 2.66s ease-in-out infinite}.tutorial[data-phase="2"] .gesture-jump{animation:gesture-jump 2.66s ease-in-out infinite}.guide-steps li{transition:opacity .4s,color .4s}.guide-steps li:not(.demo-active){opacity:.45}.guide-steps .demo-active{color:#efd19a}.light-compare{aspect-ratio:8/5!important;height:auto!important;min-height:0!important;max-height:65svh}.light-compare img{object-fit:cover!important}.light-compare .auto-toggle{bottom:20px}.seat-illustration{min-height:360px!important;aspect-ratio:8/5;overflow:hidden;padding:24px!important;background:#1e2820}.seat-result{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;transition:opacity 1s,transform 2s;transform:scale(1.06)}.illustration-top{position:relative;z-index:2}.seat-picker-demo{position:absolute;z-index:2;left:15%;right:15%;top:24%;padding:20px;background:#1d2925ee;border:1px solid #c3cbb85c;backdrop-filter:blur(14px);border-radius:18px;transition:opacity .6s,transform .6s;font-size:14px}.picker-fields{display:flex;gap:8px;margin:16px 0}.picker-fields span{flex:1;padding:10px;background:#ffffff12;border:1px solid #ffffff33;border-radius:8px}.picker-confirm{padding:9px;text-align:center;border:1px solid #ebc78788;border-radius:24px;background:#ebc78722}.demo-cursor{position:absolute;right:25px;bottom:5px;font-size:35px;color:white;filter:drop-shadow(0 2px 2px #000)}.seat-illustration[data-step="0"] .seat-picker-demo{opacity:0;transform:translateY(20px)}.seat-illustration[data-step="1"] .picker-fields span{border-color:#ebc787}.seat-illustration[data-step="2"] .seat-picker-demo{opacity:0;transform:scale(.93);pointer-events:none}.seat-illustration[data-step="2"] .seat-result{opacity:1;transform:scale(1)}.seat-illustration .seat-example{position:absolute;bottom:66px;left:24px;right:24px;z-index:2;background:#142019d9;padding:8px 12px;border-radius:10px}.seat-illustration #seat-step-description{position:absolute;z-index:2;bottom:12px;left:24px;right:78px;margin:0;padding:8px 10px;background:#142019dc;border-radius:8px;font-size:12px}.seat-illustration .illustration-pick{background:#20332bea}.seat-illustration[data-step="0"] .illustration-pick{box-shadow:0 0 0 8px #ebc78722;border-color:#ebc787}.light-sticky{align-items:center}.light-heading{padding-block:20px!important}
@keyframes gesture-pan{50%{transform:translateX(calc(-50% + 30px))}}@keyframes gesture-jump{50%{transform:translate(-50%,-18px)}}
@media(max-width:700px){.scope-view{min-height:230px!important}.guide-panel{gap:24px}.tutorial.demo{min-height:220px}.seat-illustration{min-height:350px!important}.light-compare{max-height:none;aspect-ratio:8/5!important}.header-actions .home-language nav{top:calc(100% + 20px)!important}}
@media(prefers-reduced-motion:reduce){.gesture{animation:none!important}.seat-result,.scope-scene,.seat-picker-demo{transition:none!important}}
.page-inactive .gesture{animation-play-state:paused}

.scope-view{height:auto!important;min-width:0;align-self:stretch}.scope-layout{grid-template-columns:minmax(0,1fr) 260px}.tutorial{min-width:0}.guide-panel{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.light-bright{transition:clip-path 1.4s ease}.compare-divider{transition:left 1.4s ease}.light-compare:active .light-bright,.light-compare:active .compare-divider{transition:none}@media(max-width:760px){.scope-layout,.guide-panel{grid-template-columns:1fr}.scope-view{aspect-ratio:8/5}}
.seat-story{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.seat-illustration{min-width:0;width:100%}.seat-result{max-width:100%}@media(max-width:760px){.seat-story{grid-template-columns:1fr}}
.scope-view{width:100%;aspect-ratio:auto;height:clamp(300px,46svh,480px)!important}.tutorial.demo{border-radius:22px!important}.guide-steps li:not(.demo-active){opacity:.7}@media(max-width:760px){.scope-view{height:auto!important;aspect-ratio:8/5}}
#guide .wrap>.auto-toggle{top:0;bottom:auto}.seat-picker-demo .picker-fields span:nth-child(2):after{content:' ↕';opacity:.5}.seat-picker-demo .picker-fields span:nth-child(3):after{content:' ↕';opacity:.5}
.seat-illustration .illustration-top{position:absolute;top:18px;left:22px;right:22px}.seat-illustration .illustration-pick{padding:10px 14px;border-radius:24px}.seat-illustration .seat-example{margin:0;opacity:0;pointer-events:none}.seat-illustration[data-step="1"] .seat-example{opacity:0}.seat-illustration[data-step="2"] .seat-example{opacity:1}.seat-picker-demo{top:25%;padding:14px}.picker-fields{margin:10px 0}.picker-fields span{padding:8px}.seat-example strong{font-size:16px}.seat-illustration{transform:none!important}

/* Shared, deliberately quiet playback indicator; clipped video corners on WebKit too. */
.playback-track{position:absolute;left:24px;right:24px;bottom:0;height:2px;background:#e9dab51a;overflow:hidden;pointer-events:none;z-index:5}.playback-track i{display:block;width:100%;height:100%;background:#ebc78788;transform:scaleX(0);transform-origin:left;transition:transform .25s linear}.playback-track.paused{opacity:.4}#guide .wrap>.playback-track{bottom:-28px}.guide .tutorial.demo{overflow:hidden!important;border-radius:24px!important;clip-path:inset(0 round 24px)}.tutorial video{display:block;border-radius:inherit}.site-version{display:block;font-size:10px;letter-spacing:.04em;color:#a8afa1;margin-top:14px;font-variant-numeric:tabular-nums}.site-version code{font:inherit}@media(prefers-reduced-motion:reduce){.playback-track i{transition:none}}
