/* KadiMuda: slow watercolor, champagne stardust and an optional original piano. */
.ambience-wash{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#f9fbff}
body:has(.ambience-wash){isolation:isolate;background:transparent}
.ambience-wash:before,.ambience-wash:after{content:'';position:absolute;inset:-18%;background:radial-gradient(ellipse at 12% 24%,#bad5ef80,transparent 42%),radial-gradient(ellipse at 85% 65%,#e1cfe75c,transparent 38%),radial-gradient(ellipse at 50% 85%,#f4dfc560,transparent 38%);animation:watercolor-drift 26s ease-in-out infinite alternate}
.ambience-wash:after{background:radial-gradient(ellipse at 72% 15%,#d9e8fcaa,transparent 44%),radial-gradient(ellipse at 15% 70%,#ffedda80,transparent 32%);animation-duration:34s;animation-direction:alternate-reverse}
.fantasy-field{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3;border-radius:inherit}
.fantasy-star{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:#c2a36c;clip-path:polygon(50% 0,60% 39%,100% 50%,60% 61%,50% 100%,40% 61%,0 50%,40% 39%);opacity:0;animation:stardust var(--duration) ease-in-out var(--delay) infinite}
.fantasy-star:nth-child(3n){background:#fff;filter:drop-shadow(0 0 3px #b69762)}
.fantasy-line{position:absolute;top:20%;left:-40%;width:30%;height:1px;background:linear-gradient(90deg,transparent,#d6b87ac9,transparent);transform:rotate(-24deg);opacity:0;animation:light-trail 16s ease-in-out 3s infinite}
.fantasy-line:nth-last-child(1){top:73%;animation-delay:10s;animation-duration:21s}
.home-page .hero,.simple-hero,.host-panel{position:relative}
.ambience-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px;padding:9px 18px 14px;color:#536581;font-size:11px}
.ambience-caption{font:italic 16px var(--serif);color:#806e4f}
.ambience-controls button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid #cbd8e8;border-radius:24px;color:#334e73;background:#ffffffc9;font-size:11px}
.ambience-controls button:hover{background:#eaf2fc}
.ambience-controls button[aria-pressed=true]{border-color:#a79770;background:#f7f3e9}
.ambience-controls svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}
.ambience-volume{display:flex;align-items:center;gap:7px;min-height:44px}
.ambience-volume[hidden]{display:none}
.ambience-volume input{width:70px;accent-color:#597daa}
.ambience-status:empty{display:none}
.ambience-status{flex-basis:100%;margin:0;text-align:center}
html[data-ambience-paused=true] .ambience-wash:before,html[data-ambience-paused=true] .ambience-wash:after,html[data-ambience-paused=true] .fantasy-star,html[data-ambience-paused=true] .fantasy-line{animation-play-state:paused}
html[data-ambience-paused=true] .fantasy-field{visibility:hidden}
@keyframes watercolor-drift{from{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}
@keyframes stardust{0%,55%,100%{opacity:0;transform:translateY(8px) scale(.3) rotate(0)}70%{opacity:.65;transform:translateY(0) scale(1) rotate(25deg)}85%{opacity:.2;transform:translateY(-7px) scale(.6) rotate(45deg)}}
@keyframes light-trail{0%,70%,100%{opacity:0;transform:translateX(0) rotate(-24deg)}76%{opacity:.5}88%{opacity:0;transform:translateX(480%) rotate(-24deg)}}
@media(max-width:700px){.ambience-controls{gap:4px 8px;padding:2px 14px 12px}.ambience-caption{flex-basis:100%;text-align:center;font-size:14px}.ambience-controls button{padding:8px 11px}.fantasy-star:nth-child(n+9){display:none}.ambience-wash:after{display:none}}
@media(prefers-reduced-motion:reduce){.ambience-wash:before,.ambience-wash:after,.fantasy-star,.fantasy-line{animation:none!important}.fantasy-field{display:none}}
@media print{.ambience-wash,.fantasy-field,.ambience-controls{display:none!important}}