.darshan-canvas{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.hashiya-inner:has(.darshan-canvas) .stage-painting{animation:none;transform:scale(1.11)}.hashiya-inner[data-darshan=on] .stage-painting{visibility:hidden}.hashiya-inner[data-darshan=on] .vignette{opacity:.35}.hashiya-inner[data-darshan=on] .stage-lamplight{opacity:calc(.1 + var(--level,0) * .4)}.stage-art{perspective:1400px;perspective-origin:50% 40%}.stage-art .stage-frame{transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transform-origin:50% 55%;will-change:transform}.stage-art .stage-medallion-slot{translate:calc(var(--pan-x,0) * -7px) calc(var(--pan-y,0) * 5px)}.stage-art .stage-diya{translate:calc(var(--pan-x,0) * -12px) calc(var(--pan-y,0) * 6px)}.scene-toggle{z-index:6;color:#fbefd5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:44px;min-height:44px;transition:background .24s var(--ease-soft), transform .24s var(--ease-soft);background:#0f0c1e8c;border-radius:999px;align-items:center;gap:.45rem;padding:0 .85rem;font-size:.9375rem;font-weight:600;display:inline-flex;position:absolute;top:calc(1.25rem + 14px);right:14px;box-shadow:inset 0 0 0 1px #f0c66b8c,0 6px 18px -8px #000c}.scene-toggle:hover{background:#a6261bbf;transform:translateY(-1px)}.scene-toggle svg{width:20px;height:20px}@media (min-width:768px){.scene-toggle{top:calc(1.75rem + 18px);right:22px}}@media (max-width:479px){.scene-toggle{justify-content:center;padding:0}.scene-toggle-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}html.is-darshan,html.is-darshan body{overflow:hidden}.stage-chamber.is-immersive{z-index:66;box-shadow:none;background:#05070f;border-radius:0;padding:0;position:fixed;inset:0}.stage-chamber.is-immersive>.relative{position:absolute;inset:0}.stage-chamber.is-immersive .stage-art{perspective:none;max-width:none;margin:0;padding:0;position:absolute;inset:0}.stage-chamber.is-immersive .stage-frame,.stage-chamber.is-immersive .hashiya-band,.stage-chamber.is-immersive .hashiya-inner{aspect-ratio:auto;box-shadow:none;background:#05070f;padding:0;position:absolute;inset:0;transform:none}.stage-chamber.is-immersive .darshan-canvas{touch-action:none}.stage-chamber.is-immersive .stage-frame{animation:scene-enter 1.1s var(--ease-soft) both}@keyframes scene-enter{0%{opacity:0;filter:blur(8px);transform:scale(1.06)}to{opacity:1;filter:none;transform:none}}.stage-chamber.is-immersive .stage-jaali,.stage-chamber.is-immersive>svg,.stage-chamber.is-immersive .stage-diya{display:none}.stage-chamber.is-immersive .scene-toggle{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:3;position:fixed}.stage-chamber.is-immersive .stage-medallion-slot{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));z-index:3;position:fixed;bottom:auto;translate:none}.stage-chamber.is-immersive .caption-leaf{left:50%;bottom:max(18px, env(safe-area-inset-bottom));z-index:3;opacity:.96;width:min(92vw,52rem);margin:0;position:fixed;transform:translate(-50%)}.scene-play{left:50%;bottom:calc(max(18px, env(safe-area-inset-bottom)) + 7.5rem);z-index:3;color:#fbefd5;background:radial-gradient(90% 120% at 28% 12%, #ffd6aa6b, transparent 42%), var(--tex-cloth), linear-gradient(180deg, #b83224 0%, #8e1f15 100%);opacity:.9;width:68px;height:68px;transition:opacity .3s var(--ease-soft), transform .3s var(--ease-soft);border-radius:50%;place-items:center;display:grid;position:fixed;transform:translate(-50%);box-shadow:inset 0 0 0 2px #f0c66bcc,0 0 0 6px #0f0c1e59,0 14px 30px -10px #000c}.stage-chamber.is-immersive[data-state=playing] .scene-play{opacity:0;transform:translate(-50%)scale(.9)}.stage-chamber.is-immersive[data-state=playing]:hover .scene-play,.scene-play:focus-visible{opacity:.9;transform:translate(-50%)}.scene-hint{left:50%;top:max(22px, env(safe-area-inset-top));z-index:3;text-align:center;color:#f3e3be;max-width:70vw;animation:scene-hint 5s var(--ease-soft) 1.2s both;pointer-events:none;background:#0f0c1e8c;border-radius:999px;padding:.4rem .9rem;font-size:.9375rem;position:fixed;transform:translate(-50%)}@keyframes scene-hint{0%{opacity:0}15%,75%{opacity:1}to{opacity:0}}@media (max-width:640px){.scene-hint{top:auto;bottom:calc(max(18px, env(safe-area-inset-bottom)) + 12.5rem)}}@media (prefers-reduced-motion:reduce){.stage-art .stage-frame{transform:none}.stage-art .stage-medallion-slot,.stage-art .stage-diya{translate:none}}