:root{--paper:#f7f0df;--muted:#d8c6a8;--gold:#d8ad61;--cinnabar:#a9362d;--line:#ffe8b842;--side-panel-width:clamp(300px, 22vw, 390px);--edge-gap:clamp(16px, 2.2vw, 34px)}*{box-sizing:border-box}html,body{min-height:100%;color:var(--paper);letter-spacing:0;background:#17100c;margin:0;font-family:Noto Serif CJK SC,Microsoft YaHei,PingFang SC,SimSun,serif;overflow:hidden}button,a{font:inherit}button{border-radius:5px}.ritual-page,.ritual-hero{min-height:100vh}.ritual-hero{position:relative;overflow:hidden}.hero-image,.hero-shade,.watermark-cover,.smoke-layer{position:absolute}.hero-image{background:#120c08;inset:0;overflow:hidden}.hero-image:before,.hero-image:after{content:"";background-image:url(/assets/%E4%BB%AA%E8%BD%A8%E8%83%8C%E6%99%AF%E5%9B%BE-BNh8pKGw.png);background-position:50%;background-repeat:no-repeat;position:absolute;inset:0}.hero-image:before{filter:blur(22px);opacity:.52;background-size:cover;transform:scale(1.08)}.hero-image:after{opacity:.82;background-size:contain}.hero-shade{background:linear-gradient(90deg,#0e0906d1,#0e09063d 21%,#0e090605 36% 64%,#0e09063d 79%,#0e0906d1),linear-gradient(#0e090638,#0e090605 45%,#0e090657);inset:0}.watermark-cover{z-index:1;filter:blur(1.5px);opacity:.95;background:radial-gradient(circle at 48%,#100a07f0 0 18%,#110a07d1 38%,#110a076b 68%,#0000 78%),radial-gradient(circle at 52% 48%,#553a2657,#0000 62%);border-radius:50%;width:min(92px,8vw);height:min(92px,8vw);top:calc(50% + min(31.5vw,31.5vh));left:calc(50% + min(33.5vw,33.5vh))}.return-cover-link{z-index:6;left:var(--edge-gap);color:#ffe7a5;text-shadow:0 1px 10px #000000b8;background:linear-gradient(#583018eb,#1f1008e6),repeating-linear-gradient(90deg,#ffdc8b14 0 1px,#0000 1px 7px);border:1px solid #e7bb6294;border-radius:4px;justify-content:center;align-items:center;min-height:36px;padding:0 14px;font-size:14px;font-weight:900;line-height:1;text-decoration:none;transition:border-color .16s,color .16s,filter .16s,transform .16s;display:inline-flex;position:absolute;top:18px;box-shadow:inset 0 0 0 2px #1c0d0773,inset 0 1px #ffe69d2e,0 10px 28px #0000005c}.return-cover-link:hover,.return-cover-link:focus-visible{color:#fff4cf;filter:brightness(1.14);border-color:#ffdc8bd6;outline:none;transform:translateY(-1px)}.smoke-layer{z-index:2;pointer-events:none;mix-blend-mode:screen;opacity:.9;width:min(128px,12vw);height:min(230px,31vh);top:calc(50vh - min(100vw,100vh)/2 + min(64.55vw,64.55vh));left:calc(50vw - min(100vw,100vh)/2 + min(50.35vw,50.35vh));overflow:visible;transform:translate(-50%,-100%)}.donation-box{z-index:3;cursor:pointer;opacity:0;pointer-events:none;background:linear-gradient(#54341b94,#180f09d1),repeating-linear-gradient(90deg,#ffd08114 0 1px,#0000 1px 6px);border:1px solid #8e61305c;border-radius:2px 2px 4px 4px;width:min(38px,4.1vw);min-width:24px;height:min(24px,2.7vw);min-height:15px;transition:opacity .42s,filter .18s,transform .22s;position:absolute;top:calc(50vh - min(100vw,100vh)/2 + min(91.1vw,91.1vh));left:calc(50vw - min(100vw,100vh)/2 + min(50.2vw,50.2vh));transform:translate(-50%,-50%)scale(.94);box-shadow:inset 0 1px #ffde9c29,inset 0 -7px 12px #0502018f,0 9px 20px #0000006b}body[data-ritual-complete=true] .donation-box{opacity:1;filter:brightness(1.08);pointer-events:auto}.donation-box:hover,.donation-box:focus-visible{filter:brightness(1.35);opacity:1;outline:none;transform:translate(-50%,-50%)scale(1)}.donation-lid{background:linear-gradient(#5b3a1fa8,#23140adb);border:1px solid #91653573;border-radius:3px 3px 1px 1px;height:7px;position:absolute;top:-5px;left:10%;right:10%}.donation-slot{background:#030201c7;border-radius:999px;width:42%;height:2px;position:absolute;top:38%;left:50%;transform:translate(-50%);box-shadow:0 1px #ffe1971f}.sutra-download{z-index:3;color:#0000;background:0 0;border-radius:6px;width:min(118px,10.8vw);min-width:82px;height:min(55px,5vw);min-height:38px;text-decoration:none;transition:box-shadow .18s,transform .18s;display:block;position:absolute;top:calc(50vh - min(100vw,100vh)/2 + min(82.4vw,82.4vh));left:calc(50vw - min(100vw,100vh)/2 + min(63.8vw,63.8vh));transform:translate(-50%,-50%)rotate(3deg)}.sutra-download:hover,.sutra-download:focus-visible{outline:none;transform:translate(-50%,-50%)rotate(3deg)scale(1.02);box-shadow:0 0 0 1px #ffe8b83d,0 0 18px #ffd4742e}.sutra-cover,.sutra-pages{display:none}.smoke-trace,.smoke-pulse{fill:none;stroke:#f0ebe0ad;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;filter:url(#smokeSoft);transform-box:view-box}.smoke-trace{opacity:.23;animation:8.8s ease-in-out infinite alternate incense-sway}.smoke-pulse{stroke-dasharray:34 58;stroke-dashoffset:0;opacity:.44;animation:8.8s ease-in-out infinite alternate incense-sway,6.6s linear infinite incense-thread}.smoke-column-main .smoke-trace,.smoke-column-main .smoke-pulse{stroke-width:3.4px;stroke:#f2ede2b8;transform-origin:75px 248px}.smoke-column-left .smoke-trace,.smoke-column-left .smoke-pulse{stroke-width:2.8px;stroke:#f2ede294;transform-origin:60px 248px;animation-delay:-1.4s,-2.6s}.smoke-column-right .smoke-trace,.smoke-column-right .smoke-pulse{stroke-width:2.7px;stroke:#f2ede28f;transform-origin:90px 248px;animation-delay:-2.8s,-5.1s}@keyframes incense-sway{0%{transform:rotate(-1.1deg)scaleY(.98)}50%{transform:rotate(1.2deg)scaleY(1.05)}to{transform:rotate(-.7deg)scaleY(1.12)}}@keyframes incense-thread{0%{opacity:.2;stroke-dashoffset:0}18%{opacity:.52}42%{opacity:.44}70%{opacity:.31}to{opacity:.14;stroke-dashoffset:-184px}}@media (prefers-reduced-motion:reduce){.smoke-trace,.smoke-pulse{animation:none}.smoke-pulse{opacity:.22;stroke-dashoffset:0}}.ritual-topbar{z-index:4;pointer-events:none;justify-content:center;align-items:center;width:min(1600px,100% - 36px);display:flex;position:absolute;top:6px;left:50%;transform:translate(-50%)}.ritual-plaque{isolation:isolate;color:#fff2c6;text-align:center;letter-spacing:0;text-shadow:0 2px 18px #000000b8;background:radial-gradient(circle at 50% -10%,#ffe09633,#0000 52%),linear-gradient(#522a14f5,#221109f2);border:1px solid #efc66fb8;border-radius:4px;grid-template-columns:42px auto 42px;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 40px);margin:0;padding:8px 17px 10px;font-size:clamp(24px,2vw,32px);font-weight:900;line-height:1.08;display:inline-grid;position:relative;overflow:visible;box-shadow:inset 0 0 0 3px #22110894,inset 0 0 0 4px #eec2613d,inset 0 0 28px #ffd8801f,0 14px 42px #0000007a}.plaque-title-text{white-space:nowrap}.plaque-ornament{width:42px;height:24px;display:block;position:relative}.plaque-ornament:before,.plaque-ornament:after{content:"";pointer-events:none;filter:drop-shadow(0 1px 4px #00000073);position:absolute}.plaque-ornament:before{border-top:2px solid #f6ce74e0;border-bottom:2px solid #f6ce749e;border-left:2px solid #f6ce74c7;border-radius:16px 4px;inset:2px 1px 2px 0;transform:skew(-16deg)}.plaque-ornament:after{background:radial-gradient(circle at 7px 12px,#f6ce74eb 0 2px,#0000 3px),radial-gradient(circle at 15px 6px,#f6ce74d1 0 2px,#0000 3px),radial-gradient(circle at 28px 17px,#f6ce74b8 0 1.6px,#0000 2.6px),linear-gradient(135deg,#0000 0 45%,#f6ce74c7 46% 51%,#0000 52% 100%) 10px 6px/24px 14px no-repeat,linear-gradient(35deg,#0000 0 45%,#f6ce74a3 46% 52%,#0000 53% 100%) 20px 12px/17px 9px no-repeat;inset:0}.plaque-ornament-right{transform:scaleX(-1)}.drawer-panel,.chant-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#160d08b8;box-shadow:0 24px 80px #00000052}.panel-label{color:#e7c779;margin:0;font-size:14px;font-weight:900}.drawer{z-index:5;pointer-events:auto;position:absolute}.drawer-left{left:var(--edge-gap);width:var(--side-panel-width);top:86px;bottom:24px}.drawer-right{right:var(--edge-gap);width:var(--side-panel-width);top:86px;bottom:292px}.drawer-tab{display:none}.drawer-panel{pointer-events:auto;height:100%;padding:14px;transform:translate(0)}.method-panel{align-content:start;gap:13px;display:grid;overflow:hidden}.method-panel h2{color:#fff2c6;margin:0;font-size:22px;line-height:1.28}.method-panel p{color:#f8eed8d1;margin:0;font-size:14px;line-height:1.68}.step-panel{grid-template-rows:auto 1fr;gap:10px;display:grid;overflow:hidden}.step-list{grid-template-rows:repeat(5,auto);align-content:start;gap:8px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.step-list li{background:#fffaeb12;border:1px solid #d8ad6138;grid-template-columns:32px 1fr;align-items:start;gap:10px;min-height:0;padding:8px 10px;display:grid}.step-list span{color:#f0d184;background:#d8ad612e;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.step-list h2{color:#fff2c6;margin:0 0 4px;font-size:16px;line-height:1.25}.step-list p{color:#f8eed8c7;margin:0;font-size:13px;line-height:1.45}.chant-panel{z-index:4;right:var(--edge-gap);width:var(--side-panel-width);grid-template-columns:minmax(0,1fr) minmax(108px,132px);align-items:stretch;gap:8px 10px;padding:12px 14px;display:grid;position:absolute;bottom:24px}.chant-panel>.panel-label{align-self:end}.count-readout{justify-self:end;align-items:end;gap:7px;display:flex}.count-readout strong{color:#fff8de;font:900 42px/.9 Georgia,Times New Roman,serif}.count-readout span{color:var(--muted);margin-bottom:6px;font-size:16px;font-weight:900}.progress-track{cursor:pointer;background:#ffffff29;border:1px solid #ffe8b829;grid-column:1/-1;height:9px;position:relative}.progress-track span{background:linear-gradient(90deg, var(--cinnabar), var(--gold));pointer-events:none;width:0;height:100%;transition:width .12s;display:block}.progress-slider{appearance:none;cursor:pointer;background:0 0;width:100%;margin:0;position:absolute;inset:-9px 0}.progress-slider:focus{outline:none}.progress-slider:focus-visible{outline-offset:5px;outline:2px solid #ffe196d1}.progress-slider::-webkit-slider-runnable-track{background:0 0;height:27px}.progress-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(#ffe69c,#b98232);border:2px solid #fff2c6;border-radius:50%;width:15px;height:15px;margin-top:6px;box-shadow:0 0 0 2px #1e1009c2,0 5px 14px #0000006b}.progress-slider::-moz-range-track{background:0 0;border:0;height:27px}.progress-slider::-moz-range-thumb{background:linear-gradient(#ffe69c,#b98232);border:2px solid #fff2c6;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 2px #1e1009c2,0 5px 14px #0000006b}.holy-name{color:#fff4cf;align-self:center;margin:0;font-size:16px;font-weight:900;line-height:1.35}.primary-button,.enter-button,.counter-tools button{cursor:pointer;border:1px solid #0000;min-height:36px;font-weight:900}.primary-button{color:#fff;background:linear-gradient(#be4236,#8b2b24);font-size:15px;box-shadow:0 14px 30px #88221c47}.counter-tools{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.counter-tools button{color:#f5e7c7;background:#ffffff14;border-color:#ffe8b82e}.counter-tools button:disabled{cursor:default;opacity:.45}.chant-status{color:var(--muted);grid-column:1/-1;margin:0;font-size:12px;font-weight:800;line-height:1.4}body[data-ritual-complete=true] .chant-status{color:#ffe094}.enter-button{color:#10241f;background:linear-gradient(#f0d184,#c49a45);grid-column:1/-1;font-size:15px;line-height:1.35}.donation-dialog{z-index:20;place-items:center;padding:clamp(22px,5vw,72px);display:grid;position:fixed;inset:0}.donation-dialog[hidden]{display:none}.donation-dialog-backdrop{cursor:default;background:radial-gradient(circle at 50% 45%,#1108043d,#040201c2),#00000057;border:0;position:absolute;inset:0}.donation-dialog-panel{color:#f8e6b7;background:linear-gradient(#663718f5,#231108fa),radial-gradient(circle at 50% 0,#ffe29526,#0000 40%);border:1px solid #e8bb63a8;border-radius:8px;width:min(660px,100vw - 40px);padding:clamp(26px,4vw,42px);position:relative;box-shadow:inset 0 0 0 1px #ffefbe21,inset 0 14px 28px #ffe19112,0 28px 70px #0000008a}.donation-dialog-panel:before,.donation-dialog-panel:after{content:"";border-top:1px solid #ffe69b61;border-bottom:1px solid #ffe69b3d;height:8px;position:absolute;left:18px;right:18px}.donation-dialog-panel:before{top:14px}.donation-dialog-panel:after{bottom:14px}.donation-dialog-close{color:#f8df9c;cursor:pointer;background:#311205b8;border:1px solid #f2c86f85;border-radius:50%;width:34px;height:34px;font-size:26px;line-height:28px;position:absolute;top:14px;right:16px}.donation-dialog-close:hover,.donation-dialog-close:focus-visible{color:#fff6d7;outline:none}.donation-dialog h2{color:#ffe7a5;letter-spacing:0;text-shadow:0 3px #290b01d6;margin:0 44px 22px 0;font-size:clamp(25px,3vw,38px);font-weight:900}.donation-dialog-body{color:#ffefcce6;border-top:1px solid #f0c16640;padding-top:18px;font-size:clamp(16px,1.45vw,20px);line-height:1.85}.donation-dialog-body p{margin:0 0 15px}.donation-dialog-body p:last-child{margin-bottom:0}@media (height<=820px) and (width>=1001px){.ritual-topbar{top:4px}.drawer{bottom:20px}.drawer-left{top:66px;bottom:20px}.drawer-right{top:66px;bottom:270px}.drawer-panel{padding:12px}.step-list{gap:6px}.step-list li{padding:7px 8px}.step-list h2{font-size:15px}.step-list p{font-size:12px;line-height:1.35}.chant-panel{gap:7px 8px;padding:10px 12px;bottom:16px}.count-readout strong{font-size:34px}.primary-button,.enter-button,.counter-tools button{min-height:32px}}@media (width>=1001px) and (width<=1260px){:root{--side-panel-width:292px;--edge-gap:14px}.ritual-plaque{min-width:480px;font-size:26px}.method-panel p,.step-list p{font-size:12px}}@media (width<=1000px){html,body{overflow-y:auto}.ritual-hero{min-height:100vh;padding-bottom:20px;overflow:visible}.ritual-topbar,.return-cover-link,.drawer,.chant-panel{position:relative;inset:auto;transform:none}.ritual-topbar,.drawer,.chant-panel{width:min(100% - 24px,680px);margin:0 auto}.ritual-topbar{padding-top:18px}.return-cover-link{z-index:6;width:max-content;margin:14px 12px 0;transform:none}.return-cover-link:hover,.return-cover-link:focus-visible{transform:none}.drawer{pointer-events:auto;height:auto;margin-top:12px}.drawer-tab{display:none}.drawer-panel,.drawer-left .drawer-panel,.drawer-right .drawer-panel{height:auto;transform:none}.drawer-left{order:2}.step-list{grid-template-rows:none}.chant-panel{grid-template-columns:1fr;margin-top:12px}.chant-status{grid-column:auto}}