html,body{height:100%;overflow:hidden;background:#050408}#stage{position:fixed;inset:0;z-index:1;display:block}#veil{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(62% 52% at 50% 42%,transparent 32%,rgba(5,4,8,.5) 74%,#050408 100%)}.ui{position:fixed;z-index:6;font-family:var(--mono);font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-3);line-height:1.7}.ui.tl{top:24px;left:clamp(18px,4vw,46px)}.ui.tr{top:24px;right:clamp(18px,4vw,46px);text-align:right}.ui.bl{bottom:24px;left:clamp(18px,4vw,46px)}.ui.br{bottom:24px;right:clamp(18px,4vw,46px);text-align:right}.ui .g{color:var(--gold)}#setlabel{position:fixed;left:50%;top:clamp(56px,9vh,92px);transform:translate(-50%) translateY(-6px);z-index:6;text-align:center;opacity:0;transition:opacity 1s var(--ease),transform 1s var(--ease);pointer-events:none}#setlabel.on{opacity:1;transform:translate(-50%) translateY(0)}#setlabel .n{font-family:var(--mono);font-size:9px;letter-spacing:.42em;color:var(--gold);display:block;margin-bottom:9px}#setlabel .l{font-family:var(--serif);font-weight:200;font-size:clamp(19px,2.4vw,30px);letter-spacing:-.02em;color:var(--ink);opacity:.92}#setlabel .bar{width:34px;height:1px;background:var(--gold-lo);margin:13px auto 0;opacity:.6}#web{position:fixed;inset:0;z-index:5;pointer-events:none}.node{position:absolute;opacity:0;transition:opacity 1.15s var(--ease),transform 1.15s var(--ease)}.node.l{text-align:right;transform:translate(-16px,-50%)}.node.r{text-align:left;transform:translate(16px,-50%)}.node.on{transform:translateY(-50%);opacity:1}.node .rule{display:flex;align-items:center;gap:9px;margin-bottom:11px;opacity:.85}.node.l .rule{justify-content:flex-end}.node .rule i{display:block;width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 9px var(--gold);flex:0 0 auto}.node .rule s{display:block;height:1px;text-decoration:none;background:linear-gradient(90deg,transparent,rgba(201,162,39,.75))}.node.l .rule s{background:linear-gradient(270deg,transparent,rgba(201,162,39,.75))}.node .txt{font-family:var(--serif);font-weight:200;line-height:1.4;letter-spacing:-.006em;color:#e9e3d5;text-shadow:0 2px 24px #050408,0 0 52px rgba(5,4,8,.96)}.node .txt em{font-style:normal;color:var(--gold-hi);font-weight:300}.node.soft .txt{color:#bdb6a6}#consto{position:fixed;inset:0;z-index:4;pointer-events:none}#constLines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.star{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;background:none;border:0;padding:0;cursor:pointer;display:grid;place-items:center;width:76px;height:76px;transition:opacity .8s var(--ease),transform .8s var(--ease);opacity:0}.star.lit{opacity:1}.star .core{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--gold-hi);box-shadow:0 0 14px var(--gold),0 0 34px #c9a22780;transition:.5s var(--ease)}.star .ring{position:absolute;width:34px;height:34px;border-radius:50%;border:1px solid var(--gold-lo);opacity:.45;transition:.6s var(--ease)}.star .ring:after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid var(--line-2);opacity:.7}.star .num{position:absolute;font-family:var(--mono);font-size:9px;letter-spacing:.24em;color:var(--gold);transform:translateY(-30px);transition:.5s var(--ease)}.star .lbl{position:absolute;white-space:nowrap;font-family:var(--serif);font-weight:200;font-size:14px;letter-spacing:-.01em;color:var(--ink);transform:translateY(30px);opacity:0;transition:.5s var(--ease);text-shadow:0 2px 16px #050408}.star:hover .core,.star.active .core{transform:scale(1.5);box-shadow:0 0 22px var(--gold-hi),0 0 54px #c9a227b3}.star:hover .ring,.star.active .ring{transform:scale(1.28);opacity:.9;border-color:var(--gold)}.star:hover .lbl,.star.active .lbl{opacity:1;transform:translateY(34px)}.star.active .num{color:var(--gold-hi)}.star.dim{opacity:.28}.minor{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--gold-lo);transform:translate(-50%,-50%);opacity:0;transition:opacity 1.4s var(--ease);box-shadow:0 0 7px #c9a22799}.minor.lit{opacity:.5}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:.16}}.ctl{position:fixed;z-index:7;font-family:var(--mono);font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;padding:11px 16px;border:1px solid var(--line-2);border-radius:100px;color:var(--ink-2);background:#07060980;backdrop-filter:blur(10px);cursor:pointer;transition:.45s var(--ease)}.ctl:hover{border-color:var(--gold);color:var(--gold-hi)}#snd{top:20px;left:50%;transform:translate(-50%)}#snd.on{border-color:var(--gold-lo);color:var(--gold)}#hint{position:fixed;left:50%;bottom:clamp(84px,13vh,124px);transform:translate(-50%);z-index:6;font-family:var(--mono);font-size:9.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-3);transition:opacity .9s var(--ease);text-align:center;white-space:nowrap;pointer-events:none}#hint .k{color:var(--gold)}#hint.gone{opacity:0}#enter{position:fixed;left:50%;bottom:clamp(28px,4.6vh,50px);transform:translate(-50%);z-index:7;font-family:var(--mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;padding:15px 38px;border:1px solid var(--line-2);border-radius:100px;color:var(--ink);background:#07060980;backdrop-filter:blur(10px);cursor:pointer;transition:.5s var(--ease);text-decoration:none}#enter:hover{border-color:var(--gold);color:var(--gold-hi);letter-spacing:.36em}#boot{position:fixed;inset:0;z-index:9;display:grid;place-items:center;background:#050408;font-family:var(--mono);font-size:9.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-3);transition:opacity 1s var(--ease)}#boot.gone{opacity:0;pointer-events:none}@media (max-width:820px){.node{max-width:38vw}.node .txt{font-size:11.5px}#snd{top:auto;bottom:96px}}