#story{z-index:2;pointer-events:none;position:relative}.story{height:calc(var(--len,100) * 1svh);pointer-events:none;position:relative}.pin{pointer-events:none;height:100svh;position:sticky;top:0;overflow:clip}.pin a,.pin button,.pin input,.pin .pe{pointer-events:auto}.cap{padding:0 var(--pad);text-align:center;flex-direction:column;align-items:center;gap:clamp(8px,1.6svh,16px);display:flex;position:absolute;bottom:max(26px,5.2svh);left:0;right:0}.line{letter-spacing:-.042em;text-wrap:balance;max-width:20em;font-size:clamp(25px,min(4.4vw,6.4svh),58px);font-weight:600;line-height:1.04}.line.sm{max-width:26em;font-size:clamp(21px,min(3.3vw,4.8svh),44px)}.sub{color:var(--ice-70);text-wrap:balance;max-width:34em;font-size:clamp(15px,min(1.5vw,2.4svh),19px)}.fine{color:var(--ice-50);font:400 12px/1.5 var(--mono);text-wrap:balance;max-width:42em}.hero h1{letter-spacing:-.048em;text-wrap:balance;max-width:13em;font-size:clamp(30px,min(5.6vw,8.4svh),84px);line-height:1}.hero .status{font:400 12px/1.5 var(--mono);color:var(--ice-70);transition:opacity .6s}.hero .status.swap{opacity:0}.scrollhint{font:400 12px/1 var(--mono);color:var(--ice-70);flex-direction:column;align-items:center;gap:10px;margin-top:clamp(4px,1.4svh,14px);display:inline-flex}.scrollhint i{background:linear-gradient(var(--ice), transparent);transform-origin:top;width:1px;height:28px;animation:pull 2.4s var(--ease) infinite;display:block}@keyframes pull{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.hero .static-art,.static-art{display:none}#ui{z-index:3;pointer-events:none;position:fixed;inset:0;overflow:clip}.readout{will-change:transform;opacity:0;flex-direction:column;gap:14px;display:flex;position:absolute;top:0;left:0}.readout .row{flex-direction:column;gap:4px;display:flex}.readout .k{font:400 11px/1 var(--mono);color:var(--ice-70);letter-spacing:.08em;text-transform:lowercase}.readout .v{font:500 clamp(20px, 2.2vw, 30px)/1 var(--mono);color:var(--white);letter-spacing:-.03em}.readout .v small{color:var(--ice-70);letter-spacing:0;margin-left:6px;font-size:.5em}.readout .n{font:400 10.5px/1.3 var(--mono);color:var(--ice-50)}.readout[data-pos=below]{text-align:center;align-items:center;gap:8px}.readout[data-pos=below] .row{align-items:center}.readout[data-pos=below] .row+.row{display:none}.readout[data-pos=below][data-two=true] .row+.row{display:flex}.readout[data-pos=row]{flex-direction:row;align-items:flex-start;gap:22px}.readout[data-pos=row] .v{font-size:18px}.readout[data-pos=row] .n{white-space:nowrap;font-size:10px;position:absolute;top:calc(100% + 6px);left:0}.readout[data-pos=row] .row+.row{display:none}.readout[data-pos=row][data-two=true] .row+.row{display:flex}.node{pointer-events:none;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent;border-radius:50%;position:absolute;top:0;left:0}.node .nb{pointer-events:none;border-radius:50%;position:absolute;inset:0}.node.live .nb{pointer-events:auto}.node .tk{transform:translate(-50%, calc(var(--o,54px) * var(--d,1) - 50%));font:500 12px/1 var(--mono);letter-spacing:.02em;color:var(--ice);white-space:nowrap;transition:color .4s,opacity .4s;position:absolute;top:50%;left:50%}.node .sh{transform:translate(-50%, calc(var(--o,54px) * var(--d,1) * -1 - 50% + var(--d,1) * 6px));font:400 11px/1 var(--mono);color:var(--ice-70);white-space:nowrap;opacity:0;transition:opacity .4s, transform .6s var(--spring);position:absolute;top:50%;left:50%}.node.hov .sh{opacity:1;transform:translate(-50%, calc(var(--o,54px) * var(--d,1) * -1 - 50%))}.node:has(.nb:focus-visible) .sh{opacity:1;transform:translate(-50%, calc(var(--o,54px) * var(--d,1) * -1 - 50%))}.node.off .tk{color:var(--ice-50);-webkit-text-decoration:line-through #bfefff59;text-decoration:line-through #bfefff59}.node.shake{animation:shake .5s var(--ease)}@keyframes shake{20%{translate:-6px}40%{translate:5px}60%{translate:-3px}80%{translate:2px}}.flab{font:400 12px/1.35 var(--mono);color:var(--ice);opacity:0;will-change:transform;max-width:190px;position:absolute;top:0;left:0}.flab b{font:500 clamp(18px, 2vw, 26px)/1 var(--mono);color:var(--white);letter-spacing:-.03em;margin-bottom:4px;display:block}.flab span{color:var(--ice-70)}.flab.wlab b{color:var(--ice);font-size:13px;font-weight:500}#clock{opacity:0;will-change:transform;text-align:center;width:104px;font:400 11px/1.4 var(--mono);color:var(--ice-70);position:absolute;top:0;left:0}#clock svg{width:104px;height:104px;margin-bottom:8px;overflow:visible}#clock .st{color:var(--ice);font-weight:500;display:block}.steps{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,3vw,40px);width:min(960px,100%);margin-top:clamp(2px,1svh,12px);display:grid}.step{border-top:1px dotted var(--ice-50);padding-top:12px}.step .k{font:500 11px/1 var(--mono);color:var(--ice-70);margin-bottom:8px;display:block}.step .t{letter-spacing:-.025em;margin-bottom:6px;font-size:clamp(16px,1.5vw,20px);font-weight:600;line-height:1.15}.step p{color:var(--ice-70);font-size:13px;line-height:1.45}.simpin{padding:calc(var(--hdr) + 12px) var(--pad) 28px;grid-template-columns:minmax(0,1fr) minmax(360px,500px);align-items:center;gap:4vw;display:grid}.sim{max-height:calc(100svh - var(--hdr) - 36px);flex-direction:column;grid-column:2;gap:clamp(12px,2svh,22px);display:flex}.sim h2{letter-spacing:-.045em;font-size:clamp(30px,3.4vw,46px)}.tag{font:400 11.5px/1.35 var(--mono);color:var(--ice);align-items:center;gap:9px;display:inline-flex}.tag i{background:var(--c3);border-radius:50%;flex:none;width:7px;height:7px;animation:2.6s ease-in-out infinite breathe2}@keyframes breathe2{50%{opacity:.35}}.ctl{gap:8px;display:grid}.ctl .hd{font:400 12px/1 var(--mono);color:var(--ice-70);justify-content:space-between;align-items:baseline;display:flex}.ctl .hd output{color:var(--white);font-size:14px;font-weight:500}input[type=range]{appearance:none;--p:50%;touch-action:pan-y;background:0 0;width:100%;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ice) var(--p), var(--ice-20) var(--p));border-radius:2px;height:2px}input[type=range]::-moz-range-track{background:var(--ice-20);border-radius:2px;height:2px}input[type=range]::-moz-range-progress{background:var(--ice);height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2px dotted var(--ice);width:16px;height:16px;transition:transform .5s var(--spring);background:#000;border-radius:50%;margin-top:-7px}input[type=range]::-moz-range-thumb{border:2px dotted var(--ice);background:#000;border-radius:50%;width:12px;height:12px}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.35)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{outline:1.5px dotted var(--ice);outline-offset:4px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:500 12px/1 var(--mono);border:2px dotted var(--ice-50);color:var(--ice-50);border-radius:999px;padding:9px 12px;transition:color .3s,border-color .3s}.chip[aria-pressed=true]{color:var(--ice);border-color:var(--ice)}.chip[aria-pressed=true]:first-letter{color:inherit}.results{border-top:1px dotted var(--ice-50);gap:12px;padding-top:14px;display:grid}.res-main{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.res-main div{gap:6px;display:grid}.res-main .k{font:400 10.5px/1.25 var(--mono);color:var(--ice-70)}.res-main .v{font:500 clamp(17px, 1.7vw, 23px)/1 var(--mono);color:var(--white);letter-spacing:-.04em;white-space:nowrap}.res-rows{gap:7px;display:grid}.rr{font:400 12px/1 var(--mono);grid-template-columns:52px 1fr auto;align-items:center;gap:10px;display:grid}.rr .dbar{height:6px;width:calc(var(--w,0) * 1%);background:radial-gradient(circle at 3px 3px, var(--c) 1.5px, transparent 2px) 0 0 / 8px 6px repeat-x;max-width:100%;transition:width .7s var(--ease)}.rr .a{color:var(--white)}.rr.off{opacity:.35}.sim .fine{text-align:left}.final .cap{gap:18px}.contract{font:400 12.5px/1 var(--mono);color:var(--ice-70);border:2px dotted var(--ice-20);border-radius:999px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:11px 16px;transition:color .3s,border-color .3s;display:inline-flex}.contract:hover{color:var(--ice);border-color:var(--ice-50)}.contract span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contract em{color:var(--ice-50);font-style:normal}html.static #gl,html.static #fx,html.static #ui,html.static .scrollhint{display:none}html.static .story{height:auto}html.static .pin{height:auto;padding:clamp(56px, 10vh, 120px) var(--pad);position:static;overflow:visible}html.static .cap{padding:0;position:static}html.static .hero.pin{padding-top:calc(var(--hdr) + 24px)}html.static .hero .static-art{aspect-ratio:1;object-fit:contain;width:min(420px,70vw);margin:0 auto 28px;display:block}html.static .simpin{grid-template-columns:1fr}html.static .sim{grid-column:1;max-width:560px;max-height:none;margin:0 auto}html.static [data-reveal]{visibility:visible!important}html.static .banner{display:block}.banner{width:min(1100px,100%);margin:8px auto 0;display:none;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}@media (max-width:860px){.flab{max-width:112px;font-size:11px}.flab b{font-size:17px}#clock{width:68px}#clock svg{width:68px;height:68px;margin-bottom:4px}#clock-dt,.step p{display:none}.simpin{padding-top:var(--hdr);grid-template-rows:38svh 1fr;grid-template-columns:1fr;align-items:start;gap:0;padding-bottom:14px}.sim{grid-area:2/1;gap:8px;max-height:none}.sim h2{font-size:24px;display:inline}.sim .head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.res-main .v{font-size:17px}.res-rows{grid-template-columns:1fr 1fr;gap:6px 20px}.rr{grid-template-columns:38px 1fr auto;gap:8px;font-size:11.5px}.ctl{gap:4px}.ctl .hd{font-size:11.5px}.chips{flex-wrap:nowrap;gap:6px}.chip{text-align:center;flex:1 1 0;padding:8px 0;font-size:11px}.results{gap:10px;padding-top:10px}.sim .tag{font-size:10.5px}.steps{grid-template-columns:1fr;gap:8px}.step{grid-template-columns:28px 1fr;column-gap:8px;padding-top:8px;display:grid}.step .k{grid-row:span 2;margin:3px 0 0}.step .t{margin-bottom:2px;font-size:15px}.step p{font-size:12.5px}}@media (max-height:700px) and (min-width:861px){.sim .fine{display:none}}@media (max-width:860px) and (max-height:760px){.sim .fine{display:none}.chips{gap:6px}.chip{padding:7px 10px}}
