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