/* Living light belongs to the artwork; controls stay still and readable. */
.altar-canvas{--art-scale:1}
.star-dust{z-index:1}
.twinkle{position:absolute;width:var(--size);height:var(--size);pointer-events:none;opacity:0;animation:altar-twinkle var(--duration) ease-in-out var(--delay) infinite;filter:drop-shadow(0 0 5px #ffe9ba)}
.twinkle:before,.twinkle:after{content:'';position:absolute;left:50%;top:50%;background:linear-gradient(transparent,#fffce7 38%,#fffce7 62%,transparent);transform:translate(-50%,-50%)}
.twinkle:before{width:1.2px;height:100%}.twinkle:after{width:100%;height:1.2px;background:linear-gradient(90deg,transparent,#fffce7 38%,#fffce7 62%,transparent)}
.twinkle.bright{filter:drop-shadow(0 0 7px #ffeaba) drop-shadow(0 0 14px #f4c886)}
.pollen{position:absolute;width:2px;height:2px;border-radius:50%;background:#ffedbf;box-shadow:0 0 8px #f4d692;opacity:0;animation:pollen-rise var(--duration) linear var(--delay) infinite}
.halo-breath{position:absolute;left:50%;top:24%;width:37%;height:46%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,transparent 32%,#ffe1a309 49%,#f9d99420 55%,transparent 68%);mix-blend-mode:screen;pointer-events:none;animation:halo-breath 11s ease-in-out infinite;z-index:1}
.water-light{position:absolute;left:0;right:0;top:87%;height:13%;overflow:hidden;pointer-events:none;z-index:1;mix-blend-mode:screen}
.water-light i{position:absolute;left:var(--wx,45%);top:var(--wy,25%);width:var(--ww,8%);height:2px;transform:scaleX(.5);background:linear-gradient(90deg,transparent,#ffeabaaa,transparent);filter:blur(.7px);opacity:0;animation:water-shine 7s ease-in-out var(--wd,0s) infinite}
.water-light i:nth-child(1){--wx:23%;--wy:48%;--ww:9%;--wd:-1s}.water-light i:nth-child(2){--wx:45%;--wy:30%;--ww:11%;--wd:-4s}.water-light i:nth-child(3){--wx:67%;--wy:70%;--ww:6%;--wd:-2s}.water-light i:nth-child(4){--wx:33%;--wy:85%;--ww:5%;--wd:-6s}.water-light i:nth-child(5){--wx:51%;--wy:63%;--ww:9%;--wd:-.5s}.water-light i:nth-child(6){--wx:74%;--wy:21%;--ww:4%;--wd:-3s}
.incense-smoke{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:.92}
.altar-candle{position:absolute;left:calc(var(--cx)*1%);top:calc(var(--cy)*1%);width:0;height:0;z-index:2}
.wick{position:absolute;width:calc(2px*var(--art-scale));height:calc(7px*var(--art-scale));background:#392b19;left:0;bottom:0;transform:translateX(-50%) rotate(-5deg);border-radius:2px}
.candle-glow{position:absolute;left:0;bottom:calc(-45px*var(--art-scale));width:calc(180px*var(--art-scale));height:calc(230px*var(--art-scale));transform:translate(-50%,15%);border-radius:50%;background:radial-gradient(ellipse,#ffe4a252,#efb65a20 30%,transparent 68%);opacity:0;mix-blend-mode:screen;transition:opacity 1.2s;pointer-events:none}
.living-flame{position:absolute;left:0;bottom:calc(3px*var(--art-scale));width:calc(11px*var(--art-scale));height:calc(36px*var(--art-scale));transform:translateX(-50%) scale(.1);transform-origin:50% 100%;border-radius:55% 48% 35% 35%;background:radial-gradient(ellipse at 50% 80%,#fffbe4 0%,#fff8cc 27%,#ffda7c 56%,#eda74caa 80%,transparent 100%);opacity:0;filter:drop-shadow(0 0 4px #ffe3a5) drop-shadow(0 0 14px #f7bb5b88);transition:opacity .45s,transform .45s;pointer-events:none}
.living-flame:after{content:'';position:absolute;left:37%;bottom:0;width:26%;height:22%;border-radius:50%;background:linear-gradient(#f9e6bf,#7b9ed5aa)}
.altar-candle.is-lit .living-flame{opacity:1;animation:living-flame 2.1s ease-in-out var(--flame-delay,0s) infinite}
.altar-candle.is-lit .candle-glow{opacity:1;animation:warm-glow 4.6s ease-in-out var(--flame-delay,0s) infinite}
.altar-candle .candle-hit{position:absolute;left:0;top:calc(-48px*var(--art-scale));width:max(44px,calc(74px*var(--art-scale)));height:calc(184px*var(--art-scale));min-height:100px;transform:translateX(-50%);border:1px solid transparent;border-radius:40%;background:none;padding:0;z-index:3}
.altar-candle .candle-hit:hover{border-color:#ffebac33;background:radial-gradient(ellipse,#ffefaf15,transparent 70%)}
.ritual-label{position:absolute;left:50%;bottom:calc(-13px*var(--art-scale));transform:translateX(-50%);background:#123731eb;border:1px solid #c9ca9c77;color:#fff6da;padding:6px 11px;white-space:nowrap;font-size:14px;opacity:0;pointer-events:none;transition:opacity .25s}
.candle-hit:hover .ritual-label,.candle-hit:focus-visible .ritual-label{opacity:1}
.incense-object{position:absolute;left:54.6%;top:70%;width:9.5%;aspect-ratio:140/146;transform:translate(-50%,-50%);background:none;border:0;padding:0;z-index:3;filter:drop-shadow(0 4px 5px #072d2866)}
.incense-burner{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.incense-ember{opacity:0;filter:drop-shadow(0 0 3px #ffae65);transition:opacity 1s}
.incense-object.is-lit .incense-ember{opacity:1;animation:ember-breathe 4s ease-in-out infinite}
.incense-base-glow{position:absolute;left:30%;top:11%;width:40%;height:25%;background:radial-gradient(ellipse,#ffcb831c,transparent 70%);opacity:0;transition:opacity 1s;pointer-events:none}
.incense-object.is-lit .incense-base-glow{opacity:1}
.incense-object .incense-label{bottom:calc(-26px*var(--art-scale));opacity:1;background:linear-gradient(90deg,transparent,#0a2c2bde 15%,#0a2c2bde 85%,transparent);border:0;padding:6px 16px;text-shadow:0 2px 5px #001c21}
.incense-object:hover .incense-burner{filter:drop-shadow(0 0 5px #f5d99366)}
.altar-footer{display:flex;justify-content:center;bottom:26px;gap:0}.altar-dock{padding:7px 9px;gap:3px}.altar-dock button{font-size:14px;min-height:44px;padding:8px 14px}.altar-dock button[aria-pressed="true"],.altar-dock button[aria-pressed="mixed"]{background:#cfddaa17;color:#fff0b5}.altar-dock button[aria-pressed="true"] .dock-icon{filter:drop-shadow(0 0 5px #ffd596)}.compact-label{display:none}.brand-subtitle{font-size:13px}.masthead{top:34px}.artifact-label{font-size:14px}.artifact-rose .artifact-label{font-size:13px}.mobile-offerings{bottom:112px}.toast{bottom:116px}
.contemplating .incense-object{pointer-events:none}.contemplating .incense-object .incense-label{opacity:0}.contemplating .incense-object:focus-visible{outline:none}.contemplating .candle-hit{pointer-events:none}.contemplating .ritual-label{opacity:0}
.motion-paused .twinkle,.motion-paused .pollen,.motion-paused .halo-breath,.motion-paused .water-light i,.motion-paused .living-flame,.motion-paused .candle-glow,.motion-paused .incense-ember{animation-play-state:paused!important}
@keyframes altar-twinkle{0%,24%,100%{opacity:0;transform:scale(.35) rotate(0)}44%{opacity:.42;transform:scale(.75) rotate(8deg)}53%{opacity:1;transform:scale(1.15) rotate(13deg)}66%{opacity:.3;transform:scale(.65) rotate(21deg)}82%{opacity:0;transform:scale(.4) rotate(26deg)}}
@keyframes pollen-rise{0%{opacity:0;transform:translate(0,20px)}16%{opacity:.42}75%{opacity:.28}100%{opacity:0;transform:translate(var(--drift,24px),-65px)}}
@keyframes halo-breath{0%,100%{opacity:.25}50%{opacity:.75}}
@keyframes water-shine{0%,100%{opacity:0;transform:translateX(-13px) scaleX(.55)}40%{opacity:.6}70%{opacity:.24;transform:translateX(12px) scaleX(1.22)}}
@keyframes living-flame{0%,100%{transform:translateX(-50%) rotate(-2deg) scale(.95,1)}25%{transform:translateX(-50%) rotate(2.5deg) scale(1.05,.94)}46%{transform:translateX(-50%) rotate(-1deg) scale(.9,1.07)}73%{transform:translateX(-50%) rotate(2deg) scale(1,.96)}}
@keyframes warm-glow{0%,100%{opacity:.65}34%{opacity:.95}63%{opacity:.76}}
@keyframes ember-breathe{0%,100%{opacity:.65}50%{opacity:1}}
@media(max-width:760px){.masthead{top:26px}.brand-subtitle{font-size:10px}.basket-link{font-size:12px;min-height:42px}.altar-footer{left:16px;right:16px;bottom:max(21px,env(safe-area-inset-bottom));display:block}.altar-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:6px}.altar-dock button{display:flex;flex-direction:column;justify-content:center;font-size:12px;line-height:1.15;gap:7px;padding:8px 2px;min-height:62px;white-space:nowrap}.altar-dock .dock-icon{font-size:21px}.dock-divider,.desktop-label{display:none}.compact-label{display:inline}.candle-text{font-size:0}.candle-text:after{content:'Candles';font-size:12px}.incense-text{font-size:0}.incense-text:after{content:'Incense';font-size:12px}.mobile-offerings{bottom:112px}.mobile-offerings button{font-size:12px;min-height:44px}.incense-object .incense-label{display:none}.ritual-label{font-size:13px}.toast{bottom:175px}.water-light i:nth-child(n+4){display:none}}
@media(max-width:370px){.altar-dock button,.candle-text:after,.incense-text:after{font-size:11px}.altar-dock button{padding:8px 0}.mobile-offerings button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.twinkle{opacity:.22;transform:scale(.6);animation:none}.pollen{display:none}.halo-breath{opacity:.3;animation:none}.water-light i{display:none}.altar-candle.is-lit .living-flame{transform:translateX(-50%) scale(1);opacity:1;animation:none}.altar-candle.is-lit .candle-glow{opacity:.7;animation:none}.incense-object.is-lit .incense-ember{opacity:1;animation:none}}