:root{--night-0:#04070e;--night-1:#060b14;--night-2:#0b1626;--teal:#11303a;--moss:#15302a;--stone:#3e4456;--stone-hi:#6a7187;--rose:#b3123e;--rose-deep:#6f0a27;--gold:#f0c469;--gold-hi:#ffe9b8;--ink:#ece5d6;--ink-dim:#ece5d6b8}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--night-0);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:Cormorant Garamond,Georgia,serif;overflow:hidden}.scene{background:var(--night-0);position:fixed;inset:0;overflow:hidden}.layer{will-change:transform;position:absolute;inset:-7% -9%}.layer svg{width:100%;height:100%;position:absolute;inset:0}.sky{background:radial-gradient(130% 80% at 50% 115%,#1a40468c 0%,#0000 55%),radial-gradient(90% 70% at 78% -10%,#14233f 0%,#0000 60%),linear-gradient(#04070e 0%,#081120 45%,#0b1a26 100%)}canvas.stars,canvas.fx{width:100%;height:100%;position:absolute;inset:0}canvas.fx{pointer-events:none;z-index:8;position:fixed}.moon{aspect-ratio:1;width:clamp(54px,16vw,92px);position:absolute;top:8%;left:12%}.moon:before{content:"";background:radial-gradient(circle,#f4e9c538 0%,#f4e9c50f 45%,#0000 70%);border-radius:50%;animation:9s ease-in-out infinite moonbreath;position:absolute;inset:-90%}@keyframes moonbreath{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.mist{filter:blur(18px);background:radial-gradient(60% 90%,#9ac4c81a,#0000 70%);height:22vh;animation:26s ease-in-out infinite alternate mistdrift;position:absolute;bottom:14vh;left:-20%;right:-20%}.mist.m2{opacity:.8;height:16vh;animation-duration:34s;animation-direction:alternate-reverse;bottom:6vh}@keyframes mistdrift{0%{transform:translate(-6%)}to{transform:translate(6%)}}.portal-wrap{justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.portal{aspect-ratio:44/64;filter:drop-shadow(0 26px 44px #000000a6);cursor:pointer;width:min(84vw,400px);margin-bottom:max(16vh,130px);position:relative}@media (aspect-ratio>=1){.portal{width:min(38vh,420px);margin-bottom:16vh}}.portal svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.portal .seam{filter:blur(2.5px);animation:4.2s ease-in-out infinite seampulse}.portal .rune{animation:5.6s ease-in-out infinite runeflicker}@keyframes runeflicker{0%,to{opacity:.25}45%{opacity:.95}60%{opacity:.55}72%{opacity:.9}}.lightpool{filter:blur(6px);background:radial-gradient(50% 100% at 50% 0,#f0c46957,#0000 75%);width:70%;height:12%;animation:4.2s ease-in-out infinite seampulse;position:absolute;bottom:-4%;left:50%;transform:translate(-50%)}@keyframes seampulse{0%,to{opacity:.45}50%{opacity:1}}.copy{top:max(5vh, calc(env(safe-area-inset-top) + 18px));z-index:5;text-align:center;pointer-events:none;padding:0 24px;position:fixed;left:0;right:0}.eyebrow{letter-spacing:.46em;text-indent:.46em;text-transform:uppercase;color:var(--gold);opacity:.85;font-family:Cinzel,serif;font-size:clamp(10px,2.8vw,12px);display:block}h1.title{margin:12px 0 10px;font-family:Cinzel Decorative,serif;font-size:clamp(27px,7.6vw,46px);font-weight:700;line-height:1.16}h1.title .ch{white-space:pre;background:linear-gradient(180deg, var(--gold-hi) 8%, var(--gold) 58%, #b3873b 100%);color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.sub{color:var(--ink-dim);max-width:34ch;margin:0 auto;font-size:clamp(16px,4.4vw,20px);font-style:italic;line-height:1.5}.whisper{left:0;right:0;bottom:calc(max(4vh, env(safe-area-inset-bottom)) + 92px);z-index:6;text-align:center;color:var(--gold-hi);text-shadow:0 0 18px #f0c46980;opacity:0;pointer-events:none;font-size:clamp(15px,4vw,18px);font-style:italic;position:fixed}.count{bottom:max(4vh, calc(env(safe-area-inset-bottom) + 14px));z-index:5;pointer-events:none;justify-content:center;align-items:flex-start;gap:clamp(6px,2.6vw,20px);padding:0 12px;display:flex;position:fixed;left:0;right:0}.cell{text-align:center;min-width:clamp(52px,15vw,70px)}.num{color:var(--ink);font-variant-numeric:tabular-nums;text-shadow:0 0 22px #f0c46947;font-family:Cinzel,serif;font-size:clamp(30px,9vw,46px);font-weight:700;line-height:1.1;position:relative}.lbl{letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;color:var(--gold);opacity:.75;margin-top:4px;font-family:Cinzel,serif;font-size:clamp(9px,2.4vw,10px)}.dot{color:var(--gold);opacity:.35;font-family:Cinzel,serif;font-size:clamp(26px,7vw,38px);line-height:1.2}.gate{z-index:20;-webkit-backdrop-filter:blur(7px);background:radial-gradient(85% 85% at 50% 38%,#141c16e6,#040807f7);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.gate-card{text-align:center;width:100%;max-width:420px}.gate-card .eyebrow{margin-bottom:16px}.gate-q{margin-bottom:24px;font-size:clamp(19px,5vw,24px);font-style:italic;line-height:1.5}.gate input{width:100%;color:var(--ink);text-align:center;background:#0006;border:1px solid #f0c46973;border-radius:999px;outline:none;padding:15px 20px;font-family:Cormorant Garamond,serif;font-size:19px}.gate input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #f0c46924}.gate button{cursor:pointer;letter-spacing:.18em;text-indent:.18em;text-transform:uppercase;color:#241704;background:linear-gradient(180deg, #f7e2ae, var(--gold) 60%, #c9a050);border:none;border-radius:999px;margin-top:18px;padding:14px 38px;font-family:Cinzel,serif;font-size:13px;font-weight:700;box-shadow:0 8px 28px #f0c46959}.gate button:disabled{opacity:.6}.gate-hint{color:#f3b7c6;opacity:0;margin-top:16px;font-size:16px;font-style:italic}.flash{z-index:30;pointer-events:none;opacity:0;background:radial-gradient(60% 60% at 50% 58%,#fff6dd 0%,#f0c469eb 45%,#7e5416f2 100%);position:fixed;inset:0}.story{z-index:25;text-align:center;background:linear-gradient(#0d070c,#160a12 55%,#090509);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:28px;display:flex;position:fixed;inset:0}.story h2{background:linear-gradient(#fde9ee,#e7a8b8 60%,#b3617a);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Cinzel Decorative,serif;font-size:clamp(28px,8vw,50px);line-height:1.25}.story p{color:var(--ink-dim);max-width:36ch;font-size:clamp(17px,4.6vw,21px);font-style:italic;line-height:1.6}.veil{z-index:40;background:var(--night-0);pointer-events:none;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.moon:before,.mist,.lightpool,.portal .seam,.portal .rune{animation:none}}