/* Only the selected animation loads. A temporary still fades at a solar boundary. */
html[data-ambient="dark"],html[data-ambient="dark"] body{background-color:#65300b}
html[data-ambient="dark"] .viewport{background-color:transparent}
html[data-ambient="dark"] .footer{color:#fff}
html[data-ambient="dark"] .scene[data-room="minimal"] .screen iframe{filter:brightness(.90) saturate(1.04) sepia(.04) contrast(1) }
html[data-ambient="dark"] .scene[data-room="minimal"] .screen[data-theme="nero"] iframe{filter:brightness(.86) saturate(.85) sepia(.22) contrast(1) }
html[data-ambient="dark"] .scene[data-room="minimal"] .screen::after{display:block!important;opacity:1}
html[data-ambient="dark"] .scene[data-room="minimal"] .screen[data-theme="orange"]::after{mix-blend-mode:normal;background:radial-gradient(ellipse at -18% 76%,rgba(255,166,45,.17),rgba(237,130,29,.055) 46%,transparent 78%),linear-gradient(102deg,transparent 27%,rgba(43,18,4,.13))}
html[data-ambient="dark"] .scene[data-room="minimal"] .screen[data-theme="nero"]::after{mix-blend-mode:multiply;background:linear-gradient(100deg,rgba(255,181,87,.12),rgba(255,210,148,.035) 55%,transparent 85%)}
html[data-ambient="light"],html[data-ambient="light"] body{background-color:#d2c8b8}
html[data-ambient="light"] .scene[data-room="minimal"] .screen iframe{filter:brightness(.87) saturate(.70) sepia(.10) contrast(.96)}
html[data-ambient="light"] .scene[data-room="minimal"] .screen::after{display:none!important}
@media(max-width:600px){html[data-ambient] body{background-color:transparent}}



.ambient-fade{position:absolute;pointer-events:none;opacity:0;object-fit:fill}
@media(max-width:600px){.viewport{z-index:1}}

@media(max-width:600px){html[data-ambient="light"] .footer{color:#161510}}