html,body{overscroll-behavior-x:none}#stage{z-index:1;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;height:100vh;position:relative;overflow:hidden}#stage.grab{cursor:grabbing}.chartfield{z-index:0;transition:opacity .34s var(--ease);will-change:opacity;position:absolute;inset:0}#stage[data-s="0"] .chartfield{opacity:.2}#stage[data-s="1"] .chartfield{opacity:1}#stage[data-s="2"] .chartfield{opacity:0}.chartfield svg{width:100%;height:100%;display:block;overflow:visible}.sdot{z-index:3;opacity:0;pointer-events:none;background:#fff;border-radius:50%;width:14px;height:14px;transition:opacity .18s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 14px #ffffffb3,0 0 0 4px #2dd4bf2e}.stip{z-index:3;color:var(--ink);border:1px solid var(--glassbd);white-space:nowrap;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1016d1;border-radius:8px;padding:7px 11px;font:600 13px/1 Inter;transition:opacity .18s;position:absolute;transform:translate(-50%,-100%)}#stage.scrubbing .sdot,#stage.scrubbing .stip{opacity:1}.value{z-index:2;transform-origin:0 0;will-change:transform,opacity;transition:transform .62s var(--ease),opacity .4s var(--ease);position:absolute;top:0;left:0}.value .num{letter-spacing:-.02em;background:linear-gradient(#fff,#bfeee6);color:#0000;-webkit-background-clip:text;background-clip:text;font:800 clamp(60px,9.4vw,132px)/1 Outfit,sans-serif}.value .chg{color:var(--green);margin-top:14px;font:600 24px/1 Inter}.value .chg.dn{color:var(--grey)}#stage[data-s="0"] .value{transform:translate(calc(50vw - 50%),calc(50vh - 58%))scale(1)}#stage[data-s="1"] .value{transform:translate(var(--gutter),96px) scale(.52)}#stage[data-s="2"] .value{transform:translate(var(--gutter),96px) scale(.52);opacity:0}.strip{z-index:2;background:var(--glass);border:1px solid var(--glassbd);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);width:min(720px,86vw);transition:opacity .4s var(--ease),transform .5s var(--ease);border-radius:16px;padding:6px;display:flex;position:absolute;top:calc(50vh + 96px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 1px #ffffff1a}.strip a{cursor:pointer;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:9px;padding:13px 12px;font:600 13.5px/1 Inter;transition:background .2s;display:flex;position:relative;overflow:hidden}.strip a:hover{background:#2dd4bf14}.strip a svg{width:17px;height:17px;color:var(--teal)}.strip a:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff24,#0000);width:45%;height:200%;position:absolute;top:-50%;left:-60%;transform:skew(-18deg)}.strip a:hover:before{animation:sweep2 .8s var(--ease)}@keyframes sweep2{0%{opacity:1;left:-60%}to{opacity:1;left:150%}}#stage[data-s="1"] .strip,#stage[data-s="2"] .strip{opacity:0;pointer-events:none;transform:translate(-50%)translateY(14px)}.perfx{left:var(--gutter);right:var(--gutter);z-index:2;opacity:0;transition:opacity .4s var(--ease) .12s;pointer-events:none;position:absolute;bottom:104px}#stage[data-s="1"] .perfx{opacity:1;pointer-events:auto}.axis{color:var(--subtle);justify-content:space-between;font:500 11px/1 Inter;display:flex}.tfs{justify-content:center;gap:6px;margin-top:16px;display:flex}.tf{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:8px 15px;font:600 12.5px/1 Inter}.tf:hover{color:var(--ink)}.tf.on{color:var(--teal);background:#2dd4bf1a;border-color:#2dd4bf47}.alloc{z-index:2;opacity:0;pointer-events:none;transition:opacity .45s var(--ease),transform .55s var(--ease);justify-content:center;align-items:center;gap:56px;display:flex;position:absolute;inset:0;transform:scale(.95)}#stage[data-s="2"] .alloc{opacity:1;pointer-events:auto;transform:none}.ring{cursor:pointer;width:300px;height:300px;transition:transform .5s var(--ease);box-shadow:none;flex:none;position:relative}.ring.pop{transform:scale(1.06)}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring .arc{fill:none;stroke-width:30px;transition:stroke-dasharray .55s var(--ease),stroke-dashoffset .55s var(--ease),stroke .45s var(--ease)}.leg{transition:opacity .28s var(--ease)}.ring .ctr{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring .ctr b{font:700 40px/1 Outfit}.ring .ctr span{letter-spacing:.12em;text-transform:uppercase;color:var(--subtle);margin-top:5px;font:600 11px/1 Inter;text-decoration:none}.leg{flex-direction:column;gap:14px;min-width:250px;display:flex}.leg .row{cursor:pointer;align-items:center;gap:12px;display:flex}.leg .row:hover{opacity:.82}.leg .sw{border-radius:4px;flex:none;width:13px;height:13px;box-shadow:0 0 11px -1px}.leg .nm{flex:1;font:500 15px/1.1 Inter}.leg .nm s{color:var(--subtle);margin-top:2px;font:400 12px/1 Inter;text-decoration:none;display:block}.leg .pc{font:600 15px/1 Outfit}.arw{width:46px;height:46px;color:var(--muted);border:1px solid var(--hair);cursor:pointer;z-index:5;background:#ffffff0a;border-radius:50%;place-items:center;transition:all .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.arw:hover{color:var(--ink);background:#2dd4bf1a;border-color:#2dd4bf4d}.arw.l{left:max(20px,50vw - 660px)}.arw.r{right:max(20px,50vw - 660px)}.dots{z-index:5;gap:10px;display:flex;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.dots button{cursor:pointer;background:#ffffff38;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .25s}.dots button.on{background:var(--teal);border-radius:5px;width:24px;box-shadow:0 0 12px #2dd4bf99}.scrolldn{z-index:5;color:var(--subtle);cursor:pointer;background:0 0;border:none;transition:color .2s;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.scrolldn:hover{color:var(--ink)}.scrolldn svg{width:22px;height:22px;animation:1.8s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}#hold{z-index:1;max-width:none;margin:0;padding:70px max(32px,4vw) 110px;position:relative}.reveal{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease);transform:translateY(24px)}.reveal.in{opacity:1;transform:none}.holdrow{border-top:1px solid var(--hair);cursor:pointer;border-radius:12px;align-items:center;gap:22px;margin:0 -12px;padding:18px 12px;transition:background .2s;display:flex}.holdrow:first-of-type{border-top:none}.holdrow:hover{background:#ffffff08}.tk{border:1px solid var(--hair);width:50px;height:42px;color:var(--muted);background:#ffffff0a;border-radius:11px;flex:none;place-items:center;font:600 11px/1 Inter;display:grid}.hn{flex:none;min-width:170px}.hn b{font:600 16px/1.2 Inter}.hn s{color:var(--subtle);margin-top:3px;font:400 12.5px/1 Inter;text-decoration:none;display:block}.hspark{flex:1;height:46px}.hvals{text-align:right;flex:none;min-width:140px}.hval{color:var(--text);font:600 15px/1.3 Inter;display:block}.hchg{margin-top:4px;font:500 11.5px/1 Inter;display:block}.hchg.up{color:#34e3a8}.hchg.dn{color:#ff6b6b}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}.ovl-live{z-index:2;transition:opacity .4s var(--ease),transform .5s var(--ease);align-items:center;gap:14px;display:flex;position:absolute;top:calc(50vh + 168px);left:50%;transform:translate(-50%)}#stage[data-s="1"] .ovl-live,#stage[data-s="2"] .ovl-live{opacity:0;pointer-events:none;transform:translate(-50%)translateY(14px)}.ovl-pill{color:var(--teal);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2dd4bf14;border:1px solid #2dd4bf4d;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font:600 12.5px/1 Inter;display:inline-flex}.ovl-pill .dot{background:var(--teal);width:7px;height:7px;box-shadow:0 0 8px var(--teal);border-radius:50%;flex:none}.ovl-pill .lbl{color:var(--subtle);font-weight:500}.ovl-pill .clk{letter-spacing:.02em;font-family:Outfit,sans-serif;font-weight:700}.ovl-pos{color:var(--muted);border:1px solid var(--hair);background:var(--glass);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font:500 12.5px/1 Inter;display:inline-flex}.ovl-pos b{color:var(--ink);font:700 13px/1 Outfit}.ovl-pos .muted{color:var(--subtle)}.ovl-join{z-index:5;color:#04201c;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease);background:linear-gradient(150deg,#3fe9d2,#0fa896);border:none;border-radius:999px;align-items:center;gap:10px;padding:14px 26px;font:700 14px/1 Inter;display:inline-flex;position:absolute;bottom:118px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px -14px #2dd4bfb3,inset 0 1px #ffffff80}.ovl-join:hover{transform:translate(-50%)translateY(-2px);box-shadow:0 18px 40px -14px #2dd4bfd9,inset 0 1px #ffffff80}.ovl-join:disabled{opacity:.7;cursor:default}.ovl-join svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}#stage[data-s="1"] .ovl-join,#stage[data-s="2"] .ovl-join{opacity:0;pointer-events:none}.join-slot{z-index:6;background:var(--glass);border:1px solid var(--glassbd);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);text-align:center;border-radius:16px;width:min(420px,86vw);padding:18px 22px;position:absolute;bottom:104px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff1a}.join-slot p{color:var(--teal);font:600 13.5px/1.4 Inter}#stage[data-s="1"] .join-slot,#stage[data-s="2"] .join-slot{opacity:0;pointer-events:none}.join-flow{text-align:left;flex-direction:column;gap:12px;display:flex}.join-hint{color:var(--subtle);text-align:center;font:600 13px/1.4 Inter}.join-step{align-items:center;gap:10px;display:flex}.join-num{width:20px;height:20px;color:var(--teal);background:#2dd4bf14;border:1px solid #2dd4bf4d;border-radius:50%;flex:none;place-items:center;font:700 11px/1 Outfit,sans-serif;display:grid}.join-btn{padding:9px 16px;font-size:12.5px;position:static;bottom:auto;left:auto;transform:none}.join-btn:hover{transform:translateY(-1px)}.join-deposit{flex:1;align-items:center;gap:8px;display:flex}.join-curr{color:var(--subtle);font:600 13px/1 Outfit,sans-serif}.join-input{min-width:0;color:var(--ink);border:1px solid var(--hair);background:#ffffff0a;border-radius:10px;outline:none;flex:1;padding:9px 12px;font:600 13px/1 Outfit,sans-serif}.join-input:focus{border-color:#2dd4bf66}.join-done{color:var(--teal);text-align:center;font:600 13px/1.4 Inter}
