: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;background:#0c050859;border:1px solid #d4af3747;border-radius:999px;place-items:center;width:40px;height:40px;transition:border-color .3s,background .3s;display:inline-grid}#sound:hover{border-color:#f1d67ab3}#sound .sound-icon{align-items:flex-end;gap:2px;height:12px;display:inline-flex}#sound .sound-icon i{opacity:.45;transform-origin:bottom;background:currentColor;border-radius:1px;width:2px;height:4px;display:block}#sound[aria-pressed=true] .sound-icon i{opacity:1;animation:1.1s ease-in-out infinite eq}#sound[aria-pressed=true] .sound-icon i:nth-child(2){animation-delay:.15s}#sound[aria-pressed=true] .sound-icon i:nth-child(3){animation-delay:.3s}#sound[aria-pressed=true] .sound-icon i:nth-child(4){animation-delay:.45s}@keyframes eq{0%,to{height:4px}50%{height:12px}}#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}}