.scene-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#040610;isolation:isolate}
#scene-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.scene-vignette{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,#04061077,transparent 55%);pointer-events:none}
.hero-chapter{padding-right:130px}
.page-scrolled .site-header{top:0;padding-block:14px;background:#050711e8;backdrop-filter:blur(14px);border-bottom:1px solid #a8b3de18}
.scene-toggle{position:fixed;bottom:24px;right:24px;z-index:45;display:flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid #a4a5dc33;border-radius:40px;background:#090c2080;color:#c3c7e1;font:inherit;font-size:11px;letter-spacing:.08em;backdrop-filter:blur(12px);cursor:pointer}
.scene-toggle:hover{color:white;border-color:#b3a6ff88}
.scene-toggle:focus-visible{outline:2px solid #bcb2ff;outline-offset:5px}
@media(max-width:700px){.scene-toggle{bottom:16px;right:16px}.scene-toggle-label{display:none}.hero-chapter{padding-right:65px}.scene-vignette{background:linear-gradient(90deg,#040610a0,#04061045 65%,transparent)}}
.scene-background::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,#03051255,transparent 25%,transparent 68%,#030512aa)}
html[data-scene="unavailable"] .scene-background{background:radial-gradient(ellipse at 75% 44%,#263254 0,transparent 55%),#050710}
@media(prefers-reduced-motion:reduce){.scene-background *,#scene-canvas{animation:none!important;transition:none!important}}
.ambient-controls{position:fixed;bottom:24px;right:24px;z-index:45;display:flex;align-items:center;gap:10px;padding:7px;border:1px solid #98c7d133;border-radius:30px;background:#051014d9;backdrop-filter:blur(12px)}
.ambient-controls .scene-toggle{position:static;border:0;backdrop-filter:none;background:none;letter-spacing:0;padding:7px 12px;font-size:14px}
#music-toggle{display:flex;align-items:center;gap:10px;background:none;border:0;color:#c7dee2;font:inherit;font-size:14px;padding:7px 12px;cursor:pointer}
#music-toggle:focus-visible{outline:2px solid #a6e6ee;outline-offset:2px;border-radius:20px}
.music-bars{display:flex;align-items:center;gap:3px;height:18px;width:20px}.music-bars i{height:5px;width:2px;background:#91cfd6;border-radius:2px}
.is-playing .music-bars i{animation:music-level 1.1s ease-in-out infinite alternate}.is-playing .music-bars i:nth-child(2){animation-delay:-.7s}.is-playing .music-bars i:nth-child(3){animation-delay:-.3s}.is-playing .music-bars i:nth-child(4){animation-delay:-.9s}
.ambient-controls .music-level{display:flex;align-items:center;gap:7px;font-size:12px;color:#91aeb8;margin:0;white-space:nowrap}.ambient-controls .music-level input{width:75px;min-width:0;height:18px;padding:0;border:0;background:none;box-shadow:none;accent-color:#a1dde3;cursor:pointer;flex:0 0 75px}
@keyframes music-level{to{height:17px}}
html[data-panels="integrated"] [data-world-panel]{background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-panels="integrated"] .scene-vignette{background:radial-gradient(ellipse at 50% 40%,transparent 30%,#02070c40)}
@media(max-width:760px){.ambient-controls{bottom:12px;right:12px;gap:0}.ambient-controls .scene-toggle{padding:7px 10px}.music-level span,.music-toggle-label{display:none}.music-level input{width:54px}.music-level{margin-right:5px}#music-toggle{padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.music-bars i{animation:none!important}}