:root{--bg:#04040a;--panel:#0e0d2094;--panel-strong:#14122cd1;--line:#ffffff14;--line-strong:#ffffff29;--text:#eceaff;--muted:#9a96c4;--accent:#8b7bff;--accent-2:#19e2c2;--accent-glow:#8b7bff73;--gold:#ffc94d;--danger:#f57;--c0:#f4f6ff;--c1:#ff2e55;--c2:#19e27c;--c3:#ffd21f;--c4:#ff8a1c;--c5:#2f7dff;--radius:18px;--mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body.golden{--accent:#ffc94d;--accent-2:#ffe7a3;--accent-glow:#ffc94d80;--panel:#20160694;--panel-strong:#2c1e08d9}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Space Grotesk,system-ui,sans-serif;overflow:hidden}.mono{font-family:var(--mono)}.muted{color:var(--muted);font-weight:400}button{font:inherit;color:inherit;cursor:pointer}#stage{position:fixed;inset:0}#stage canvas{touch-action:none;width:100%;height:100%;display:block}#app{pointer-events:none;grid-template-rows:auto 1fr auto;grid-template-columns:300px 1fr 340px;gap:16px;padding:16px 20px;display:grid;position:fixed;inset:0}#app>*{pointer-events:auto}.topbar{grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:16px;display:flex}.logo{gap:5px;display:flex}.logo .t{color:#0b0b14;width:34px;height:34px;box-shadow:inset 0 -3px 0 #0000002e, inset 0 2px 0 #ffffff73, 0 0 18px var(--glow,transparent);border-radius:8px;place-items:center;font-size:19px;font-weight:700;animation:.6s cubic-bezier(.2,1.6,.4,1) both tile-pop;display:grid}.logo .t:nth-child(2){animation-delay:50ms}.logo .t:nth-child(3){animation-delay:.1s}.logo .t:nth-child(4){animation-delay:.15s}.logo .t:nth-child(5){animation-delay:.2s}.logo .t:nth-child(6){animation-delay:.25s}@keyframes tile-pop{0%{transform:rotateX(75deg)scale(.7)}to{opacity:1;transform:none}}.t.c0{background:var(--c0);--glow:#f4f6ff40}.t.c1{background:var(--c1);--glow:#ff2e5559}.t.c2{background:var(--c2);--glow:#19e27c59}.t.c3{background:var(--c3);--glow:#ffd21f59}.t.c4{background:var(--c4);--glow:#ff8a1c59}.t.c5{background:var(--c5);--glow:#2f7dff66;color:#fff}.tagline{color:var(--muted);font-size:14px}.status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.pill{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;height:32px;padding:0 12px;font-size:13px;display:inline-flex}.btn-pill{justify-content:center;width:32px;padding:0;font-weight:700}.btn-pill:hover{border-color:var(--accent)}.pill .dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.pill.live .dot{background:var(--accent-2);box-shadow:0 0 10px var(--accent-2);animation:1.6s infinite blink}.pill.demo .dot{background:var(--c3)}@keyframes blink{50%{opacity:.35}}.col{scrollbar-width:none;flex-direction:column;gap:12px;min-height:0;display:flex;overflow-y:auto}.col::-webkit-scrollbar{display:none}.left{grid-area:2/1/4}.right{grid-area:2/3/4}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);padding:14px 16px;transition:background .8s,border-color .8s}.card-title{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:10px;font-size:12px;font-weight:600}.hint{color:var(--muted);min-height:1em;margin-top:8px;font-size:12px}.fee-row{align-items:baseline;gap:10px;display:flex}.fee-value{letter-spacing:-.03em;background:linear-gradient(120deg, #fff, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:700;line-height:1;transition:transform .25s}.fee-value.bump{transform:scale(1.06)}.fee-delta{font-size:13px;font-weight:600}.fee-delta.up{color:var(--danger)}.fee-delta.down{color:var(--c2)}.gauge{height:10px;margin-top:14px;position:relative}.gauge-track{background:linear-gradient(90deg, var(--c0) 0%, var(--c3) 6%, var(--c2) 26%, var(--c5) 47%, var(--c4) 73%, var(--c1) 100%);opacity:.85;border-radius:99px;position:absolute;inset:0}.gauge-marker{background:#fff;border-radius:3px;width:4px;height:20px;margin-left:-2px;transition:left .6s cubic-bezier(.2,1.2,.3,1);position:absolute;top:-5px;left:0;box-shadow:0 0 12px #fff}.gauge-scale{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.crown-wrap{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.crown{box-shadow:inset 0 0 0 1px var(--line);background:#0a0a12;border-radius:12px;grid-template-columns:repeat(3,40px);gap:5px;padding:7px;display:grid}.cell{height:40px;font-family:var(--mono);color:#0000009e;border-radius:8px;place-items:center;font-size:10px;font-weight:700;transition:background .35s;display:grid;box-shadow:inset 0 -3px #0000002e,inset 0 2px #ffffff59}.cell.flip{animation:.45s flip}@keyframes flip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)scale(.9)}to{transform:rotateY(0)}}.legend{flex:1;gap:4px;min-width:118px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.legend li{color:var(--muted);align-items:center;gap:8px;display:flex}.legend li b{font-family:var(--mono);color:var(--text);margin-left:auto;font-weight:600}.legend.inline{grid-template-columns:repeat(3,1fr);margin:10px 0 16px}.swatch{border-radius:3px;flex:none;width:12px;height:12px}.stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat{border:1px solid var(--line);background:#ffffff08;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px;padding:8px 10px;display:flex}.stat.wide{grid-column:span 2}.stat .k{color:var(--muted);font-size:12px}.stat .v{font-size:18px;font-weight:700}.bar{background:#ffffff12;border-radius:9px;flex-basis:100%;height:5px;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--accent), var(--accent-2));width:0;height:100%;transition:width .5s;display:block}.pips{flex-basis:100%;gap:5px;display:flex}.pips i{background:#ffffff14;border-radius:4px;flex:1;height:6px;transition:background .4s,box-shadow .4s}.net{grid-template-rows:repeat(9,auto);grid-template-columns:repeat(12,1fr);gap:2px;display:grid}.net i{aspect-ratio:1;border-radius:2px;transition:background .35s}.seg{border:1px solid var(--line);background:#0000004d;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.seg-btn{color:var(--muted);background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;transition:background .2s,color .2s;display:flex}.seg-btn.active{color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong);background:#ffffff14}.seg-main{font-size:14px}.seg-sub{color:var(--muted);font-size:11px}.amount{border:1px solid var(--line);background:#0000004d;border-radius:14px;align-items:center;margin-top:10px;padding:4px 14px;transition:border-color .2s;display:flex}.amount:focus-within{border-color:var(--accent)}.amount input{min-width:0;color:var(--text);font-family:var(--mono);background:0 0;border:0;outline:0;flex:1;padding:6px 0;font-size:24px;font-weight:600}.amount-sym{color:var(--muted);font-weight:600}.picker-head{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;align-items:center;margin:12px 0 8px;font-size:12px;font-weight:600;display:flex}.chip{border:1px solid var(--line-strong);text-transform:none;letter-spacing:0;background:#ffffff0a;border-radius:999px;padding:4px 12px;font-size:12px;transition:all .2s}.chip:hover{border-color:var(--accent)}.chip.active{background:var(--accent);border-color:var(--accent);color:#0b0a18;font-weight:700}.picker{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.mv{border:1px solid var(--line);height:34px;font-family:var(--mono);background:#ffffff08;border-radius:9px;font-size:13px;font-weight:700;transition:all .15s;position:relative;overflow:hidden}.mv:before{content:"";background:var(--face);opacity:.85;height:3px;position:absolute;top:0;left:0;right:0}.mv:hover{border-color:var(--face);background:#ffffff14;transform:translateY(-1px)}.mv.active{background:var(--face);color:#0b0a18;border-color:var(--face)}.cta{color:#0b0a18;background:linear-gradient(110deg, var(--accent), var(--accent-2));width:100%;height:48px;box-shadow:0 8px 30px -8px var(--accent-glow);border:0;border-radius:14px;margin-top:12px;font-size:16px;font-weight:700;transition:transform .15s,filter .2s,opacity .2s}.cta:hover{filter:brightness(1.1);transform:translateY(-1px)}.cta:active{transform:translateY(1px)}.cta:disabled{opacity:.55;cursor:progress;transform:none}.cta.small{height:40px;font-size:14px}.kbd-hint{color:var(--muted);margin-top:8px;font-size:11px}kbd{font-family:var(--mono);border:1px solid var(--line-strong);background:#ffffff0d;border-radius:4px;margin:0 1px;padding:1px 5px;font-size:10px;display:inline-block}.solve-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.solve-row .card-title{margin-bottom:2px}.solve-row .hint{margin-top:0}.ghost{border:1px solid var(--accent);color:var(--text);white-space:nowrap;background:#8b7bff1a;border-radius:12px;padding:9px 14px;font-weight:700;transition:all .2s}.ghost:hover{background:var(--accent);color:#0b0a18}.ghost:disabled{opacity:.4;cursor:not-allowed}.toggles{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:flex}.toggle{cursor:pointer;align-items:center;gap:8px;margin-right:auto;font-size:13px;display:inline-flex}.toggle input{display:none}.sw{background:#ffffff1f;border-radius:20px;width:34px;height:20px;transition:background .2s;position:relative}.sw:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle input:checked+.sw{background:var(--accent)}.toggle input:checked+.sw:after{transform:translate(14px)}.feed-card{flex-direction:column;flex:1;min-height:160px;display:flex}.feed{scrollbar-width:thin;flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.feed li{border-bottom:1px solid var(--line);font-size:12px;font-family:var(--mono);grid-template-columns:44px 38px 1fr auto;align-items:center;gap:8px;padding:7px 4px;animation:.4s both slide-in;display:grid}.feed li.solved{color:var(--gold);text-align:center;background:#ffc94d14;border-radius:8px;grid-template-columns:1fr;font-weight:700}.feed li.scrambled{color:var(--muted);text-align:center;grid-template-columns:1fr}.feed .n{color:var(--muted)}.feed .m{color:#0b0a18;background:var(--face);border-radius:6px;justify-self:start;padding:2px 6px;font-weight:700}.feed .who{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.feed .who.me{color:var(--accent-2)}.feed .f{font-weight:600}@keyframes slide-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.chart-band{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-area:3/2;place-self:end center;width:min(100%,720px);padding:10px 14px 6px}.chart-head{justify-content:space-between;align-items:baseline;font-size:11px;display:flex}.chart-head .card-title{margin-bottom:4px}#chart{width:100%;height:82px;display:block}.golden-banner{color:var(--gold);letter-spacing:.06em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;white-space:nowrap;background:linear-gradient(90deg,#ffc94d26,#ffc94d4d,#ffc94d26);border:1px solid #ffc94d99;border-radius:999px;padding:9px 20px;font-size:14px;font-weight:600;position:fixed;top:74px;left:50%;transform:translate(-50%);box-shadow:0 0 40px #ffc94d59}.golden-banner .spark{animation:3s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.toast{background:var(--panel-strong);border:1px solid var(--line-strong);z-index:10;border-radius:12px;max-width:min(92vw,520px);padding:10px 16px;font-size:13px;animation:.3s rise;position:fixed;bottom:130px;left:50%;transform:translate(-50%)}.toast.error{border-color:var(--danger);color:#ffc2cf}@keyframes rise{0%{opacity:0;transform:translate(-50%,10px)}}.solved-overlay{text-align:center;z-index:4;place-content:center;display:grid;position:fixed;inset:0;pointer-events:none!important}.solved-title{letter-spacing:.04em;background:linear-gradient(#fff6d6,#ffc94d 55%,#c98a10);color:#0000;filter:drop-shadow(0 0 30px #ffc94d99);-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,9vw,120px);font-weight:700;animation:2.8s forwards solved-in}.solved-sub{color:var(--gold);font-size:15px;animation:2.8s forwards solved-in}@keyframes solved-in{0%{opacity:0;transform:scale(.6)}15%{opacity:1;transform:scale(1.05)}25%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(1.1)}}.info{background:var(--panel-strong);width:calc(100vw - 32px);max-width:560px;color:var(--text);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:22px 24px}.info::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#03030a99}.info h2{margin:0 0 12px;font-size:20px}.info ol{color:#d5d2f5;gap:8px;margin:0;padding-left:20px;font-size:14px;line-height:1.45;display:grid}.info code{font-family:var(--mono);background:#ffffff14;border-radius:5px;padding:1px 5px;font-size:12px}@media (max-width:1180px){#app{grid-template-columns:260px 1fr 300px}.tagline{display:none}}@media (max-width:900px){html,body{overflow:auto}#stage{height:58vh;position:relative}#app{flex-direction:column;gap:12px;padding:0 16px 24px;display:flex;position:static}.topbar{flex-wrap:wrap;position:absolute;top:12px;left:16px;right:16px}.col{overflow:visible}.right{order:1}.chart-band{order:2;width:100%}.left{order:3}.feed-card{max-height:340px}.golden-banner{font-size:12px;position:fixed;top:auto;bottom:16px}.logo .t{border-radius:7px;width:26px;height:26px;font-size:15px}.logo{gap:4px}.status{gap:6px}.pill{height:28px;padding:0 10px;font-size:12px}#account-pill{display:none}.btn-pill{width:28px;padding:0}}