.zr-panel{margin:28px 0;padding:26px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(120deg,#eac8870a,#9abbde12)}.zr-panel>small{font-size:10px;letter-spacing:.2em;color:var(--gold)}.zr-panel h2{font:clamp(28px,4vw,40px)/1.2 Georgia,serif;margin:12px 0}.zr-panel p{font-size:13px;line-height:1.8}.zr-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.zr-controls label{display:grid;gap:7px;font-size:11px}.zr-controls select,.zr-controls button{min-height:44px;border:1px solid #a98d5955;border-radius:18px;padding:10px 15px;font:12px inherit;max-width:100%}.zr-controls button{background:linear-gradient(120deg,#233750,#121e32);color:#fff0ca;cursor:pointer}.zr-note{font-size:11px!important;color:var(--muted)}.zr-veil{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.65}.zr-aurora{position:absolute;inset:-20%;background:radial-gradient(ellipse at 12% 40%,#7986e544,transparent 45%),radial-gradient(ellipse at 85% 35%,#ffe7ac44,transparent 40%);filter:blur(20px)}.zr-pillars{position:absolute;inset:-25% -15%;background:repeating-linear-gradient(105deg,transparent 0 12%,#ffebbb18 14%,transparent 16% 23%);transform:perspective(600px) rotateX(18deg)}.zr-crown{position:absolute;left:50%;top:26%;width:55%;aspect-ratio:1;border:1px solid #ffe8b144;border-radius:50%;transform:translate(-50%,-50%) rotateX(60deg);box-shadow:0 0 70px #fbd49422,inset 0 0 45px #faedb622}.zr-veil>i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#fff2c9;box-shadow:0 0 15px 3px #f4d69888}.zr-awake:not(.foz-still) .zr-aurora{animation:zr-aurora 16s ease-in-out infinite alternate}.zr-awake:not(.foz-still) .zr-veil>i{animation:zr-star 6s var(--delay) ease-in-out infinite}.zr-awake[data-atmosphere=majestic] .zr-pillars{opacity:1;animation:zr-pillars 18s ease-in-out infinite alternate}.zr-awake[data-atmosphere=quiet] .zr-aurora,.zr-awake[data-atmosphere=quiet] .zr-pillars,.zr-awake[data-atmosphere=quiet] .zr-crown{opacity:0}.zr-wave{position:absolute;left:50%;top:40%;width:20%;aspect-ratio:1;border:1px solid #ffefc5;border-radius:50%;opacity:0;box-shadow:0 0 50px #ffe7bb55}.zr-releasing:not(.foz-still) .zr-wave{animation:zr-release 5s ease-out both}@keyframes zr-release{0%{transform:translate(-50%,-50%) scale(.1);opacity:0}18%{opacity:.7}100%{transform:translate(-50%,-50%) scale(10);opacity:0}}@keyframes zr-aurora{to{transform:translate(8%,6%) rotate(12deg)}}@keyframes zr-star{50%{opacity:.25;transform:translateY(-12px)}}@keyframes zr-pillars{to{transform:perspective(600px) rotateX(18deg) translateX(6%);opacity:.4}}.reduced-motion .zr-veil *,.foz-still .zr-veil *{animation:none!important}@media(prefers-reduced-motion:reduce){.zr-veil *{animation:none!important}}@media(max-width:600px){.zr-panel{padding:18px}.zr-controls label{width:100%}.zr-controls select{width:100%}}
