:root{--bg:#070a09;--card:#0d110f;--ink:#e7e4d4;--ink2:#9faea8;--ink3:#7d857c;--line:#e7e4d424;--navy:#070a09;--navy3:#131815;--cy:#e7e4d4;--yl:#f2de4f;--pk:#c98d9a;--mt:#4fd0a5;--pu:#8a93a8;--or:#cf9a63;--up:#4fd0a5;--dn:#d1666b;--on-accent:#070a09;--sans:var(--font-bricolage), system-ui, sans-serif;--pix:var(--font-pixelify), ui-monospace, monospace;--mono:var(--font-geist-mono), ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip}html{line-height:normal}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh}body:before{content:"";pointer-events:none;z-index:0;opacity:.55;background-image:radial-gradient(var(--line) 1.2px, transparent 1.3px);background-size:18px 18px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}:focus-visible{outline:3px solid var(--pu);outline-offset:2px}canvas.px{image-rendering:pixelated;image-rendering:crisp-edges}.avh{display:contents}.app{z-index:1;grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.side{border-right:1px solid var(--line);background:#060908;flex-direction:column;gap:16px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:2px 8px;display:flex}.brand canvas{width:36px;height:44px}.brand b{font:700 28px var(--pix)}.nav{flex-direction:column;gap:3px;display:flex}.nav a{color:var(--ink2);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;font-weight:600;transition:all .15s;display:flex}.nav a:hover{color:var(--ink);background:#e7e4d40f}.nav a.on{color:var(--ink);box-shadow:0 0 0 2px var(--line);background:#e7e4d41a}.nav a i{text-align:center;width:20px;font:500 14px var(--pix);font-style:normal}.nav .live{font:600 10px var(--mono);color:var(--up);align-items:center;gap:5px;margin-left:auto;display:flex}.nav .live:before{content:"";background:var(--up);border-radius:50%;width:6px;height:6px;animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.25}}.btn{background:var(--ink);color:var(--on-accent);font:700 16px var(--pix);letter-spacing:.02em;white-space:nowrap;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:12px 16px;transition:transform 80ms,box-shadow 80ms,background .15s;display:flex;box-shadow:0 4px #000}.btn:hover{background:var(--navy3)}.btn:active{transform:translateY(3px);box-shadow:0 1px #000}.btn.cy{background:var(--cy);color:var(--on-accent);box-shadow:0 4px #0000008c}.btn.cy:hover{background:#4fd0a5}.side .grow{flex:1}.tok{border:2px solid var(--line);background:var(--card);border-radius:16px;padding:14px}.tok .t{font:700 24px var(--pix)}.tok small{font:500 11px var(--mono);color:var(--ink3)}.ca{font:500 11px var(--mono);color:var(--ink2);background:var(--bg);cursor:pointer;white-space:nowrap;border-radius:9px;align-items:center;gap:6px;margin-top:10px;padding:8px 10px;display:flex;overflow:hidden}.ca span{text-overflow:ellipsis;overflow:hidden}.tok .row{gap:6px;margin-top:8px;display:flex}.tok .row a{text-align:center;font:600 14px var(--pix);background:var(--bg);border-radius:10px;flex:1;padding:8px 0}.tok .row a.buy{background:var(--cy);color:var(--on-accent)}.tok .row a.off,.tokp .row a.off{border-color:var(--line);color:var(--ink3);opacity:1;cursor:not-allowed;background:0 0}.foot{font:500 11px var(--mono);color:var(--ink3);padding:0 8px}main{grid-template-columns:minmax(0,1fr) 340px;align-content:start;gap:20px;max-width:1480px;padding:20px 24px 70px;display:grid}.full{grid-column:1/-1}.panel{background:var(--card);border:2px solid var(--line);border-radius:20px;position:relative;overflow:hidden}.demo{font:500 10.5px var(--mono);letter-spacing:.06em;color:var(--ink3);text-transform:uppercase;align-items:center;gap:6px;display:inline-flex}.demo:before{content:"";background:var(--or);width:6px;height:6px}.livedot{font:700 12px var(--pix);color:var(--up);letter-spacing:.06em;align-items:center;gap:6px;display:inline-flex}.livedot:before{content:"";background:var(--up);border-radius:50%;width:8px;height:8px;animation:1.2s infinite pulse;box-shadow:0 0 0 3px #4fd0a533}.hero{background:var(--navy);border-color:var(--navy);color:var(--ink);min-height:520px}.scene{border-inline:0;min-height:180svh;overflow:clip}.hero-stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;min-height:100svh;display:grid;position:sticky;top:0}.hero:before{content:"";pointer-events:none;background:radial-gradient(58% 66% at 72% 52%,#f2de4f17,#0000 68%),radial-gradient(46% 52% at 18% 24%,#4fd0a50f,#0000 70%);position:absolute;inset:0}.copy{z-index:2;flex-direction:column;justify-content:center;gap:26px;padding:40px 36px 34px;display:flex;position:relative}.chip{font:500 14px var(--pix);color:var(--ink2);border:1px solid var(--line);background:#e7e4d40a;border-radius:99px;align-self:flex-start;align-items:center;gap:10px;padding:7px 12px;display:inline-flex}.chip b{color:var(--on-accent);background:var(--yl);border-radius:0;padding:1px 7px;font-weight:700}h1{font:700 clamp(56px, 7.2vw, 110px) / .9 var(--pix);text-wrap:balance}h1 span{color:var(--yl)}.sub{color:var(--ink2);max-width:46ch;font-size:17px;line-height:1.45}.cloner{border:1px solid var(--line);background:#e7e4d40a;border-radius:0;gap:8px;max-width:500px;padding:5px;display:flex}.cloner:focus-within{border-color:var(--ink2)}.cloner input{min-width:0;font:500 15px var(--mono);color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:0 10px}.cloner input::placeholder{color:var(--ink3)}.hints{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hints span{font:500 11px var(--mono);color:var(--ink3)}.hints button{font:500 12px var(--mono);color:var(--ink2);border:1px solid var(--line);border-radius:0;padding:5px 9px}.hints button:hover{border-color:var(--ink2);color:var(--ink)}.labwrap{justify-content:center;align-items:center;padding:18px 18px 0;display:flex;position:relative}#lab{aspect-ratio:240/150;cursor:pointer;width:100%;max-width:760px;display:block}.term{font:500 12px / 1.65 var(--mono);color:var(--ink2);opacity:0;z-index:3;background:#0d110fe6;border:1px solid #e7e4d433;border-radius:0;min-width:220px;max-width:calc(100% - 44px);padding:9px 12px;transition:all .25s;position:absolute;top:20px;left:22px;transform:translateY(-6px)}.term.on{opacity:1;transform:none}.term .ok{color:var(--mt)}.cnt{text-align:right;z-index:3;font:500 11px var(--mono);color:var(--ink3);position:absolute;top:18px;right:22px}.cnt b{font:700 36px / 1 var(--pix);color:var(--ink);display:block}.labhint{font:500 11px var(--mono);color:var(--ink3);z-index:3;position:absolute;top:84px;right:22px}.floor{color:#fff;background:#0d110f;border-color:#0d110f}.floor-h{flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px 0;display:flex}.floor-h h2{font:700 24px var(--pix)}.floor-h .stats{font:500 11px var(--mono);color:#9faea8;gap:18px;margin-left:auto;display:flex}.floor-h .stats b{font:700 18px var(--pix);color:#fff;font-variant-numeric:tabular-nums;margin-right:4px}#floorCv{width:100%;height:200px;display:block}.ticker{background:#0a0e0c;border-top:2px solid #ffffff12;height:38px;position:relative;overflow:hidden}.ticker .strip{white-space:nowrap;will-change:transform;height:38px;font:500 12.5px var(--mono);color:var(--ink2);align-items:center;gap:28px;padding-left:100%;display:flex;position:absolute;top:0;left:0}.ticker .it{align-items:center;gap:7px;display:inline-flex}.ticker .it b{font:700 14px var(--pix);color:#fff}.ticker .b{color:var(--mt)}.ticker .s{color:#ff7a87}.ticker .p{color:#9faea8}.flow{grid-template-columns:repeat(4,1fr);display:grid}.step{padding:22px 20px}.step+.step{border-left:2px dashed var(--line)}.step .n{background:var(--bg);width:34px;height:34px;font:700 16px var(--pix);border-radius:9px;place-items:center;display:inline-grid}.step:nth-child(3) .n{background:var(--cy);color:var(--on-accent)}.step h3{font:700 22px var(--pix);margin:12px 0 6px}.step p{color:var(--ink2);max-width:36ch;font-size:14px;line-height:1.45}.sect-h{justify-content:space-between;align-items:flex-end;gap:12px;padding:20px 20px 12px;display:flex}.sect-h h2{font:700 30px var(--pix);margin-bottom:6px;line-height:1}.tabs{background:var(--bg);border-radius:11px;gap:4px;padding:4px;display:flex}.tabs button{font:600 14px var(--pix);color:var(--ink2);border-radius:8px;padding:6px 11px}.tabs button.on{color:var(--ink);box-shadow:0 2px 0 var(--line);background:#e7e4d414}.feed{flex-direction:column;gap:10px;min-height:300px;padding:0 14px 16px;display:flex}.twin{border:2px solid var(--line);background:var(--card);border-radius:16px;grid-template-columns:1fr 1fr;transition:box-shadow .6s,border-color .6s;animation:.5s cubic-bezier(.2,1.4,.4,1) drop;display:grid;overflow:hidden}.twin.fresh{border-color:var(--pu);box-shadow:0 0 0 4px #f2de4f22}.twin.out{animation:.35s forwards out}@keyframes drop{0%{opacity:0;transform:translateY(-14px)scale(.98)}}@keyframes out{to{opacity:0;transform:scale(.97)}}.half{flex-direction:column;gap:9px;min-width:0;padding:14px 16px;display:flex}.half.c{border-left:2px solid var(--line);background:#0a0e0c}.who{align-items:center;gap:10px;min-width:0;display:flex}.who canvas{flex:none;width:31px;height:38px}.who .nm{font:700 16px var(--pix);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.who .h{font:400 11.5px var(--mono);color:var(--ink3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tag{font:700 11px var(--pix);letter-spacing:.04em;background:var(--bg);color:var(--ink2);border-radius:6px;flex:none;margin-left:auto;padding:3px 8px}.half.c .tag{background:var(--pu);color:var(--on-accent)}.act{border:2px solid var(--line);font:500 12.5px var(--mono);background:var(--card);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:7px 10px;display:flex}.act .b{color:var(--up);font-weight:600}.act .s{color:var(--dn);font-weight:600}.act .p{color:var(--ink3);font-weight:600}.act .k{color:var(--ink3)}.act.think{color:var(--pu);background:linear-gradient(90deg,#fff 0%,#e7e4d4 50%,#fff 100%) 0 0/200% 100%;justify-content:flex-start;animation:1s linear infinite shim}@keyframes shim{to{background-position:-200% 0}}.dots:after{content:"";animation:1s steps(4,end) infinite dots}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.txt{min-height:20px;font-size:14px;line-height:1.45}.half.o .txt{color:var(--ink3);font:400 12px var(--mono)}.caret:after{content:"▌";color:var(--pu);animation:.6s infinite pulse}.verdict{border-top:2px solid var(--line);font:500 11.5px var(--mono);color:var(--ink2);background:var(--card);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px;padding:8px 16px;transition:opacity .3s;display:flex}.verdict.wait{opacity:.35}.verdict .w{font:700 13px var(--pix);color:var(--ink);margin-left:auto}.verdict .w.win{color:var(--pu)}.rcol{flex-direction:column;align-self:start;gap:20px;min-width:0;display:flex}.lb{padding:0 10px 12px;position:relative}.lb .row{background:#131815;border-radius:12px;grid-template-columns:22px 31px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid;position:relative}.lb .row.bump{animation:.6s bump}@keyframes bump{30%{background:#e7e4d4}}.lb .rk{font:700 15px var(--pix);color:var(--ink3);text-align:center}.lb .row.first .rk{color:var(--on-accent);background:var(--yl);border-radius:0}.lb canvas{width:31px;height:38px}.lb .nm{font:700 15px/1.1 var(--pix);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lb .of{font:400 11px var(--mono);color:var(--ink3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lb .pn{text-align:right;font:600 13px var(--mono);color:var(--up);font-variant-numeric:tabular-nums}.lb .pn small{color:var(--ink3);font-size:10.5px;font-weight:400;display:block}.skill{padding:18px}.skill h3,.tokp h3{font:700 24px var(--pix)}.skill p{color:var(--ink2);margin:6px 0 12px;font-size:13.5px;line-height:1.45}.code{background:var(--navy);color:var(--ink);font:500 12px/1.75 var(--mono);white-space:pre;border-radius:12px;padding:12px 14px;overflow:auto}.code .c{color:#7d857c}.code .y{color:var(--cy)}.tokp{background:var(--navy);border-color:var(--navy);color:#fff;padding:18px}.tokp h3{font-size:40px;line-height:1}.tokp p{color:var(--ink2);margin:10px 0 12px;font-size:13.5px;line-height:1.5}.tokp .ca{color:var(--ink2);background:#ffffff12}.tokp .row{gap:8px;margin-top:12px;display:flex}.tokp .row a{flex:1}.tokp .btn.gh{background:#ffffff14;box-shadow:0 4px #0006}.rules{font:500 12px/1.4 var(--mono);color:var(--ink2);flex-direction:column;gap:7px;margin-top:16px;display:flex}.rules div{gap:8px;display:flex}.rules div:before{content:"■";color:var(--cy);font-size:8px;line-height:17px}.toast{opacity:0;background:var(--ink);color:#fff;font:600 15px var(--pix);z-index:200;pointer-events:none;border-radius:12px;padding:10px 16px;transition:all .2s;position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px)}.toast.on{opacity:1;transform:translate(-50%)}.mtop{display:none}@media (max-width:1140px){main{grid-template-columns:minmax(0,1fr)}.scene{min-height:0}.hero-stage{grid-template-columns:minmax(0,1fr);min-height:0;padding:8px 0 0;position:static}.labwrap{padding-top:0}}@media (max-width:860px){.app{grid-template-columns:minmax(0,1fr)}.side{display:none}.mtop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--line);background:#131815f0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:sticky;top:0}.mtop .brand canvas{width:30px;height:37px}.mtop .brand b{font-size:24px}.mtop .btn{padding:8px 14px;font-size:15px}main{gap:16px;padding:14px 16px 50px}.copy{padding:26px 20px 6px}.labwrap{flex-direction:column;align-items:stretch;padding:4px 6px 10px}.term{opacity:1;order:2;min-width:0;max-width:none;min-height:40px;margin:8px 4px 0;font-size:11px;position:static;transform:none}.cnt,.labhint{display:none}#floorCv{height:150px}.floor-h .stats{gap:14px;width:100%;margin-left:0}.flow{grid-template-columns:1fr 1fr}.step:nth-child(3){border-left:0}.step:nth-child(n+3){border-top:2px dashed var(--line)}.twin{grid-template-columns:1fr}.half.c{border-left:0;border-top:2px solid var(--line)}.sect-h{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{border-radius:0!important}.twin,.term,.labwrap,.floor,.how,.rcol .panel,.tokp,.step{border-width:1px}body{background-image:linear-gradient(#e7e4d407 1px,#0000 1px);background-size:100% 88px}
