:root{--ground:#0c0508;--ground-2:#1a0a10;--maroon:#5a0f1f;--maroon-2:#8a1a2e;--gold:#d4af37;--gold-2:#f1d67a;--gold-3:#8a6b1f;--ivory:#f3e9d2;--ivory-dim:#f3e9d29e;--ivory-faint:#f3e9d252;--serif:"Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;--display:"Cinzel", "Cormorant Garamond", Georgia, serif;--arabic:"Amiri", "Scheherazade New", "Noto Naskh Arabic", "Traditional Arabic", serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--ground);height:100%;color:var(--ivory);font-family:var(--serif);overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;height:100dvh;position:fixed;inset:0}#gl{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}#vignette{z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,#0000 40%,#0602048c 100%),linear-gradient(#0000002e,#0000 30% 70%,#00000059);position:fixed;inset:0}#grain{z-index:1;pointer-events:none;opacity:0;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.85 0 0 0 0 0.6 0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:-50%}body.pointer #grain{opacity:.12;animation:1.6s steps(6,end) infinite grain}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-6%,-2%)}80%{transform:translate(5%,4%)}to{transform:translate(0)}}#ui{z-index:2;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior:none;scrollbar-width:none;position:fixed;inset:0;overflow:hidden auto}#ui::-webkit-scrollbar{display:none}.chapter{scroll-snap-align:start;scroll-snap-stop:always;width:100%;height:100%;padding:calc(28px + var(--safe-top)) 24px calc(56px + var(--safe-bottom));place-items:center;display:grid;position:relative;overflow:hidden}.chapter .pass{pointer-events:none}#cue{left:50%;bottom:calc(18px + var(--safe-bottom));z-index:4;pointer-events:none;opacity:0;transition:opacity 1.4s var(--ease-in-out);flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;transform:translate(-50%)}#cue.visible{opacity:1}#cue .cue-text{font-family:var(--display);letter-spacing:.5em;text-transform:uppercase;color:var(--gold);opacity:.8;padding-left:.5em;font-size:9px}#cue .cue-line{background:#d4af372e;width:1px;height:44px;display:block;position:relative;overflow:hidden}#cue .cue-line i{background:linear-gradient(180deg, transparent, var(--gold-2));width:100%;height:100%;animation:cue-drop 2.4s var(--ease-in-out) infinite;position:absolute;top:-100%;left:0}@keyframes cue-drop{0%{top:-100%}60%{top:100%}to{top:100%}}.eyebrow{font-family:var(--display);letter-spacing:.42em;text-transform:uppercase;color:var(--gold);opacity:.85;padding-left:.42em;font-size:clamp(10px,1.1vw,12px);font-weight:400}.display{font-family:var(--display);letter-spacing:.18em;color:var(--gold-2);text-shadow:0 0 24px #d4af3740;padding-left:.18em;font-weight:400}.lede{font-family:var(--serif);color:var(--ivory);font-size:clamp(18px,2.4vw,26px);font-style:italic;font-weight:300;line-height:1.45}.gold{color:var(--gold-2)}.arabic{font-family:var(--arabic);color:var(--ivory);direction:rtl;unicode-bidi:isolate;line-height:1.9}.hint{font-family:var(--serif);letter-spacing:.04em;color:var(--ivory-dim);font-size:clamp(14px,1.6vw,17px);font-style:italic;font-weight:300}.rule{background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:.8;width:64px;height:1px}.btn{appearance:none;color:var(--gold-2);font-family:var(--display);letter-spacing:.34em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d4af3773;min-height:44px;padding:10px 2px 8px;font-size:11px;transition:border-color .5s,color .5s}.btn:hover,.btn:focus-visible{border-color:var(--gold-2);outline:none}.btn.ghost{color:var(--ivory-dim);border-color:#f3e9d233}#chrome{top:calc(14px + var(--safe-top));z-index:5;opacity:0;gap:8px;transition:opacity 1.2s;display:flex;position:fixed;right:16px}#chrome.visible{opacity:1}#sound{appearance:none;color:var(--gold);cursor:pointer;opacity:.7;background:0 0;border:1px solid #d4af3729;border-radius:999px;place-items:center;width:40px;height:40px;transition:border-color .4s,opacity .4s;display:inline-grid}#sound:hover{opacity:1;border-color:#d4af3766}#sound .sound-icon{align-items:flex-end;gap:2px;height:12px;display:inline-flex;position:relative}#sound .sound-icon i{opacity:.75;background:currentColor;border-radius:1px;width:1.5px;display:block}#sound .sound-icon i:first-child{height:5px}#sound .sound-icon i:nth-child(2){height:10px}#sound .sound-icon i:nth-child(3){height:7px}#sound .sound-icon i:nth-child(4){height:12px}#sound[aria-pressed=false] .sound-icon i{opacity:.3}#sound[aria-pressed=false] .sound-icon:after{content:"";opacity:.8;background:currentColor;height:1px;position:absolute;top:50%;left:-3px;right:-3px;transform:rotate(-35deg)}#gate{z-index:8;opacity:0;transition:opacity 1.4s var(--ease-in-out);background:radial-gradient(90% 70% at 50% 45%,#280a168c,#0c0508d9 100%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}#gate.visible{opacity:1}#gate.leaving{opacity:0;pointer-events:none}#gate-form{text-align:center;cursor:text;justify-items:center;gap:26px;display:grid}.gate-slots{gap:18px;display:flex}.gate-slot{width:46px;height:64px;font-family:var(--display);color:var(--gold-2);text-shadow:0 0 18px #d4af374d;place-items:center;font-size:34px;display:grid;position:relative}.gate-slot:after{content:"";background:linear-gradient(90deg,#0000,#d4af37b3,#0000);height:1px;transition:background .4s,transform .4s;position:absolute;bottom:0;left:4px;right:4px}.gate-slot.filled:after{background:linear-gradient(90deg, transparent, var(--gold-2), transparent)}.gate-slot.active:after{animation:1.6s ease-in-out infinite gate-blink}@keyframes gate-blink{0%,to{opacity:.35}50%{opacity:1}}#gate.wrong .gate-slots{animation:gate-shake .5s var(--ease-out)}@keyframes gate-shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}to{transform:translate(0)}}#gate.wrong .gate-hint{color:#f1d67ad9}.gate-label{cursor:text}#gate-input{opacity:.01;color:#0000;caret-color:#0000;background:0 0;border:0;width:1px;height:1px;padding:0;font-size:16px;position:absolute;top:50%;left:50%}#gate-input:focus{outline:none}#loader{z-index:10;background:var(--ground);color:var(--gold);transition:opacity 1.2s var(--ease-in-out), visibility 1.2s;place-content:center;justify-items:center;gap:18px;display:grid;position:fixed;inset:0}#loader.done{opacity:0;visibility:hidden}#loader .loader-mark{opacity:.85;animation:14s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#loader .loader-text{font-family:var(--display);letter-spacing:.5em;text-transform:uppercase;opacity:.8;padding-left:.5em;font-size:11px}#loader .loader-bar{background:#d4af372e;width:120px;height:1px;overflow:hidden}#loader .loader-bar i{background:linear-gradient(90deg, var(--gold-3), var(--gold-2));width:0%;height:100%;transition:width .4s var(--ease-out);display:block}.noscript{z-index:20;background:var(--ground);color:var(--ivory);text-align:center;place-items:center;padding:24px;font-size:18px;display:grid;position:fixed;inset:0}body.q-low #grain{display:none}body.q-low *{-webkit-backdrop-filter:none!important}@media (prefers-reduced-motion:reduce){#loader .loader-mark,#grain{animation:none}}