:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4ead4;font-synthesis:none;text-rendering:optimizelegibility;background:#0a1028;font-family:Songti SC,STSong,Noto Serif CJK SC,serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{background:#0a1028;min-width:320px;min-height:100svh;overflow:hidden}button,input{font:inherit}button{color:inherit}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.moon-night{isolation:isolate;background:#0a1028;width:100%;height:100svh;position:relative;overflow:hidden}.scene-stage{z-index:-4;aspect-ratio:16/9;width:min(100vw,177.778svh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scene-art{background:url(/images/moon-table-minimal-v5.png) 50%/100% 100% no-repeat;position:absolute;inset:0}.moon-night:after{content:"";z-index:8;pointer-events:none;background:radial-gradient(circle at 50% 40%,#0000 44%,#01050e1f 100%);position:absolute;inset:0}.oil-glow{z-index:1;aspect-ratio:1;pointer-events:none;background:#ffd3774d;border-radius:50%;width:.72%;animation:4.8s ease-in-out infinite alternate oil-flicker;position:absolute;top:61.1%;transform:translate(-50%,-50%);box-shadow:0 0 .7rem .18rem #f1a23a24}.oil-glow-left{left:41.6%}.oil-glow-right{animation-delay:-2.1s;left:58.4%}.incense-effect{z-index:3;pointer-events:none;width:2.8%;height:30%;position:absolute;top:40.3%;left:50%;transform:translate(-50%)}.offering-slots{z-index:4;pointer-events:none;position:absolute;inset:0}.offering-slots button{cursor:pointer;pointer-events:auto;background:0 0;border:1px solid #0000;border-radius:50%;width:17%;height:18%;padding:0;transition:border-color .25s,background .25s,box-shadow .25s;position:absolute;top:72.5%}.offering-slots button[data-offering-slot=left]{left:26.5%}.offering-slots button[data-offering-slot=center]{left:41.5%}.offering-slots button[data-offering-slot=right]{left:56.5%}.offering-slots button:hover,.offering-slots button:focus-visible{background:#f0e6d209;border-color:#f0e6d257;outline:none;box-shadow:0 0 1.5rem #f0e6d20f}.ember{opacity:0;background:#f16a3c;border-radius:50%;width:78%;height:4%;transition:opacity .8s;animation:3.6s ease-in-out infinite ember-pulse;position:absolute;top:0;left:50%;transform:translate(-50%,-24%);box-shadow:0 0 .5rem .15rem #f15c2fc2,0 0 1.6rem .55rem #d5471f47}.lighting-flame{opacity:0;transform-origin:50% 100%;filter:drop-shadow(0 0 .45rem #f184308c);background:radial-gradient(circle at 50% 78%,#fff1b0 0 12%,#f6a33b 24%,#c94624 62%,#0000 66%);border-radius:70% 30% 65% 35%;width:.68rem;height:1.25rem;position:absolute;top:-.72rem;left:50%;transform:translate(-50%)scale(.7)}.incense-effect[data-state=lighting] .lighting-flame{opacity:1;animation:1.5s both tiny-light}.incense-effect[data-state=burning] .ember{opacity:1}.smoke-field{opacity:0;width:320%;height:120%;transition:opacity 2.4s;position:absolute;top:-.5rem;left:50%;transform:translate(-50%)}.incense-effect[data-state=burning] .smoke-field{opacity:1}.smoke-field i{--smoke-drift:20px;--smoke-bend:-10px;--smoke-duration:12s;--smoke-delay:0s;--smoke-scale:1;filter:blur(2.2px);opacity:0;transform-origin:50% 100%;width:2px;height:6.8rem;animation:smoke-rise var(--smoke-duration) ease-in-out var(--smoke-delay) infinite;background:linear-gradient(#0000,#e0e7ed5c 28%,#d8e1ea21 72%,#0000);border-radius:50%;position:absolute;bottom:0;left:calc(50% - 1px)}.entry-panel{z-index:12;left:50%;bottom:calc(2.25rem + env(safe-area-inset-bottom));justify-items:center;gap:.65rem;transition:opacity 1.1s,transform 1.1s;display:grid;position:absolute;transform:translate(-50%)}.entry-panel.leaving{opacity:0;pointer-events:none;transform:translate(-50%,.75rem)}.entry-panel p{color:#f2e8d2b8;letter-spacing:.14em;text-shadow:0 1px .8rem #000c;margin:0;font-size:.94rem}.light-button{color:#f6ecd7;letter-spacing:.18em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#0b1320a6;border:1px solid #e5ca996b;border-radius:999px;align-items:center;gap:.75rem;min-height:3rem;padding:.72rem 1.55rem .72rem 1.2rem;font-size:1rem;transition:background .25s,border-color .25s,transform .25s;display:inline-flex;position:relative;box-shadow:0 .8rem 2.8rem #00000038,inset 0 0 0 1px #ffffff09}.light-button:hover:not(:disabled){background:#111a27c9;border-color:#f2d59db8;transform:translateY(-2px)}.light-button:focus-visible{outline-offset:4px;outline:2px solid #f0c67c}.light-button:disabled{cursor:wait;opacity:.55}.light-button-mark{background:#a63c2d;border-radius:50%;width:.52rem;height:.52rem;box-shadow:0 0 .75rem #bb432c73}.audio-missing{z-index:11;left:calc(1rem + env(safe-area-inset-left));bottom:calc(1rem + env(safe-area-inset-bottom));color:#eee0c6b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050c1785;border:1px solid #e3c48c2e;border-radius:.65rem;max-width:min(22rem,100vw - 2rem);margin:0;padding:.65rem .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;line-height:1.5;transition:opacity .45s;position:absolute}.audio-missing span{color:#eee0c673;display:block}.has-lit .audio-missing{opacity:.18}.quiet-message{z-index:20;left:50%;top:calc(2rem + env(safe-area-inset-top));color:#f8eedadb;letter-spacing:.08em;text-align:center;opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#060e1b94;border-radius:999px;width:max-content;max-width:calc(100vw - 2rem);padding:.7rem 1rem;font-size:.9rem;transition:opacity .55s,transform .55s;position:absolute;transform:translate(-50%,-.75rem)}.quiet-message.visible{opacity:1;transform:translate(-50%)}.control-dock{z-index:18;right:calc(1.25rem + env(safe-area-inset-right));bottom:calc(1.25rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#060d1894;border:1px solid #efdcb633;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem;transition:opacity .55s,transform .55s;display:flex;position:absolute;box-shadow:0 .8rem 2rem #0000003d}.round-control{color:#f4e9d2e0;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:2.35rem;height:2.35rem;padding:0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.92rem;display:grid}.round-control:hover,.round-control:focus-visible{background:#ffffff17;outline:none}.volume-control{color:#f4e9d2bd;align-items:center;gap:.45rem;padding:0 .45rem;display:flex}.volume-slider{accent-color:#c0613f;width:clamp(4.4rem,8vw,6.5rem)}.ui-hidden .control-dock,.ui-hidden .audio-missing{opacity:0;pointer-events:none;transform:translateY(.5rem)}.settings-dialog{color:#f2e8d4;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#07101deb;border:1px solid #ecd5ac38;border-radius:1.15rem;width:min(27rem,100vw - 2rem);max-height:calc(100svh - 2rem);padding:0;box-shadow:0 2rem 6rem #0000008c}.settings-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#01050c85}.settings-card{gap:1.4rem;padding:1.35rem;display:grid}.settings-card header{justify-content:space-between;align-items:center;display:flex}.eyebrow{color:#f3e1c19e;letter-spacing:.18em;margin:0;font-size:.78rem}.close-settings{cursor:pointer;background:#ffffff0f;border:0;border-radius:50%;width:2.3rem;height:2.3rem;font-size:1.3rem}.settings-card h2{letter-spacing:.1em;margin:0 0 .8rem;font-size:1.02rem;font-weight:500}.setting-row{background:#ffffff09;border-radius:.8rem;justify-content:space-between;align-items:center;padding:.9rem;display:flex}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:.92rem;font-weight:500}.setting-row small{color:#f3e1c16b;margin-top:.25rem;font:.72rem ui-monospace,monospace}.disabled-setting{opacity:.56}.about-copy p{color:#f2e8d4b8;margin:0 0 .85rem;font-size:.95rem;line-height:1.75}.extinguish-button{color:#d9a18f;cursor:pointer;background:0 0;border:1px solid #c25b4257;border-radius:999px;justify-self:start;padding:.62rem 1rem}@keyframes oil-flicker{0%{opacity:.5;transform:translate(-50%,-50%)scale(.92)}to{opacity:.82;transform:translate(-50%,-50%)scale(1.06)}}@keyframes ember-pulse{0%,to{filter:brightness(.8)}45%{filter:brightness(1.18)}70%{filter:brightness(.92)}}@keyframes tiny-light{0%{transform:translate(-50%)scale(.2)}28%{transform:translate(-50%)scale(.92)rotate(-3deg)}68%{transform:translate(-50%)scale(.78)rotate(4deg)}to{opacity:0;transform:translate(-50%)scale(.35)}}@keyframes smoke-rise{0%{opacity:0;transform:translate3d(0, 0, 0) scaleY(.24) scaleX(var(--smoke-scale))}16%{opacity:.42}45%{transform:translate3d(var(--smoke-bend), -3.4rem, 0) scaleY(.72) scaleX(var(--smoke-scale));opacity:.32}78%{opacity:.16}to{opacity:0;transform:translate3d(var(--smoke-drift), -8.6rem, 0) scaleY(1.06) scaleX(var(--smoke-scale))}}@media (aspect-ratio<=4/5){.scene-stage{aspect-ratio:971/1619;width:min(100vw,53.4375svh);top:41%}.scene-art{background-image:url(/images/moon-table-minimal-mobile-v5.png)}.incense-effect{width:4.8%;height:34%;top:29%}.oil-glow{width:1.35%;top:55.6%}.oil-glow-left{left:33%}.oil-glow-right{left:67%}.offering-slots button{width:30%;height:15%;top:65%}.offering-slots button[data-offering-slot=left]{left:3%}.offering-slots button[data-offering-slot=center]{left:35%}.offering-slots button[data-offering-slot=right]{left:67%}.entry-panel{bottom:calc(6.2rem + env(safe-area-inset-bottom))}.control-dock{right:50%;bottom:calc(1rem + env(safe-area-inset-bottom));transform:translate(50%)}.ui-hidden .control-dock{transform:translate(50%,.5rem)}.audio-missing{left:50%;bottom:calc(5.2rem + env(safe-area-inset-bottom));text-align:center;transform:translate(-50%)}}@media (width<=520px){.volume-control span[aria-hidden=true]{display:none}.volume-slider{width:4.25rem}.round-control{width:2.2rem;height:2.2rem}.control-dock{gap:.18rem}.audio-missing{font-size:.66rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.oil-glow,.ember{animation-duration:120s}.smoke-field i{filter:blur(3px);animation-duration:18s}}