/* Static ornament should not schedule work while the user is reading. */
.stage-ring::before,.stage-ring::after,.gallery-art::after { animation: none; }
.flow-card .card-back .back-finish { display: none; }
.flow-card .card-front .angle-secret { display: none; }
.card-art.soft-foil::after,.card-back.soft-foil::after {
 content: ''; display: block; position: absolute; inset: 0; z-index: 3;
 background: linear-gradient(115deg,transparent 30%,#f7e4b454 48%,#abcff038 52%,transparent 68%);
 background-size: 260% 160%; background-position: var(--soft-light,50%) 50%;
 pointer-events: none; mix-blend-mode: screen; animation: none;
}
.audio-credit { color: var(--muted); font: 12px/1.8 var(--sans); margin: 15px 0; }
.audio-credit a { color: var(--gold); }
@media(max-width:600px) {
 .room .flow-card,.room .flow-card.is-center { --fitted-width: var(--flow-card-width); }
 @supports(height:1cqh) {
  .room .flow-card,.room .flow-card.is-center { --fitted-width: min(var(--flow-card-width),calc((100cqh - 12px) * .666667)); }
 }
}
@supports not (height:100dvh) {
 :root { --usable-height: calc(100vh - var(--header-height) - var(--safe-top) - 66px - var(--safe)); }
 .room .coverflow { --flow-card-width: clamp(144px,calc((100vh - 440px - var(--safe-top) - var(--safe)) * .666667),calc(100vw - 96px)); }
 .ritual-flow { --flow-card-width:min(calc(100vw - 76px),calc((100vh - 440px - var(--safe-top) - var(--safe)) * .666667)); }
 .shuffle-stack { width:min(calc(100vw - 144px),calc((100vh - 330px - var(--safe-top) - var(--safe)) * .666667)); }
 .draw-reveal { height:100vh; --reveal-width:min(calc(100vw - 10px),calc((100vh - 220px) * 2 / 3),660px); }
}
@media(prefers-reduced-motion:reduce) {
 .result-card .card-shell { animation:none; transform:none; }
}