:root{--sky:#0b1020;--fg:#f5eedf}html:not(.js) .is-overlay{background:#0b1020}.chain{background:#0b1020;height:100svh;min-height:34rem;position:relative}html.has-chain .chain{height:560vh}.chain-stage{height:100svh;min-height:34rem;color:var(--color-moon);background:#0b1020;position:sticky;top:0;overflow:hidden}.chain-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.chain-copy{z-index:4;inset-inline-start:max(40px,50vw - 608px);pointer-events:none;width:clamp(360px,38vw,490px);position:absolute;top:50%;transform:translateY(-44%)}.chain-copy a{pointer-events:auto}.chain-eyebrow{color:var(--color-gold);animation:rise .9s var(--ease-out-soft) both}.chain-copy h1{color:var(--color-moon);animation:rise .9s 80ms var(--ease-out-soft) both;margin-top:.4rem;font-size:clamp(3.4rem,6.4vw,5.6rem);line-height:1.1}.chain-copy .lede{color:var(--color-moon-2);animation:rise .9s .16s var(--ease-out-soft) both;margin-top:.9rem;font-size:1.25rem;font-weight:300;line-height:1.85}.chain-copy [data-hc-bottom]{animation:rise .9s .26s var(--ease-out-soft) both}.chain-stage .actions{flex-wrap:wrap;gap:.75rem;margin-top:1.6rem;display:flex}.chain-give{background:var(--color-gold);color:#2a1b00;box-shadow:0 0 30px #ffc56a73}.chain-find{color:var(--color-moon);background:#ffffff0f;border:1.5px solid #f5eedf47}@media (hover:hover){.chain-give:hover{transform:translateY(-1px);box-shadow:0 0 40px #ffc56aa6}.chain-find:hover{background:#ffffff1f;transform:translateY(-1px)}}.chain-stats{gap:1.75rem;margin-top:1.4rem;display:flex}.chain-stats div{color:var(--color-moon-2);flex-direction:column-reverse;font-size:.9rem;display:flex}.chain-stats dd{color:var(--color-moon);font-variant-numeric:tabular-nums;font-size:2rem;line-height:1.2}.chain-cue{z-index:4;bottom:1.25rem;text-align:center;color:var(--color-moon-2);font-size:.9rem;transition:opacity .3s;position:absolute;inset-inline:0}.chain-cue i{background:linear-gradient(var(--color-gold), transparent);width:2px;height:26px;margin:6px auto 0;animation:1.6s ease-in-out infinite cue;display:block}.chain-cue a{text-underline-offset:4px;margin-inline-start:.75rem;text-decoration:underline}@keyframes cue{50%{opacity:.4;transform:translateY(8px)}}.chain-counter{z-index:4;inset-inline:0;top:calc(var(--header-h) + 1.5vh);opacity:0;pointer-events:none;flex-direction:column;align-items:center;transition:opacity .3s;display:flex;position:absolute}.chain-counter b{color:var(--color-gold);font-variant-numeric:tabular-nums;text-shadow:0 0 40px #ffc56a73;font-size:clamp(3rem,8vw,6rem);line-height:1}.chain-counter b.pop{animation:count-pop .6s var(--ease-spring)}@keyframes count-pop{30%{transform:scale(1.18)}}.chain-counter span{color:var(--color-moon-2);margin-top:.3rem;font-size:1rem}.c-beat{z-index:4;inset-inline:0;text-align:center;opacity:0;transition:opacity .5s ease, transform .6s var(--ease-out-soft);pointer-events:none;padding:2rem 1.5rem .75rem;position:absolute;bottom:5vh;transform:translateY(12px)}html:not(.has-chain) .c-beat,html:not(.has-chain) .chain-counter{display:none}.c-beat:before{content:"";z-index:-1;background:radial-gradient(56% 72% at 50% 62%,#0b1020eb,#0000);position:absolute;inset:-30px 0 -16px}.c-beat.on{opacity:1;transform:none}.c-beat.on a{pointer-events:auto}.c-beat h2{color:var(--color-moon);font-size:clamp(2.1rem,5vw,4.2rem);line-height:1.2}.c-beat p{max-width:42ch;color:var(--color-moon-2);text-wrap:balance;margin:.6rem auto 0;font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.8}.c-beat .c-note{color:#b9b4c9cc;margin-top:.4rem;font-size:.88rem}.c-beat .actions{justify-content:center;margin-top:1.2rem}.chain-dawn{background:linear-gradient(#0b1020, #1b2440 30%, #e9dfcd 78%, var(--color-cream));height:34vh}.real-chain ol{gap:0}.link-cell{flex-direction:column;align-items:center;width:7.5rem;display:flex;position:relative}.link-thread{top:2rem;background:linear-gradient(270deg,#ffc56af2,#b97a1499);width:100%;height:2px;position:absolute;inset-inline-end:50%;transform:translate(50%);box-shadow:0 0 10px #ffc56a99}.link-cell>a{z-index:1;position:relative}@media (width>=640px){.link-thread{top:2.5rem}}@media (width<=760px),(width<=900px) and (orientation:portrait){.chain-copy{inset:calc(var(--header-h) + 4px) 16px 14px;flex-direction:column;justify-content:space-between;width:auto;display:flex;transform:none}.chain-copy h1{font-size:clamp(2.6rem,8vw,3.6rem)}.chain-copy .lede{margin-top:.3rem;font-size:clamp(1rem,2.4vw,1.2rem);line-height:1.75}.chain-stage .chain-copy .actions{flex-wrap:nowrap;margin-top:0}.chain-copy .actions .btn{flex:1;min-height:3.1rem;padding:0 .6rem;font-size:1rem}.chain-stats{gap:1.2rem;margin-top:.75rem}.chain-stats dd{font-size:1.6rem}.chain-cue{display:none}}@media (width<=760px){html.has-chain .chain{height:480vh}.c-beat{bottom:3vh}.link-cell{width:4.6rem}.real-chain li:nth-child(n+5){display:none}}