/* Isolated FAT FOX atmosphere; visitor controls live inside KAZE Explore. */
.ff-atmosphere {position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0;opacity:0;transition:opacity 900ms ease}
.ff-atmosphere.is-visible{opacity:1}
.ff-atmosphere #kazeParticleLayer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}
.ff-light {position:absolute;inset:0;opacity:0;transition:opacity 3s ease;background:radial-gradient(ellipse at 65% 40%,#f5813f20,transparent 65%)}
.ff-atmosphere[data-time="dawn"] .ff-light{opacity:.6}
.ff-atmosphere[data-time="day"] .ff-light{opacity:.25}
.ff-atmosphere[data-time="sunset"] .ff-light{opacity:1}
.ff-atmosphere[data-time="night"] .ff-light{opacity:0}
.ff-atmosphere .kaze_rain_particle{background:linear-gradient(to bottom,rgba(var(--ff-effect-rgb,245,129,63),.03),rgba(var(--ff-effect-rgb,245,129,63),.8))!important}
.ff-atmosphere .kaze_snow_particle *{stroke:rgb(var(--ff-effect-rgb,245,129,63))!important}
.ff-atmosphere .kaze-star{background:rgba(var(--ff-effect-rgb,245,129,63),var(--star-opacity,.5))!important;box-shadow:0 0 4px rgba(var(--ff-effect-rgb,245,129,63),.4)!important}
.ff-preview-controls {position:relative;width:100%;box-sizing:border-box;margin-top:1.5rem;padding:1rem;background:rgb(32 32 32 / 45%);border:1px solid #f0eee830;color:#f0eee8;font:400 .75rem/1.6 var(--font-interface,Arial,sans-serif)}
.ff-preview-controls h4{margin:0 0 .8rem;font:400 .7rem/1.5 var(--font-mono,monospace);letter-spacing:.08em;color:#f5813f}
.ff-preview-controls label{display:block;margin-top:10px}
.ff-preview-controls select,.ff-preview-controls button{font:inherit;color:inherit;background:#292929;border:1px solid #f0eee83a;padding:7px 9px;border-radius:0}
.ff-preview-controls select{width:100%;margin-top:4px}
.ff-preview-controls button{margin-top:12px;cursor:pointer}
.ff-preview-controls :focus-visible{outline:2px solid #f5813f;outline-offset:3px}
.ff-preview-controls p{margin:10px 0 0;color:#c2beb8}
.ff-preview-controls[hidden]{display:none}
html.ff-atmosphere-enabled .fatfox-view>canvas{z-index:1}
html.ff-atmosphere-enabled .fatfox-caption{z-index:2}
html.ff-atmosphere-enabled .fatfox-fallback{z-index:1}
@media(prefers-reduced-motion:reduce){.ff-atmosphere,.ff-light{transition:none}.ff-atmosphere .kaze-star{animation:none!important}}

.ff-clouds{position:absolute;inset:0;pointer-events:none;opacity:.65}
.ff-clouds[hidden]{display:none}