@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/jost-cyrillic-wght-normal-CjwCQKo9.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/jost-latin-ext-wght-normal-BDUtSsKd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/jost-latin-wght-normal-ObQm3Zd1.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:SUIT Variable;font-weight:100 900;src:url(/assets/SUIT-Variable-gqD86R3M.woff2)format("woff2-variations")}:root{--dome:#05060a;--ink:#e9eef7;--ink-2:#9fb6d9;--ink-3:#9fb6d9c7;--ha:#ff6a4d;--o3:#5fd4c4;--shade:0 0 1px #05060ae6, 0 0 14px #05060ad9, 0 0 28px #05060a99;--glow:0 0 12px #e9eef747;--font:"Jost Variable", "SUIT Variable", system-ui, sans-serif;--gutter:clamp(16px, 2.4vw, 32px);--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{background:var(--dome);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;font-weight:300;overflow:hidden}::selection{color:var(--ink);background:#5fd4c459}#gl,#overlay{width:100vw;height:100vh;display:block;position:fixed;inset:0}#overlay{pointer-events:none}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:none}button{font:inherit;color:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0}button:focus-visible{outline:1px solid var(--ink);outline-offset:4px;border-radius:999px}a{color:var(--ink-2);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--ink)}.arc{--arc-size:clamp(34px, 5.2vw, 76px);width:0;font-size:var(--arc-size);letter-spacing:.12em;text-shadow:var(--glow), var(--shade);font-weight:200;line-height:1;position:fixed;top:clamp(52px,11vh,120px);left:50%}.arc-line{height:1em;position:relative}.arc-line span{text-align:center;opacity:0;filter:blur(10px);width:1.4em;transition:opacity 1.4s var(--ease), filter 1.6s var(--ease);margin-left:-.7em;position:absolute;top:0;left:0}.arc.on .arc-line span{opacity:1;filter:blur()}.arc-sub{left:0;top:calc(var(--arc-size) * 1.45);white-space:nowrap;letter-spacing:.1em;color:var(--ink-2);opacity:0;transition:opacity 1.8s var(--ease) .5s;margin:0;font-size:clamp(13px,1.25vw,17px);position:absolute;transform:translate(-50%)}.arc.on .arc-sub{opacity:1}.stage{top:var(--gutter);left:var(--gutter);opacity:0;transition:opacity 1s var(--ease);text-shadow:var(--shade);position:fixed}.stage.on{opacity:1}.stage-name{letter-spacing:.08em;color:var(--ink);margin:0 0 14px;font-size:15px;font-weight:400}.readout{grid-template-columns:auto auto;gap:5px 18px;margin:0;font-size:13px;display:grid}.readout dt{color:var(--ink-3);letter-spacing:.08em}.readout dd{color:var(--ink);letter-spacing:.02em;margin:0}.top-right{top:calc(var(--gutter) - 8px);right:calc(var(--gutter) - 8px);gap:4px;display:flex;position:fixed}.icon-btn{width:40px;height:40px;color:var(--ink-2);transition:color .4s var(--ease), filter .4s var(--ease), opacity .4s;filter:drop-shadow(0 0 6px #05060ae6);border-radius:999px;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--ink);filter:drop-shadow(0 0 8px #e9eef780)}.icon-btn:disabled{opacity:.25;cursor:default}.markers{opacity:0;transition:opacity 1.2s var(--ease)}.markers.on{opacity:1}.markers.on .marker{pointer-events:auto}.marker{pointer-events:none;text-align:left;text-shadow:0 0 2px #05060a,0 0 10px #05060af2,0 0 22px #05060ae6,0 0 40px #05060ab3;width:0;height:0;transition:opacity .6s;position:fixed;top:0;left:0}.marker .ring{position:absolute;top:0;left:0}.marker .ring:before,.marker .ring:after{content:"";border:1px solid #e9eef7cc;border-radius:50%;width:22px;height:22px;position:absolute;top:-11px;left:-11px;box-shadow:0 0 10px #e9eef759}.marker .ring:after{animation:ping 3.2s var(--ease) infinite;border-color:#e9eef780}@keyframes ping{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.6)}}.m-name,.m-sub,.m-props{left:calc(22px + var(--lx,0px));white-space:nowrap;position:absolute}.m-name{top:calc(-12px + var(--ly,0px));letter-spacing:.06em;font-size:16px;font-weight:400}.m-sub{top:calc(10px + var(--ly,0px));letter-spacing:.04em;color:var(--ink-2);font-size:12px}.m-props{top:calc(32px + var(--ly,0px));opacity:0;transition:opacity .5s var(--ease), translate .5s var(--ease);grid-template-columns:auto auto;column-gap:12px;margin:0;font-size:12px;display:grid;translate:0 -4px}.m-props dt{color:var(--ink-3)}.m-props dd{margin:0}.marker.flip .m-name,.marker.flip .m-sub,.marker.flip .m-props{text-align:right;left:auto;right:22px}.marker:hover .m-props,.marker:focus-visible .m-props{opacity:1;translate:0}.marker:hover .ring:before{border-color:var(--ink);box-shadow:0 0 16px #e9eef7b3}.marker:focus-visible{outline:none}.marker.stack .m-name{left:var(--lx,0px);top:calc(var(--ly,0px) - 11px);line-height:22px}.marker.stack .m-props{display:none}.marker:focus-visible .m-name{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px}.core-labels{opacity:0;transition:opacity 1s var(--ease)}.core-labels.on{opacity:1}.core-labels.pick .core{pointer-events:auto}.core{letter-spacing:.06em;color:var(--ink-2);text-shadow:var(--shade);white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:flex;position:fixed;top:0;left:0}.core i{border:1px solid #e9eef759;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px}.core-labels.pick .core:hover{color:var(--ink)}.core-labels.pick .core:hover i{border-color:var(--ink);box-shadow:0 0 14px #e9eef799}.layer-labels{opacity:0;transition:opacity .6s}.layer-labels.on{opacity:1}.layer-labels span{letter-spacing:.06em;white-space:nowrap;text-shadow:var(--shade);margin-top:-.6em;font-size:13px;font-weight:400;position:fixed;top:0;left:0}.gauge{left:50%;bottom:calc(var(--gutter) + 6px);opacity:0;width:220px;transition:opacity 1s var(--ease);text-shadow:var(--shade);--fill:0;grid-template-columns:auto auto;align-items:baseline;column-gap:12px;display:grid;position:fixed;transform:translate(-50%)}.gauge.on{opacity:1}.gauge-value{letter-spacing:.04em;justify-self:end;font-size:28px;font-weight:200}.gauge-label{letter-spacing:.06em;color:var(--ink-2);font-size:12px}.gauge-note{letter-spacing:.06em;color:var(--o3);grid-column:1/-1;justify-self:center;min-height:1.2em;margin-top:4px;font-size:12px}.gauge:after{content:"";background:linear-gradient(90deg, var(--ink) calc(var(--fill) * 100%), #9fb6d92e 0);grid-area:2/1/auto/-1;height:1px;margin-top:8px;box-shadow:0 0 8px #e9eef74d}.gauge.hot .gauge-value{color:var(--ha);text-shadow:0 0 14px #ff6a4d99, var(--shade)}.gauge.hot:after{background:var(--ha);box-shadow:0 0 10px #ff6a4db3}.hint{left:50%;bottom:calc(var(--gutter) + 92px);letter-spacing:.1em;color:var(--ink-2);white-space:nowrap;opacity:0;transition:opacity 1.2s var(--ease);text-shadow:var(--shade);margin:0;font-size:13px;position:fixed;transform:translate(-50%)}.hint.on{opacity:1;animation:3.4s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.45}}.star-name{letter-spacing:.06em;color:var(--ink-2);margin:0 0 4px;font-size:12px}.star-name:empty{display:none}.name-field{opacity:0;pointer-events:none;transition:opacity 1.2s var(--ease), transform 1.2s var(--ease);position:fixed;top:calc(clamp(52px,11vh,120px) + clamp(34px,5.2vw,76px) + 64px);left:50%;transform:translate(-50%,6px)}#ui>.name-field.on{opacity:1;pointer-events:auto;transform:translate(-50%)}.name-field input{width:min(320px, calc(100vw - 2 * var(--gutter)));color:var(--ink);font:inherit;letter-spacing:.06em;text-align:center;text-shadow:var(--shade);transition:border-color .4s var(--ease);background:0 0;border:0;border-bottom:1px solid #9fb6d959;outline:none;padding:6px 2px;font-size:15px}.name-field input::placeholder{color:var(--ink-3)}.name-field input:hover,.name-field input:focus{border-bottom-color:var(--ink)}.tip{text-shadow:var(--shade);pointer-events:none;opacity:0;transition:opacity .25s var(--ease);grid-template-columns:auto auto;gap:3px 14px;margin:0;font-size:12px;display:grid;position:fixed;top:0;left:0}.tip.on{opacity:1}.tip dt{color:var(--ink-3);letter-spacing:.08em}.tip dd{color:var(--ink);letter-spacing:.02em;margin:0}.tip .tip-name{letter-spacing:.06em;grid-column:1/-1;font-size:13px}.hover-ring{box-shadow:var(--glow);pointer-events:none;opacity:0;transition:opacity .25s var(--ease);border:1px solid #e9eef7d9;border-radius:50%;position:fixed;top:0;left:0}.hover-ring.dashed{box-shadow:none;border-style:dashed;border-color:#e9eef78c}.hover-ring.on{opacity:1}.controls{left:50%;bottom:calc(var(--gutter) - 4px);opacity:0;transition:opacity 1s var(--ease), transform 1s var(--ease);align-items:center;gap:2px;display:flex;position:fixed;transform:translate(-50%,12px)}.controls.on{opacity:1;transform:translate(-50%)}.controls.on>*{pointer-events:auto}.controls .play{width:46px;height:46px;color:var(--ink)}.speed{text-align:center;letter-spacing:.06em;min-width:64px;color:var(--ink);text-shadow:var(--shade);font-size:14px}.speed.capped{color:var(--o3)}.cut{letter-spacing:.06em;border:1px solid #9fb6d947;gap:6px;width:auto;margin-left:14px;padding:0 14px 0 10px;font-size:12px;display:inline-flex}.cut.active{color:var(--ink);border-color:#e9eef7cc;box-shadow:0 0 12px #e9eef740}.hrd{right:calc(var(--gutter) - 6px);bottom:calc(var(--gutter) - 6px);opacity:0;transition:opacity 1.6s var(--ease), transform 1.6s var(--ease);position:fixed;transform:translateY(8px)}.hrd.on{opacity:1;transform:none}.hrd:before{content:"";z-index:-1;background:radial-gradient(closest-side,#030408a8,#03040800);position:absolute;inset:-30% -20%}.hrd canvas{display:block}.feed{left:var(--gutter);bottom:var(--gutter);opacity:0;width:min(380px,38vw);transition:opacity 1.2s var(--ease);flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex;position:fixed}.feed.on{opacity:1}.feed li{text-shadow:var(--shade);opacity:0;filter:blur(6px);transition:opacity 1.2s var(--ease), transform 1.2s var(--ease), filter 1.2s var(--ease);grid-template-columns:74px 1fr;column-gap:12px;font-size:13px;line-height:1.5;display:grid;transform:translateY(6px)}.feed li.in{opacity:1;filter:none;transform:none}.feed li.in:nth-last-child(4){opacity:.3}.feed li.in:nth-last-child(3){opacity:.5}.feed li.in:nth-last-child(2){opacity:.75}.feed time{color:var(--ha);letter-spacing:.04em;text-align:right;white-space:nowrap}.feed span{color:var(--ink);text-wrap:pretty}.toasts{top:calc(var(--gutter) + 52px);right:var(--gutter);flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed}.toast{text-shadow:var(--shade);opacity:0;filter:blur(6px);transition:opacity 1s var(--ease), transform 1s var(--ease), filter 1s var(--ease);align-items:baseline;gap:12px;display:flex;transform:translate(12px)}.toast.on{opacity:1;filter:none;transform:none}.toast-k{letter-spacing:.1em;color:var(--o3);font-size:11px}.toast strong{letter-spacing:.06em;font-size:18px;font-weight:400}.end{opacity:0;transition:opacity 1.6s var(--ease), transform 1.6s var(--ease);text-shadow:var(--shade);flex-direction:column;align-items:center;gap:22px;display:flex;position:fixed;top:calc(clamp(52px,11vh,120px) + clamp(34px,5.2vw,76px) + 96px);left:50%;transform:translate(-50%,10px)}.end.on{opacity:1;transform:translate(-50%)}.end.on button{pointer-events:auto}.end-unlocks{color:var(--o3);letter-spacing:.06em;text-align:center;text-shadow:0 0 2px #05060a,0 0 10px #05060a,0 0 20px #05060a;margin:0;padding:0;font-size:14px;list-style:none}.end-actions{gap:10px;display:flex}.pill{letter-spacing:.08em;height:40px;transition:box-shadow .4s var(--ease), border-color .4s;background:#05060a80;border:1px solid #e9eef7bf;border-radius:999px;align-items:center;gap:8px;padding:0 20px;font-size:13px;display:inline-flex;box-shadow:0 0 14px #e9eef72e}.pill:hover{box-shadow:0 0 22px #e9eef773}.pill.ghost{color:var(--ink-2);box-shadow:none;border-color:#9fb6d94d}.pill.ghost:hover{color:var(--ink);border-color:#e9eef799}.codex{padding:clamp(56px, 10vh, 120px) var(--gutter) 48px;opacity:0;visibility:hidden;transition:opacity .8s var(--ease), visibility .8s;scrollbar-width:thin;scrollbar-color:#9fb6d94d transparent;background:radial-gradient(at 50% 40%,#05060ab8,#05060af0);flex-direction:column;align-items:center;gap:56px;display:flex;position:fixed;inset:0;overflow-y:auto}#ui>.codex.on{opacity:1;visibility:visible;pointer-events:auto;touch-action:pan-y;overscroll-behavior:contain}.codex .close{top:calc(var(--gutter) - 8px);right:calc(var(--gutter) - 8px);position:fixed}.codex h2{letter-spacing:.12em;color:var(--ink-2);text-align:center;margin:0 0 22px;font-size:13px;font-weight:400}.cx-letters{gap:clamp(10px,3vw,36px);margin:0;padding:0;font-size:clamp(40px,7vw,84px);font-weight:200;list-style:none;display:flex}.cx-letters li.got{color:var(--c);text-shadow:0 0 22px var(--c), 0 0 4px var(--c)}.cx-letters li.locked{color:#9fb6d924;filter:blur(1.5px)}.cx-endings ul,.cx-multi ul{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px 36px;width:min(760px,100%);margin:0;padding:0;list-style:none;display:grid}.cx-multi ul{grid-template-columns:repeat(2,auto);justify-content:center}.cx-endings li,.cx-multi li{text-align:center;flex-direction:column;gap:4px;display:flex}.cx-multi li{flex-direction:row;align-items:center;gap:10px}.cx-endings strong,.cx-multi strong{letter-spacing:.04em;font-size:19px;font-weight:300}.cx-endings span{letter-spacing:.04em;color:var(--ink-2);font-size:12px}.cx-endings li.got strong,.cx-multi li.got strong{text-shadow:var(--glow)}.cx-endings li.locked,.cx-multi li.locked{opacity:.2;filter:blur(1.2px)}.cx-multi li.got svg{color:var(--o3);fill:var(--o3)}.cx-credits{max-width:560px;color:var(--ink-3);text-align:center;font-size:11px;line-height:1.7}.cx-credits p{margin:0}.cx-credits a{pointer-events:auto}.loader{width:160px;height:1px;transition:opacity 1s var(--ease);background:#9fb6d926;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.loader i{background:var(--ink);transform-origin:0;transition:transform .4s var(--ease);position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 10px #e9eef799}.loader.gone{opacity:0}@media (max-width:720px){.feed{width:calc(100vw - 2 * var(--gutter));bottom:calc(var(--gutter) + 62px);gap:6px}.feed li{grid-template-columns:62px 1fr;font-size:12px}.feed li.in:nth-last-child(n+3){display:none}.hrd{bottom:auto;top:calc(var(--gutter) + 40px);right:calc(var(--gutter) - 10px);transform-origin:100% 0;transform:scale(.82)}.hrd.on{transform:scale(.82)}.readout{font-size:12px}.stage-name{margin-bottom:8px}.arc{letter-spacing:.22em;--arc-size:clamp(30px, 8.5vw, 44px);top:27vh}.end{top:calc(27vh + 110px)}.toasts{top:auto;bottom:calc(var(--gutter) + 150px)}.cut span{display:none}.cut{justify-content:center;width:40px;margin-left:6px;padding:0}.m-sub{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}
