:root{--bg:#000;--fg:#fff4e0;--accent:#ffb347;--accent-fg:#1a0f00;--focus:#ffd98a;--tap:72px;--text:20px;--space:16px;--radius:16px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:var(--text);margin:0;line-height:1.5}#app{flex-direction:column;min-height:100vh;display:flex}.topbar{align-items:center;gap:var(--space);min-height:calc(var(--tap) + var(--space));padding:calc(var(--space) / 2) var(--space);display:flex}.screen{padding:var(--space);flex:1}.title{margin:0 0 var(--space);font-size:32px;line-height:1.2}.lead{margin:0}.btn{min-width:var(--tap);min-height:var(--tap);padding:0 calc(var(--space) * 1.5);border-radius:var(--radius);background:var(--accent);color:var(--accent-fg);font:inherit;cursor:pointer;border:0;font-weight:600}.btn:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.deity-list{gap:var(--space);margin-top:calc(var(--space) * 1.5);flex-direction:column;display:flex}.deity-card{align-items:center;gap:var(--space);min-height:var(--tap);padding:calc(var(--space) / 2);border:2px solid var(--accent);border-radius:var(--radius);color:var(--fg);font-weight:600;text-decoration:none;display:flex}.deity-card:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.deity-card__img{object-fit:contain;border-radius:calc(var(--radius) / 2);background:#000;width:112px;height:112px}.deity-card__name{font-size:24px}.stage{background:#000;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.stage__art{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.stage__controls{justify-content:center;gap:calc(var(--space) / 2) var(--space);padding:8px var(--space);flex-wrap:wrap;flex:none;display:flex}@media (max-height:740px){.stage__controls{overscroll-behavior:contain;max-height:min(200px,32vh);overflow-y:auto}}.stage__fx{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bell-btn{justify-content:center;align-items:center;gap:calc(var(--space) / 2);min-width:160px;min-height:72px;padding-inline:8px;font-size:24px;display:inline-flex}.bell-btn__icon{width:40px;height:40px}#app:has(.stage){height:100vh}.screen:has(.stage){flex-direction:column;min-height:0;display:flex}.stage__idol{justify-content:center;align-self:stretch;align-items:center;width:100%;min-height:0;display:flex;position:relative}.stage picture{display:contents}.stage__img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.topbar{flex-wrap:wrap}.topbar__toggles{gap:var(--space);flex-wrap:wrap;margin-left:auto;display:flex}.sound-toggle{align-items:center;gap:calc(var(--space) / 2);display:inline-flex}.sound-toggle__icon{flex:none;width:32px;height:32px}@media (max-width:400px){.topbar{gap:calc(var(--space) / 2);padding-inline:calc(var(--space) / 2);flex-wrap:nowrap}.topbar__toggles{gap:calc(var(--space) / 2);flex-wrap:nowrap;margin-left:auto;display:flex}.topbar .btn{padding-inline:calc(var(--space) / 2);line-height:1.3}.lang-toggle{flex-direction:column;justify-content:center;align-items:center;display:inline-flex}.lang-toggle__sep{display:none}.sound-toggle{align-items:center;gap:4px;display:inline-flex}.sound-toggle>span{max-width:4em}.sound-toggle__icon{width:28px;height:28px}}.lang-toggle__on{text-underline-offset:6px;text-decoration:underline}html[lang=hi]{--font:"Noto Sans Devanagari", system-ui, "Segoe UI", Roboto, "Noto Sans", sans-serif}html[lang=hi] body{line-height:1.7}html[lang=hi] .title{line-height:1.5}.title,.lead,.btn,.deity-card__name{overflow-wrap:anywhere}.btn{padding-block:calc(var(--space) / 2)}.stage__warm{pointer-events:none;opacity:0;mix-blend-mode:soft-light;background:radial-gradient(at 50% 70%,#ffb347 0%,#ff8c1a 45%,#0000 85%);transition:opacity .8s;position:absolute;inset:0}.stage__warm[data-lit=true]{opacity:var(--warm-opacity,.85)}.stage__warm[data-flicker=true]{transition:none}@keyframes sway{0%,to{transform:rotate(-.75deg)}50%{transform:rotate(.75deg)}}.stage__idol{will-change:transform;contain:paint;animation:6s ease-in-out infinite sway}.stage[data-paused=true] .stage__idol,.stage[data-hold-ripple=true] .stage__idol{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.stage__warm{transition:none}.stage__idol{will-change:auto;animation:none}}.shankh-btn,.diya-btn,.flowers-btn,.coconut-btn,.aarti-btn{justify-content:center;align-items:center;gap:calc(var(--space) / 2);min-width:160px;min-height:72px;padding-inline:8px;font-size:24px;display:inline-flex}.shankh-btn__icon,.diya-btn__icon,.flowers-btn__icon,.coconut-btn__icon,.aarti-btn__icon{width:40px;height:40px}.stage__tilak{pointer-events:none;position:absolute;container-type:inline-size}.tilak{border-radius:50%;animation:.4s ease-out tilak-in;position:absolute;transform:translate(-50%,-50%)}.tilak--haldi{background:radial-gradient(#ffd21f 0%,#f5b800 70%,#f5b800cc 100%);width:max(14px,4.2cqw);height:max(18px,6cqw);box-shadow:0 0 8px 3px #ffd21f8c}.tilak--kumkum{background:radial-gradient(circle,#e8232c 0%,#b8000a 100%);width:max(7px,2cqw);height:max(7px,2cqw);box-shadow:0 0 6px 2px #e8232c99}.tilak--still{animation:none}@keyframes tilak-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.tilak{animation:none}}.tilak-group{gap:calc(var(--space) / 2);grid-template-columns:repeat(3,minmax(72px,1fr));width:min(100%,360px);display:grid}.tilak-bowl,.tilak-apply{flex-direction:row;justify-content:center;align-items:center;gap:4px;min-width:72px;min-height:72px;padding-inline:4px;font-size:20px;display:inline-flex}.tilak-bowl[aria-pressed=true]{outline-offset:3px;outline:4px solid}.tilak-bowl__dot{border:2px solid;border-radius:50%;flex:none;width:20px;height:20px}.tilak-bowl--haldi .tilak-bowl__dot{background:#f5b800}.tilak-bowl--kumkum .tilak-bowl__dot{background:#c8101a}.tilak-status{text-align:center;grid-column:1/-1;font-size:20px}.tilak-status:empty{margin-top:calc(var(--space) / -2)}.aarti-surface{pointer-events:auto;touch-action:none;cursor:grab;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}@media (max-width:480px){.stage__controls>.btn{flex:1 1 calc(50% - var(--space));min-width:0;font-size:20px}}.prasad-btn{justify-content:center;align-items:center;gap:calc(var(--space) / 2);min-width:160px;min-height:72px;padding-inline:8px;display:inline-flex}.prasad-btn__icon{width:40px;height:40px}.prasad-name{text-align:center;color:var(--fg);flex-basis:100%;margin:0;font-size:20px}.closing{align-items:center;gap:var(--space);padding:var(--space);flex-direction:column;display:flex}.closing__blessing{text-align:center;margin:0;font-size:24px}.closing__again{min-width:200px}.stage__controls--closed>.btn,.stage[data-guided] .stage__controls>*{display:none}.stage[data-guided=bell] .stage__controls>[data-testid=bell],.stage[data-guided=diya] .stage__controls>[data-testid=diya],.stage[data-guided=tilak] .stage__controls>[data-testid=tilak-group],.stage[data-guided=flowers] .stage__controls>[data-testid=flowers],.stage[data-guided=coconut] .stage__controls>[data-testid=coconut],.stage[data-guided=shankh] .stage__controls>[data-testid=shankh],.stage[data-guided=aarti] .stage__controls>[data-testid=aarti],.stage[data-guided=prasad] .stage__controls>[data-testid=prasad],.stage[data-guided=prasad] .stage__controls>[data-testid=prasad-name]{display:inline-flex}.stage[data-guided=tilak] .stage__controls>[data-testid=tilak-group]{display:flex}.stage[data-guided=prasad] .stage__controls>[data-testid=prasad-name]{display:block}.stage[data-guided]:not([data-guided=aarti]) .aarti-surface{pointer-events:none}.guided{padding:4px var(--space) calc(var(--space) / 2);text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.guided__progress,.guided__how,.guided__name,.guided__done{margin:0;font-size:20px}.guided__name{font-size:24px;font-weight:700}.guided__done{min-height:1.2em;font-weight:700;line-height:1.2}.guided__nav{gap:var(--space);justify-content:center;width:100%;display:flex}.guided__nav>.btn{flex:1 1 0;min-width:0;max-width:220px}.guided__back{color:var(--fg);border:2px solid var(--fg);background:0 0}.guided__next[data-ready=true]{outline:4px solid var(--fg);outline-offset:3px}.stage[data-guided] .stage__controls{max-height:none;overflow:visible}.credits-link{margin-top:calc(var(--space) * 1.5);justify-content:center;align-items:center;text-decoration:none;display:flex}.credits__group{margin-top:calc(var(--space) * 1.5)}.credits__heading{margin:0 0 var(--space);font-size:24px}.credit{margin-bottom:var(--space);padding:var(--space);border:2px solid var(--accent);border-radius:var(--radius)}.credit__title{margin:0 0 calc(var(--space) / 2);overflow-wrap:anywhere;font-size:20px}.credit__fields,.credit__row{margin:0}.credit__row{margin-bottom:calc(var(--space) / 2)}.credit__row dt{font-weight:600}.credit__row dd{overflow-wrap:anywhere;margin:0}.credit__link{justify-content:center;align-items:center;text-decoration:none;display:flex}.credits__sounds:focus{outline:3px solid var(--accent);outline-offset:4px}.credits__list{margin:0 0 var(--space);padding-left:calc(var(--space) * 1.5);font-size:20px}
