@font-face{font-family:Fraunces;src:url(/fonts/Fraunces.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}:root{--void:#14100f;--ink:#fff3e2;--ink-dim:#c9ab90;--ink-faint:#7d6353;--ember:#ffb877;--edge:#ffd6a82e;--pad:clamp(1.15rem, 3.6vw, 3.2rem);--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--bar:0px;--ease-out:cubic-bezier(.16, .84, .24, 1);--ease-soft:cubic-bezier(.32, .72, .18, 1)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--void)}body{background:var(--void);color:var(--ink);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;font-family:Fraunces,Georgia,serif;overflow-x:hidden}#stage{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}#spacer{pointer-events:none;width:100%;position:relative}.gate{height:var(--bar,0px);z-index:6;pointer-events:none;transition:height 2.2s var(--ease-soft);background:#0a0605;position:fixed;left:0;right:0}.gate-top{top:0}.gate-bottom{bottom:0}#hud{z-index:2;pointer-events:none;opacity:0;transition:opacity 1.6s var(--ease-soft);position:fixed;inset:0}#hud.on{opacity:1}#hud:before,#hud:after{content:"";pointer-events:none;width:min(62vw,640px);height:min(46vh,440px);position:absolute;bottom:0}#hud:before{background:radial-gradient(120% 100% at 0 100%,#1c0f0ab8 0%,#1c0f0a57 42%,#0000 72%);left:0}#hud:after{background:radial-gradient(120% 100% at 100% 100%,#1c0f0a99 0%,#1c0f0a42 45%,#0000 74%);width:min(46vw,420px);height:min(34vh,300px);right:0}.hud-block,.hud-corner,#sound{z-index:1;position:absolute}.hud-block,.hud-corner{will-change:transform, opacity}.hud-count{top:calc(var(--pad) + var(--safe-t) + var(--bar));right:var(--pad);font-variant-numeric:tabular-nums;font-variation-settings:"opsz" 12, "wght" 500;letter-spacing:.24em;color:var(--ink-dim);text-shadow:0 1px 14px #1c0f0a99;font-size:clamp(.7rem,1.5vw,.82rem)}.hud-date{left:var(--pad);bottom:calc(var(--pad) + var(--safe-b) + var(--bar) + 1.4rem);max-width:min(78vw,26ch)}.hud-date h1{font-variation-settings:"opsz" 144, "wght" 300, "SOFT" 30, "WONK" 1;letter-spacing:-.026em;color:var(--ink);text-wrap:balance;text-shadow:0 2px 26px #1c0f0a8c,0 0 3px #1c0f0a4d;font-size:clamp(2.1rem,7.6vw,5.4rem);line-height:.94}.hud-date p{font-variation-settings:"opsz" 14, "wght" 400;letter-spacing:.16em;text-transform:lowercase;color:var(--ink-dim);margin-top:.62em;font-size:clamp(.78rem,1.9vw,1rem)}.hud-song{right:var(--pad);bottom:calc(var(--pad) + var(--safe-b) + var(--bar) + 1.4rem);text-align:right;max-width:min(52vw,26ch)}.hud-song p{font-variation-settings:"opsz" 14, "wght" 450, "SOFT" 60;letter-spacing:.035em;color:var(--ink-dim);text-wrap:balance;text-shadow:0 1px 18px #1c0f0ab3;font-size:clamp(.76rem,1.7vw,.95rem);font-style:italic;line-height:1.5}.hud-song p:before{content:"♪  ";opacity:.7;font-style:normal}.hud-song p:empty{display:none}.hud-silence{text-align:center;opacity:0;transition:opacity 1.1s var(--ease-soft);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-silence.on{opacity:1}.silence-n{font-variation-settings:"opsz" 144, "wght" 200, "WONK" 1;font-variant-numeric:tabular-nums;letter-spacing:-.05em;color:#ffb8772b;font-size:clamp(4.5rem,22vw,15rem);line-height:.82;display:block}.silence-w{font-variation-settings:"opsz" 12, "wght" 400;letter-spacing:.42em;text-transform:uppercase;color:#c9ab9057;margin-top:.9em;font-size:clamp(.66rem,1.5vw,.78rem);display:block}.hud-birthday{text-align:center;opacity:0;transition:opacity 1.3s var(--ease-soft);mix-blend-mode:screen;position:absolute;top:27%;left:50%;transform:translate(-50%,-50%)}.hud-birthday.on{opacity:1}.bday-n{font-variation-settings:"opsz" 144, "wght" 260, "SOFT" 60, "WONK" 1;font-variant-numeric:tabular-nums;letter-spacing:-.055em;color:var(--ember);text-shadow:0 0 90px #ffb8775c,0 0 220px #ff8c462e;font-size:clamp(4.5rem,19vw,13rem);line-height:.8;display:block}.bday-d{font-variation-settings:"opsz" 12, "wght" 400;letter-spacing:.44em;text-transform:uppercase;color:#ffd6a89e;margin-top:1.1em;font-size:clamp(.68rem,1.6vw,.82rem);display:block}#sound{top:calc(var(--pad) + var(--safe-t) + var(--bar));left:var(--pad);cursor:pointer;pointer-events:auto;opacity:.5;width:34px;height:26px;transition:opacity .5s var(--ease-out);background:0 0;border:0;align-items:center;gap:4px;display:flex;position:absolute}#sound:hover{opacity:1}#sound .bar{background:var(--ink-dim);width:2px;transition:height .42s var(--ease-out), opacity .42s var(--ease-out);border-radius:1px}#sound .b1{height:8px}#sound .b2{height:18px}#sound .b3{height:12px}#sound.muted .bar{opacity:.45;height:2px}.grain{z-index:8;background-repeat:repeat;background-size:var(--grain-size,256px);image-rendering:pixelated;mix-blend-mode:screen;pointer-events:none;transition:opacity 1.2s var(--ease-soft);position:fixed;inset:-160px}.grain-base{background-image:var(--grain);opacity:.038}.grain-live{background-image:var(--grain-live);opacity:.015}:root.leading .grain-base{opacity:.155}:root.leading .grain-live{opacity:.062}#leader{--sweep:0turn;--flash:0;--weave-x:0px;--weave-y:0px;--ink-lead:#f0e8dcb8;--line:#f0e8dc2b;z-index:7;cursor:pointer;touch-action:none;transition:opacity .9s var(--ease-soft);font-variant-numeric:tabular-nums lining-nums;background:#040303;position:fixed;inset:0;overflow:hidden}.lead-rule{background:var(--line);pointer-events:none;position:absolute}.lead-rule-v{width:1px;top:0;bottom:0;left:50%}.lead-rule-h{height:1px;top:50%;left:0;right:0}.lead-bracket{pointer-events:none;width:clamp(28px,4vw,54px);height:clamp(28px,4vw,54px);position:absolute}.lead-bracket:before,.lead-bracket:after{content:"";background:var(--line);position:absolute}.lead-bracket:before{width:100%;height:1px}.lead-bracket:after{width:1px;height:100%}.lead-bracket-tl{top:9.4vh;left:5.4vw}.lead-bracket-tl:before,.lead-bracket-tl:after{top:0;left:0}.lead-bracket-tr{top:9.4vh;right:5.4vw}.lead-bracket-tr:before,.lead-bracket-tr:after{top:0;right:0}.lead-bracket-bl{bottom:9.4vh;left:5.4vw}.lead-bracket-bl:before,.lead-bracket-bl:after{bottom:0;left:0}.lead-bracket-br{bottom:9.4vh;right:5.4vw}.lead-bracket-br:before,.lead-bracket-br:after{bottom:0;right:0}.lead-slug{font-variation-settings:"opsz" 12, "wght" 420;letter-spacing:.34em;color:#f0e8dc8f;pointer-events:none;white-space:nowrap;font-size:clamp(.56rem,1.05vw,.72rem);position:absolute}.lead-slug-tl{top:4.2vh;left:3.6vw}.lead-slug-tr{top:4.2vh;right:3.6vw}.lead-slug-bl{bottom:4.2vh;left:3.6vw}.lead-slug-br{bottom:4.2vh;right:3.6vw}.lead-dial{aspect-ratio:1;width:min(78vmin,860px);transform:translate(-50%, -50%) translate(var(--weave-x), var(--weave-y));pointer-events:none;position:absolute;top:50%;left:50%}.lead-ring{border:1px solid #f0e8dc2b;border-radius:50%;position:absolute}.lead-ring-1{inset:0}.lead-ring-2{border-color:#f0e8dc1f;inset:11%}.lead-ring-3{border-color:#f0e8dc17;inset:27%}.lead-sweep{background:conic-gradient(from -90deg, #f0e8dc08 0turn, #f0e8dc08 var(--sweep), transparent var(--sweep), transparent 1turn);border-radius:50%;position:absolute;inset:0}.lead-centre{transform:translate(-50%, -50%) translate(var(--weave-x), var(--weave-y));pointer-events:none;text-align:center;justify-items:center;gap:clamp(1.6rem,3.4vh,2.8rem);display:grid;position:absolute;top:50%;left:50%}.lead-glow{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#ff6e3033 0%,#ff5a2812 38%,#0000 68%);width:min(46vmin,420px);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.lead-n{font-variation-settings:"opsz" 144, "wght" 640, "SOFT" 0, "WONK" 0;letter-spacing:-.02em;color:#efe7db;text-shadow:0 0 70px #ff8c4638;font-size:min(26vmin,200px);line-height:.9;position:relative}.lead-sub{font-variation-settings:"opsz" 12, "wght" 420;letter-spacing:.42em;color:#f0e8dca8;animation:leadpulse 4.6s var(--ease-soft) infinite;font-size:clamp(.58rem,1.1vw,.74rem);position:relative}@keyframes leadpulse{0%,to{opacity:.55}50%{opacity:.95}}#leader.running .lead-sub{opacity:.28;animation:none}#leader:after{content:"";opacity:var(--flash);pointer-events:none;background:#fff6e8;position:absolute;inset:0}#soundtrack{z-index:4;padding:var(--pad);opacity:0;pointer-events:none;transition:opacity .8s var(--ease-soft);background:#14100fed;place-content:center;gap:1.4rem;display:grid;position:fixed;inset:0}#soundtrack.on{opacity:1}.st-title{font-variation-settings:"opsz" 12, "wght" 400;letter-spacing:.42em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.6rem;font-size:.7rem}#st-list{gap:.42rem;list-style:none;display:grid}#st-list li{font-variation-settings:"opsz" 24, "wght" 300;color:var(--ink-dim);font-size:clamp(.85rem,2.2vw,1.15rem);font-style:italic}#finale:before{content:"";opacity:0;transition:opacity 2.4s var(--ease-soft);pointer-events:none;background:radial-gradient(46% 40% at 50% 46%,#22120ba8 0%,#22120b5c 46%,#0000 76%);position:absolute;inset:-20vmax}#finale.on:before{opacity:1}#finale{z-index:3;text-align:center;padding:var(--pad);transform:translateX(var(--finale-shift,0));opacity:0;pointer-events:none;transition:opacity 1.8s var(--ease-soft);place-content:center;gap:1.5rem;display:grid;position:fixed;inset:0}#finale.on{opacity:1;pointer-events:auto}.finale-age{font-variation-settings:"opsz" 144, "wght" 240, "SOFT" 70, "WONK" 1;font-variant-numeric:tabular-nums;letter-spacing:-.06em;color:var(--ember);text-shadow:0 0 110px #ffb87780,0 0 260px #ff8c4642;font-size:clamp(7rem,34vw,24rem);line-height:.76;display:block}#finale>*{position:relative}#finale h2{text-shadow:0 2px 40px #22120bbf;font-variation-settings:"opsz" 96, "wght" 300, "SOFT" 40, "WONK" 1;letter-spacing:-.02em;color:var(--ink);margin-top:.35em;font-size:clamp(1.7rem,6.2vw,3.9rem);line-height:1}.finale-line{text-transform:uppercase;text-shadow:0 1px 22px #22120bd9;margin-top:.4em;font-variation-settings:"opsz" 12, "wght" 400!important;letter-spacing:.4em!important;color:#ffe0bab8!important;font-size:clamp(.66rem,1.5vw,.78rem)!important;font-style:normal!important}#finale p{font-variation-settings:"opsz" 18, "wght" 380;color:var(--ink);text-shadow:0 2px 28px #22120bcc;font-size:clamp(.92rem,2.4vw,1.3rem);font-style:italic}#again{border:1px solid var(--edge);color:var(--ink-faint);font-variation-settings:"opsz" 12, "wght" 400;letter-spacing:.34em;text-transform:uppercase;cursor:pointer;transition:color .6s var(--ease-out), border-color .6s var(--ease-out);background:0 0;border-radius:999px;justify-self:center;margin-top:1.4rem;padding:.72em 1.9em;font-family:inherit;font-size:.72rem}#again:hover{color:var(--ink);border-color:#ffd6a866}#fallback{z-index:6;background:var(--void);padding:var(--pad);position:relative}#fallback figure{max-width:520px;margin:0 auto 4rem}#fallback img{border-radius:2px;width:100%;display:block}#fallback figcaption{font-variation-settings:"opsz" 24, "wght" 300;color:var(--ink-dim);justify-content:space-between;gap:1rem;margin-top:.8rem;font-size:.85rem;display:flex}.fallback-note{padding:var(--pad);color:var(--ink-dim)}@media (prefers-reduced-motion:reduce){.ember-core{animation:none}.ritual-hint{opacity:.5;animation:none}*{scroll-behavior:auto!important}}@media (orientation:landscape) and (width>=820px){#finale{--finale-shift:-19vw}}@media (orientation:portrait){#finale{align-content:start;padding-top:16vh}#finale .finale-age{font-size:clamp(5rem,26vw,13rem)}}@media (orientation:landscape) and (height<=520px){.hud-date h1{font-size:clamp(1.6rem,5vw,2.6rem)}.hud-date,.hud-song{bottom:calc(var(--pad) + var(--safe-b))}}