*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--void: #050506;--crypt: #0b0b0e;--gold: #e8c46a;--gold-deep: #b8912f;--halo: #fff6dd;--bone: #e6e1d6;--ash: #8b8578;--ash-dim: #5d594f;--line: rgba(232, 196, 106, .18);--ease: cubic-bezier(.22, 1, .36, 1);--nav-h: 76px}html{background:var(--void)}html,body,#root{width:100%;height:100%}body{font-family:JetBrains Mono,ui-monospace,monospace;background:var(--void);color:var(--bone);overflow:hidden;height:100%;cursor:auto;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}::selection{background:#e8c46a47;color:var(--halo)}@media(any-pointer:fine){body,button,.cross-draw,.chan{cursor:none}}.nav,.pager,.cue{user-select:none;-webkit-user-select:none}.cross-cursor{position:fixed;top:0;left:0;width:34px;height:34px;margin:-17px 0 0 -17px;pointer-events:none;z-index:10000}.cross-cursor .beam{position:absolute;background:var(--gold);box-shadow:0 0 10px var(--gold),0 0 22px #e8c46a80;transition:background .2s ease,box-shadow .2s ease}.cross-cursor .beam-v{left:50%;top:0;width:1.5px;height:100%;transform:translate(-50%)}.cross-cursor .beam-h{top:38%;left:0;width:100%;height:1.5px;transform:translateY(-50%)}.cross-cursor.hot .beam{background:var(--halo);box-shadow:0 0 16px var(--halo),0 0 36px var(--gold)}.cursor-halo{position:fixed;top:0;left:0;width:54px;height:54px;margin:-27px 0 0 -27px;border:1px solid rgba(232,196,106,.3);border-radius:50%;pointer-events:none;z-index:9999;transition:width .3s var(--ease),height .3s var(--ease),margin .3s var(--ease),border-color .3s ease,background .3s ease}.cursor-halo.hot{width:78px;height:78px;margin:-39px 0 0 -39px;border-color:#e8c46abf;background:#e8c46a12}.watcher-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:2;pointer-events:none;opacity:0;transform:scale(.88);filter:blur(14px);transition:opacity 2.4s .45s var(--ease),transform 2.8s .25s var(--ease),filter 2.2s .35s var(--ease)}.watcher-canvas.active{opacity:1;transform:scale(1);filter:blur(0)}.watcher-canvas.dimmed{opacity:0}.site-shell{pointer-events:none}.site-shell.entered{pointer-events:auto}.streams{position:fixed;inset:0;z-index:78;pointer-events:none;overflow:hidden;opacity:.55}.stream-line{position:absolute;left:0;white-space:nowrap;font-size:11px;letter-spacing:.06em;color:#e8c46a80;text-shadow:0 0 6px rgba(232,196,106,.35);will-change:transform}.stream-line b{color:#fff6ddcc;font-weight:400}.stream-line em{color:#78c8a0a6;font-style:normal}.scanlines{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.3;background:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(0,0,0,.5) 2px 3px)}.vignette{position:fixed;inset:0;z-index:89;pointer-events:none;background:radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.8) 100%)}.consecration{position:fixed;inset:0;z-index:9998;background:var(--void);display:grid;place-items:center}.consecration-inner{text-align:center;min-width:min(88vw,360px)}.cross-draw{width:84px;height:112px;display:block;margin:0 auto 26px;overflow:visible;cursor:pointer;transition:transform .55s var(--ease),filter .55s var(--ease)}.cross-draw path{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:square;filter:drop-shadow(0 0 12px rgba(232,196,106,.7))}.cross-draw .cross-stroke{transition:stroke .35s ease,stroke-width .45s var(--ease),filter .45s ease}.cross-light{opacity:0;stroke:var(--halo)!important;stroke-width:5!important;stroke-dasharray:24 212;stroke-dashoffset:0;filter:drop-shadow(0 0 5px var(--halo)) drop-shadow(0 0 15px var(--gold))!important;transition:opacity .25s ease}.cross-draw:hover{transform:scale(1.075);filter:drop-shadow(0 0 8px rgba(232,196,106,.45))}.cross-draw:hover .cross-stroke{stroke:var(--halo);stroke-width:3.6;filter:drop-shadow(0 0 7px var(--halo)) drop-shadow(0 0 22px var(--gold))}.cross-draw:hover .cross-light{opacity:1;animation:crossLightSweep 1.15s linear infinite}@keyframes crossLightSweep{to{stroke-dashoffset:-236}}.consecration-mark{font-family:Cinzel,serif;font-weight:800;font-size:2.6rem;letter-spacing:.18em;color:var(--bone)}.consecration-mark span{color:var(--gold)}.consecration-latin{margin-top:.7rem;font-size:.6rem;letter-spacing:.5em;color:var(--ash)}.consecration-bar{width:190px;height:1px;margin:2rem auto 0;background:#e8c46a29;overflow:hidden}.consecration-bar i{display:block;height:100%;width:100%;transform-origin:left;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.consecration-enter{position:relative;width:230px;height:54px;margin:2.2rem auto 0;display:grid;grid-template-columns:34px 1fr 34px;align-items:center;border:1px solid rgba(232,196,106,.4);color:var(--gold);background:linear-gradient(90deg,transparent,rgba(232,196,106,.045),transparent);font-size:.58rem;letter-spacing:.3em;overflow:hidden;transition:border-color .35s var(--ease),color .35s var(--ease),background .35s var(--ease)}.consecration-enter:before{content:"";position:absolute;inset:0;background:var(--gold);transform:translate(-102%);transition:transform .55s var(--ease);z-index:-1}.consecration-enter:hover{color:var(--void);border-color:var(--gold)}.consecration-enter:hover:before{transform:none}.consecration-enter i{width:5px;height:5px;margin:auto;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor;animation:enterPulse 1.6s ease-in-out infinite}@keyframes enterPulse{50%{opacity:.25;transform:scale(.7)}}.nav{position:fixed;top:0;left:0;right:0;z-index:500;height:var(--nav-h);background:#050506db;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-inner{height:100%;max-width:1680px;margin:0 auto;padding:0 clamp(1.5rem,4vw,3.5rem);display:flex;align-items:center;justify-content:space-between}.nav-mark{display:flex;align-items:center;gap:.6rem;font-family:Cinzel,serif;font-weight:800;font-size:1.1rem;letter-spacing:.2em;color:var(--bone);transition:color .3s ease}.nav-mark:hover{color:var(--gold)}.mark-cross{width:13px;height:18px;flex:none;fill:var(--gold);filter:drop-shadow(0 0 7px rgba(232,196,106,.55))}.nav-links{display:flex;align-items:center;gap:clamp(1rem,2.6vw,2.2rem)}.nav-links>button:not(.bell):not(.motion-toggle){font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ash);position:relative;padding-bottom:3px;transition:color .3s ease}.nav-links>button:not(.bell):not(.motion-toggle):after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.nav-links>button:not(.bell):not(.motion-toggle):hover{color:var(--gold)}.nav-links>button:not(.bell):not(.motion-toggle):hover:after{transform:scaleX(1)}.motion-toggle{display:inline-flex;align-items:center;gap:.5rem;height:32px;padding:0 .8rem;border:1px solid var(--line);border-radius:2px;font-size:.55rem;letter-spacing:.2em;color:var(--ash-dim);transition:color .3s ease,border-color .3s ease}.motion-toggle .dot{width:6px;height:6px;border-radius:50%;background:var(--ash-dim);transition:background .3s ease,box-shadow .3s ease}.motion-toggle.on{color:var(--gold);border-color:#e8c46a66}.motion-toggle.on .dot{background:var(--gold);box-shadow:0 0 8px var(--gold)}.bell{width:132px;border:1px solid var(--line);border-radius:2px;font-size:.58rem;letter-spacing:.26em;color:var(--ash);transition:border-color .35s var(--ease),color .35s var(--ease),background .35s var(--ease)}.bell-toggle{width:100%;height:32px;padding:0 .8rem;display:flex;align-items:center;justify-content:center;gap:.6rem;color:inherit;letter-spacing:inherit}.bell:hover{border-color:var(--gold);color:var(--gold);background:#e8c46a0d}.bell-eq{display:flex;align-items:center;gap:2px;height:14px;width:17px;flex:none}.bell-eq i{display:block;width:2px;border-radius:1px;background:currentColor;opacity:.55}.bell.ringing{border-color:var(--gold);color:var(--gold);background:#e8c46a0f}.bell.ringing .bell-eq i{opacity:1}.bell-volume{height:25px;padding:0 .55rem;overflow:hidden;display:grid;grid-template-columns:auto 1fr 1.5rem;align-items:center;gap:.35rem;border-top:1px solid var(--line);font-size:.43rem;letter-spacing:.12em;color:var(--ash-dim)}.bell-volume input{--volume: 35%;width:100%;height:12px;margin:0;appearance:none;-webkit-appearance:none;cursor:pointer;background:transparent}.bell-volume input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--gold) var(--volume),rgba(232,196,106,.2) var(--volume))}.bell-volume input::-moz-range-track{height:2px;background:#e8c46a33}.bell-volume input::-moz-range-progress{height:2px;background:var(--gold)}.bell-volume input::-webkit-slider-thumb{width:7px;height:7px;margin-top:-2.5px;appearance:none;-webkit-appearance:none;border:1px solid var(--gold);border-radius:50%;background:var(--void);box-shadow:0 0 6px #e8c46aa6}.bell-volume input::-moz-range-thumb{width:7px;height:7px;border:1px solid var(--gold);border-radius:50%;background:var(--void);box-shadow:0 0 6px #e8c46aa6}.bell-volume output{text-align:right;color:var(--gold-deep);letter-spacing:.04em}.book-stage{position:fixed;inset:0;height:100dvh;perspective:2400px;perspective-origin:50% 50%;transform-style:preserve-3d}.page{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform}.page-face{position:absolute;inset:0;display:flex;align-items:center;padding:calc(var(--nav-h) + 2rem) clamp(1.5rem,6vw,6rem) 5rem;background:var(--void);backface-visibility:hidden;overflow:hidden}.page:not(:first-child) .page-face{background:linear-gradient(180deg,var(--void),var(--crypt))}.page-reveal{position:relative;z-index:1;width:100%;will-change:opacity,transform,filter}.page-shade{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.4) 15%,transparent 45%)}.hero-copy{position:relative;z-index:3;max-width:min(560px,40vw)}.hero-eye{align-self:center}.hero-eye-line{font-family:Cinzel,serif;font-style:italic;font-size:clamp(1rem,1.8vw,1.5rem);color:var(--ash);letter-spacing:.04em;margin-bottom:2.2rem}.kicker{display:flex;align-items:center;gap:.8rem;font-size:.58rem;letter-spacing:.42em;color:var(--gold);margin-bottom:1.8rem}.kicker i{display:block;width:36px;height:1px;background:var(--gold);box-shadow:0 0 8px var(--gold)}.kicker.center{justify-content:center}.hero-title{font-family:Cinzel,serif;font-weight:800;font-size:clamp(2.8rem,7vw,6rem);line-height:.96;letter-spacing:.02em}.hero-title .ln{display:block;overflow:hidden}.hero-title .ln>span{display:block}.hero-title .gild>span{color:var(--gold);text-shadow:0 0 28px rgba(232,196,106,.38),0 0 60px rgba(232,196,106,.18)}.hero-title .char{display:inline-block;white-space:pre}.hero-sub{margin-top:1.8rem;max-width:460px;font-size:.82rem;line-height:1.9;color:var(--ash)}.hero-verse{margin-top:2.2rem;padding-left:1.1rem;border-left:1px solid var(--line);max-width:480px}.verse-num{display:block;font-size:.55rem;letter-spacing:.3em;color:var(--gold-deep);margin-bottom:.5rem}.verse-text{font-family:Cinzel,serif;font-size:.84rem;line-height:1.75;color:var(--ash);font-style:italic}.intro-wrap{position:relative;z-index:3;width:100%;max-width:900px;margin:0 auto}.intro-title{font-family:Cinzel,serif;font-weight:800;font-size:clamp(2.6rem,6.4vw,5.4rem);line-height:.96;letter-spacing:.02em;margin-bottom:1.4rem}.intro-title .ln{display:block}.intro-title .gild{color:var(--gold);text-shadow:0 0 28px rgba(232,196,106,.38),0 0 60px rgba(232,196,106,.18)}.intro-lede{max-width:560px;font-size:.86rem;line-height:2;color:var(--ash);margin-bottom:2.6rem}.intro-index{border-top:1px solid var(--line)}.intro-row{display:grid;grid-template-columns:2.4rem minmax(0,auto) 1fr minmax(0,auto);align-items:center;gap:1rem;padding:.95rem 0;border-bottom:1px solid var(--line)}.intro-num{font-family:Cinzel,serif;font-size:.8rem;color:var(--gold-deep);letter-spacing:.16em}.intro-name{font-family:Cinzel,serif;font-size:clamp(1rem,2vw,1.35rem);color:var(--halo);letter-spacing:.03em}.intro-rule{height:1px;background:var(--line)}.intro-badge{font-size:.53rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ash-dim);white-space:nowrap}.intro-cue{margin-top:2.4rem;font-size:.55rem;letter-spacing:.42em;color:var(--gold-deep)}@media(max-width:720px){.intro-lede{font-size:.78rem;line-height:1.8;margin-bottom:1.6rem}.intro-row{grid-template-columns:1.8rem 1fr;gap:.6rem}.intro-rule,.intro-badge{display:none}}.relic-grid{position:relative;z-index:3;display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:clamp(2rem,6vw,5.5rem);align-items:center;width:100%;max-width:1400px;margin:0 auto}.plate{position:relative;aspect-ratio:3 / 4;border:1px solid var(--line);border-radius:50% 50% 4px 4px/32% 32% 4px 4px;display:grid;place-items:center;overflow:hidden}.plate:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 34%,var(--tint),transparent 62%);opacity:.6}.plate:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 38px,rgba(232,196,106,.14) 38px 39px),repeating-linear-gradient(0deg,transparent 0 38px,rgba(232,196,106,.14) 38px 39px);mask-image:radial-gradient(circle at 50% 40%,#000 30%,transparent 78%)}.plate-numeral{position:relative;z-index:2;font-family:Cinzel,serif;font-weight:800;font-size:clamp(3rem,6vw,5rem);color:var(--halo);text-shadow:0 0 34px rgba(232,196,106,.6)}.plate-glyph{position:absolute;bottom:8%;left:50%;transform:translate(-50%);z-index:2;font-size:1rem;color:var(--gold);opacity:.8}.relic-body{max-width:620px}.relic-order{font-size:.55rem;letter-spacing:.44em;color:var(--gold-deep);margin-bottom:1rem}.relic-name{font-family:Cinzel,serif;font-weight:800;font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1;margin-bottom:.7rem}.relic-badge{display:inline-block;font-size:.54rem;letter-spacing:.3em;color:var(--gold);border:1px solid var(--line);padding:.4rem .8rem;margin-bottom:1.5rem}.relic-text{font-size:.82rem;line-height:1.95;color:var(--ash);margin-bottom:1.9rem}.relic-stats{display:flex;gap:clamp(1.5rem,4vw,3.5rem);padding:1.2rem 0;margin-bottom:1.9rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.relic-stats div{display:flex;flex-direction:column;gap:.35rem}.relic-stats b{font-family:Cinzel,serif;font-size:1.5rem;font-weight:600;color:var(--halo)}.relic-stats span{font-size:.53rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ash-dim)}.relic-link{display:inline-flex;align-items:center;gap:.8rem;font-size:.6rem;letter-spacing:.3em;color:var(--gold);padding:.9rem 1.5rem;border:1px solid var(--line);position:relative;overflow:hidden;isolation:isolate;transition:color .35s var(--ease),border-color .35s var(--ease)}.relic-link-fill{position:absolute;inset:0;background:var(--gold);z-index:-1}.relic-link-label,.relic-link i{position:relative}.relic-link i{font-style:normal}.relic-link:hover{color:var(--void);border-color:var(--gold)}.relic-index{position:absolute;right:0;top:-3.5rem;font-family:Cinzel,serif;font-size:6rem;line-height:1;color:#e8c46a12;pointer-events:none}.order-wrap{position:relative;z-index:3;width:100%;max-width:1500px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.order-head{text-align:center}.order-title{font-family:Cinzel,serif;font-weight:800;font-size:clamp(1.9rem,3.6vw,2.8rem);letter-spacing:.06em;margin-top:.2rem}.order-tag{margin:.5rem auto 0;max-width:560px;font-size:.74rem;line-height:1.7;color:var(--ash)}.vows{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:1100px){.vows{grid-template-columns:repeat(3,1fr)}}.vow{position:relative;padding:1.3rem 1.1rem 1.2rem;border:1px solid var(--line);background:linear-gradient(180deg,rgba(232,196,106,.035),transparent);outline:none;transition:border-color .4s var(--ease),background .4s var(--ease)}.vow:hover,.vow:focus-visible{border-color:#e8c46a80;background:linear-gradient(180deg,rgba(232,196,106,.08),transparent)}.vow-num{display:block;font-family:Cinzel,serif;font-size:.8rem;color:var(--gold-deep);letter-spacing:.2em;margin-bottom:.55rem}.vow h3{font-family:Cinzel,serif;font-weight:600;font-size:1rem;color:var(--halo);margin-bottom:.5rem;white-space:nowrap}.vow p{font-size:.72rem;line-height:1.7;color:var(--ash)}.communion{border:1px solid var(--line);padding:1.1rem 1.4rem 1.3rem;background:linear-gradient(180deg,rgba(232,196,106,.05),transparent)}.communion-label{text-align:center;font-size:.55rem;letter-spacing:.5em;color:var(--gold);margin-bottom:1rem}.communion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.9rem}.chan{display:flex;flex-direction:column;align-items:center;gap:.28rem;width:100%;cursor:pointer;padding:.95rem .8rem;border:1px solid var(--line);background:#05050680;transition:border-color .4s var(--ease),background .4s var(--ease),box-shadow .4s var(--ease)}.chan-glyph{font-size:1.15rem;color:var(--gold);line-height:1;display:inline-block}.chan-name{font-family:Cinzel,serif;font-size:.82rem;letter-spacing:.12em;color:var(--halo)}.chan-handle{font-size:.6rem;letter-spacing:.12em;color:var(--ash-dim)}.chan:not(.chan-idle):hover{border-color:var(--gold);background:#e8c46a14}.chan.copied{border-color:#e8c46abf;background:#e8c46a1a;box-shadow:inset 0 0 24px #e8c46a0f}.chan-idle{opacity:.45;cursor:default}.pager{position:fixed;bottom:1.5rem;left:0;right:0;margin-inline:auto;width:max-content;z-index:400;display:flex;align-items:center;gap:.35rem}.pager button{min-width:34px;height:26px;padding:0 .35rem;font-family:Cinzel,serif;font-size:.68rem;letter-spacing:.1em;color:var(--ash-dim);border-bottom:1px solid transparent;transition:color .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease)}.pager button:hover{color:var(--gold);transform:translateY(-2px)}.pager button.on{color:var(--halo);border-bottom-color:var(--gold)}@media(max-height:780px){.order-wrap{gap:1rem}.order-title{font-size:1.6rem}.vow{padding:1rem .9rem}.vow h3{font-size:.9rem}.vow p{font-size:.67rem;line-height:1.6}.communion{padding:.9rem 1.1rem 1rem}.chan{padding:.75rem .7rem}.hero-verse{display:none}.pager{bottom:.8rem}}@media(max-width:1000px){.relic-grid{grid-template-columns:1fr;gap:1.6rem}.plate{max-width:150px;aspect-ratio:3 / 3.4}.hero-copy{max-width:100%}.relic-index{display:none}}@media(max-width:720px){:root{--nav-h: 64px}html,body{overscroll-behavior:none}body{cursor:auto;touch-action:pan-y}.cross-cursor,.cursor-halo{display:none}.nav-links>button:not(.bell):not(.motion-toggle){display:none}.nav-inner{padding:0 1rem}.motion-toggle{padding:0 .6rem}.bell{width:124px}.bell-toggle{padding-inline:.6rem}.book-stage,.page{height:100dvh}.page-face{display:block;padding:calc(var(--nav-h) + 1.25rem) 1.25rem calc(5.25rem + env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none}.page-face::-webkit-scrollbar{display:none}.page-reveal{min-height:calc(100dvh - var(--nav-h) - 6.5rem - env(safe-area-inset-bottom));display:flex;align-items:center}.hero-title{font-size:clamp(2.15rem,11vw,2.8rem)}.hero-sub{margin-top:1.25rem}.hero-verse{margin-top:1.5rem}.intro-title{font-size:clamp(2.15rem,11vw,3rem)}.relic-grid{gap:1.25rem}.plate{margin:0 auto}.relic-body{width:100%}.relic-stats{gap:1rem;justify-content:space-between}.relic-stats b{font-size:1.25rem}.order-wrap{padding-block:.5rem}.vows,.communion-grid{grid-template-columns:1fr}.streams{opacity:.3}.pager{bottom:max(.65rem,env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 1.5rem);justify-content:center;gap:0;padding:.35rem .45rem;border:1px solid rgba(232,196,106,.14);border-radius:2px;background:#050506e6;backdrop-filter:blur(12px)}.pager button{min-width:32px;height:30px;padding:0 .25rem}}@media(max-width:380px){.nav-mark{font-size:1rem}.motion-toggle{font-size:.48rem;letter-spacing:.13em}.bell{width:116px;font-size:.5rem;letter-spacing:.16em}.page-face{padding-inline:1rem}.pager button{min-width:29px}}