:root{--bg:#10192a;--bg-2:#16233a;--surface:#1b2b44;--surface-2:#223550;--surface-3:#2b415f;--surface-hi:#33506f;--line:#ffffff14;--line-2:#ffffff24;--text:#eaf1f9;--text-2:#a8bbd1;--text-3:#7189a5;--accent:#00ceb8;--accent-dim:#0aa694;--accent-ink:#05221f;--warn:#ffae58;--bad:#fc2b6d;--good:#4ad991;--qb:#fc2b6d;--rb:#00ceb8;--wr:#58a7ff;--te:#ffae58;--k:#bd66ff;--def:#8a94a6;--pick:#f4d35e;--r-sm:6px;--r:10px;--r-lg:14px;--r-pill:999px;--shadow:0 10px 30px #00000059;--shadow-lg:0 24px 70px #0000008c;--sidebar-w:232px;--topbar-h:60px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--surface-hi)}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);font-size:10.5px;font-weight:700}.h1{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:800}.h2{margin:0;font-size:17px;font-weight:700}.h3{margin:0;font-size:14px;font-weight:700}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.num{font-variant-numeric:tabular-nums}.up{color:var(--good)}.down{color:var(--bad)}.flat{color:var(--text-3)}.nowrap{white-space:nowrap}.app{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-2);border-right:1px solid var(--line);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;padding:18px 18px 14px;display:flex}.brand-mark{background:linear-gradient(140deg, var(--accent), #58a7ff);width:30px;height:30px;color:var(--accent-ink);border-radius:9px;place-items:center;font-size:15px;font-weight:900;display:grid}.brand-name{letter-spacing:-.01em;font-size:15px;font-weight:800}.brand-sub{color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.nav{flex-direction:column;gap:2px;padding:6px 10px;display:flex}.nav-group{margin-top:14px;padding:0 8px 4px}.nav-item{border-radius:var(--r);color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:11px;width:100%;padding:9px 11px;font-size:13.5px;font-weight:600;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item.active{background:var(--surface-2);color:var(--text)}.nav-item.active .nav-ico{color:var(--accent)}.nav-ico{width:18px;color:var(--text-3);flex:none;place-items:center;display:grid}.nav-badge{background:var(--accent);color:var(--accent-ink);border-radius:var(--r-pill);margin-left:auto;padding:1px 7px;font-size:10px;font-weight:800}.sidebar-foot{border-top:1px solid var(--line);margin-top:auto;padding:14px}.main{flex-direction:column;min-width:0;display:flex}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--line);z-index:30;background:#131c2e;align-items:center;gap:14px;padding:0 22px;display:flex;position:sticky;top:0}.page{width:100%;max-width:1500px;padding:22px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.card-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:13px 16px;display:flex}.card-body{padding:16px}.row{align-items:center;gap:10px;display:flex}.col{flex-direction:column;display:flex}.spacer{flex:1}.wrap{flex-wrap:wrap}.grid{gap:14px;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.btn{border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--surface-2);color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:8px 15px;font-size:13px;font-weight:650;transition:background .12s,border-color .12s,transform 80ms;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--line-2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:800}.btn.primary:hover:not(:disabled){background:#14e0c9}.btn.ghost{background:0 0}.btn.ghost:hover:not(:disabled){background:var(--surface-2)}.btn.danger{color:var(--bad);background:0 0;border-color:#fc2b6d66}.btn.sm{padding:5px 11px;font-size:12px}.btn.lg{padding:12px 26px;font-size:15px}.btn.icon{width:34px;height:34px;padding:8px}.input,.select{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r);color:var(--text);outline:none;width:100%;padding:9px 12px}.input:focus,.select:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-3)}.select{cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-3) 50%), linear-gradient(135deg, var(--text-3) 50%, transparent 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:32px}.chip{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.chip.on{background:var(--accent);color:var(--accent-ink);border-color:#0000}.chip.static{cursor:default}.seg{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:3px;display:inline-flex}.seg button{cursor:pointer;border-radius:var(--r-pill);color:var(--text-3);background:0 0;border:none;padding:5px 13px;font-size:12px;font-weight:700}.seg button.on{background:var(--surface-3);color:var(--text)}.pos-tag{border-radius:var(--r-sm);letter-spacing:.03em;color:#06121f;place-items:center;min-width:30px;padding:2px 6px;font-size:10.5px;font-weight:800;display:inline-grid}.tag{border-radius:var(--r-sm);letter-spacing:.04em;text-transform:uppercase;background:var(--surface-3);color:var(--text-2);align-items:center;gap:5px;padding:2px 8px;font-size:10.5px;font-weight:800;display:inline-flex}.tag.good{color:var(--good);background:#4ad99129}.tag.bad{color:var(--bad);background:#fc2b6d29}.tag.warn{color:var(--warn);background:#ffae5829}.tag.accent{color:var(--accent);background:#00ceb829}.avatar{object-fit:cover;background:var(--surface-3);border-radius:50%;flex:none}.avatar.sq{border-radius:8px}.bar{background:var(--surface-3);border-radius:4px;flex:1;min-width:40px;height:6px;overflow:hidden}.bar>i{border-radius:4px;height:100%;display:block}.stat{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);padding:11px 13px}.stat .k{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:10.5px;font-weight:700}.stat .v{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:20px;font-weight:800}.table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.table th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--line);background:var(--surface);z-index:2;white-space:nowrap;padding:9px 10px;font-size:10.5px;font-weight:700;position:sticky;top:0}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.sortable:hover{color:var(--text)}.table td{border-bottom:1px solid #ffffff0b;padding:8px 10px}.table tbody tr:hover{background:#ffffff09}.table tbody tr.clickable{cursor:pointer}.table .r{text-align:right}.table .c{text-align:center}.scrim{z-index:100;background:#050a13c7;place-items:center;padding:24px;animation:.14s ease-out fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--shadow-lg);z-index:1;isolation:isolate;border-radius:18px;flex-direction:column;width:min(1180px,100%);max-height:min(880px,92vh);animation:.16s cubic-bezier(.2,.9,.3,1.2) pop;display:flex;position:relative;overflow:hidden}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.985)}}.modal-head{align-items:flex-start;gap:12px;padding:20px 24px 14px;display:flex}.modal-body{flex:1;padding:0 24px;overflow:auto}.modal-foot{border-top:1px solid var(--line);align-items:center;gap:12px;padding:16px 24px;display:flex}.drawer-scrim{z-index:110;background:#050a13b8;animation:.14s ease-out fade;position:fixed;inset:0}.drawer{z-index:111;background:var(--bg-2);border-left:1px solid var(--line-2);width:min(560px,100%);box-shadow:var(--shadow-lg);flex-direction:column;animation:.2s cubic-bezier(.2,.9,.3,1) slide;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes slide{0%{opacity:0;transform:translate(28px)}}.close-x{cursor:pointer;color:var(--text-3);border-radius:var(--r);background:0 0;border:none;padding:4px 8px;font-size:22px;line-height:1}.close-x:hover{color:var(--text);background:var(--surface-2)}.empty{text-align:center;color:var(--text-3);place-items:center;gap:8px;padding:44px 20px;display:grid}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 37%, var(--surface-2) 63%);border-radius:var(--r);background-size:400% 100%;animation:1.3s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.divider{background:var(--line);height:1px;margin:14px 0}@media (width<=1080px){.app{grid-template-columns:1fr}.sidebar{z-index:60;width:var(--sidebar-w);transition:transform .18s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:none}.g4,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.g2,.g3,.g4{grid-template-columns:1fr}.page{padding:14px}}.setup{background:radial-gradient(1100px 620px at 12% -8%, #00ceb821, transparent 60%), radial-gradient(900px 520px at 92% 4%, #58a7ff1c, transparent 62%), var(--bg);place-items:center;min-height:100vh;padding:28px;display:grid}.setup-panel{background:var(--surface);border:1px solid var(--line-2);width:min(560px,100%);box-shadow:var(--shadow-lg);border-radius:20px;padding:28px}.league-row{text-align:left;border-radius:var(--r);border:1px solid var(--line);background:var(--surface-2);cursor:pointer;align-items:center;gap:12px;width:100%;padding:11px 13px;transition:background .12s,border-color .12s;display:flex}.league-row:hover{background:var(--surface-3);border-color:var(--line-2)}.menu-wrap{position:relative}.menu-scrim{z-index:40;position:fixed;inset:0}.menu{z-index:41;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);max-height:70vh;padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}.menu-row{text-align:left;border-radius:var(--r);cursor:pointer;width:100%;color:inherit;background:0 0;border:none;gap:10px;padding:9px 10px;display:flex}.menu-row:hover:not(:disabled){background:var(--surface-2)}.menu-row.on{background:var(--surface-3)}.menu-row:disabled{opacity:.4;cursor:not-allowed}.menu-field{justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;display:flex}.loading-strip{color:var(--accent);background:#00ceb814;border-bottom:1px solid #00ceb829;align-items:center;gap:8px;padding:6px 22px;font-size:11.5px;font-weight:600;display:flex}.only-mobile{display:none}@media (width<=1080px){.only-mobile{display:inline-flex}}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px;display:grid}.asset-card{border-radius:var(--r);cursor:pointer;background:var(--surface-2);text-align:left;width:100%;min-height:74px;color:var(--text);border:1.5px solid #0000;flex-direction:column;gap:3px;padding:9px 11px 11px;transition:transform 90ms,filter .12s,box-shadow .12s;display:flex;position:relative}.asset-card:hover{transform:translateY(-1px);box-shadow:0 8px 22px #0000004d}.asset-card .meta{letter-spacing:.03em;opacity:.85;font-size:10.5px;font-weight:700}.asset-card .who{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;overflow:hidden}.asset-card .val{opacity:.8;font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:700}.asset-card .meta,.asset-card .val{opacity:.74}.asset-card.blocked{cursor:not-allowed;opacity:.5;border-color:var(--line)!important;color:var(--text-3)!important;background:0 0!important}.asset-card.blocked:hover{box-shadow:none;transform:none}.asset-card.blocked .mark{display:none}.asset-card.picked{background:var(--surface-3)!important;color:var(--text-3)!important;border-color:#0000!important}.asset-card.picked .who{color:var(--text-3)}.asset-card .mark{opacity:.5;border:2px solid;border-radius:50%;place-items:center;width:19px;height:19px;font-size:11px;font-weight:900;display:grid;position:absolute;top:8px;right:9px}.asset-card.picked .mark{opacity:1;border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.asset-card .routed{color:var(--accent);align-items:center;gap:4px;margin-top:2px;font-size:10px;font-weight:700;display:flex}.asset-card .fav{opacity:.75;font-size:11px;position:absolute;top:9px;right:34px}.trade-board{gap:14px;display:grid}.trade-team{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.trade-team.win{border-color:#4ad9916b}.trade-team.lose{border-color:#fc2b6d57}.trade-team-head{background:var(--surface-2);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:11px 14px;display:flex}.ledger{grid-template-columns:1fr 1fr;display:grid}.ledger>div{min-height:96px;padding:11px 13px}.ledger>div+div{border-left:1px solid var(--line)}.ledger-item{background:var(--surface-2);border-radius:8px;align-items:center;gap:9px;margin-bottom:6px;padding:6px 7px;display:flex}.ledger-item:hover{background:var(--surface-3)}.ledger-item .x{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:15px;line-height:1}.ledger-item .x:hover{color:var(--bad)}.ledger-empty{border:1.5px dashed var(--line-2);text-align:center;color:var(--text-3);border-radius:8px;padding:16px 10px;font-size:12px}.diverge-row{grid-template-columns:120px 1fr 62px;align-items:center;gap:12px;display:grid}.diverge-track{background:var(--surface-2);border-radius:5px;height:16px;display:block;position:relative;overflow:hidden}.diverge-zero{background:var(--line-2);width:1px;position:absolute;top:0;bottom:0;left:50%}.diverge-fill{border-radius:4px;min-width:2px;transition:left .22s,width .22s;position:absolute;top:2px;bottom:2px}.notice{border-radius:var(--r);text-transform:none;letter-spacing:0;padding:9px 12px;font-size:12.5px;font-weight:600;display:block}.notice.warn{color:var(--warn);background:#ffae5824}.notice.bad{color:var(--bad);background:#fc2b6d24}.notice.good{color:var(--good);background:#4ad99124}.picker-body{grid-template-columns:minmax(0,1fr) 300px;gap:18px;display:grid}.picker-rail{padding-bottom:20px}.picker-verdict{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r);flex-direction:column;gap:2px;margin-bottom:14px;padding:9px 11px;display:flex}.picker-columns{grid-auto-columns:minmax(176px,1fr);grid-auto-flow:column;align-items:start;gap:12px;padding-bottom:20px;display:grid;overflow-x:auto}.picker-col{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);min-width:0;overflow:hidden}.picker-col-head{background:var(--surface-2);border-bottom:1px solid var(--line);z-index:2;align-items:center;gap:8px;padding:9px 10px;display:flex;position:sticky;top:0}.picker-col-body{flex-direction:column;gap:7px;padding:8px;display:flex}.picker-divider{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding:6px 2px 4px;font-size:9.5px;font-weight:800}.asset-slot{position:relative}.asset-card.menu-open{outline:2px solid var(--accent);outline-offset:1px}.dest-scrim{z-index:5;position:fixed;inset:0}.dest-menu{z-index:6;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r);min-width:172px;box-shadow:var(--shadow-lg);padding:6px;position:absolute;top:calc(100% - 4px);left:0;right:0}.dest-row{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:6px 8px;font-size:12.5px;display:flex}.dest-row:hover{background:var(--surface-2)}.dest-row.on{background:var(--surface-3)}.dest-row.remove{color:var(--bad);border-top:1px solid var(--line);border-radius:0 0 7px 7px;margin-top:4px;padding-top:8px;font-weight:700}.picker-col-name{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:800;overflow:hidden}.picker-note{color:var(--text-3);margin:8px 10px 0;font-size:11px}.slot-chip{letter-spacing:.04em;background:#0000003d;border-radius:3px;margin-right:5px;padding:0 4px;font-size:9px;font-weight:900;display:inline-block}@media (width<=1100px){.picker-body{grid-template-columns:1fr}}.route-bar{flex-wrap:wrap;align-items:center;gap:7px;padding:10px 0 14px;display:flex}.power-row{cursor:pointer;border-bottom:1px solid #ffffff0d;grid-template-columns:34px minmax(150px,1.4fr) 92px 1fr 84px 78px;align-items:center;gap:12px;padding:10px 14px;display:grid}.power-row:hover{background:#ffffff09}.power-row.me{background:#00ceb812}.power-rank{background:var(--surface-3);border-radius:8px;place-items:center;width:26px;height:26px;font-size:12.5px;font-weight:800;display:grid}.power-rank.top{background:var(--accent);color:var(--accent-ink)}.stack-bar{background:var(--surface-3);border-radius:5px;height:10px;display:flex;overflow:hidden}.stack-bar>i{height:100%;display:block}@media (width<=900px){.power-row{grid-template-columns:30px 1fr 80px}.power-row>:nth-child(n+4){display:none}}.lineup-slot{border-bottom:1px solid #ffffff0d;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;padding:7px 10px;display:grid}.slot-tag{background:var(--surface-3);letter-spacing:.05em;color:var(--text-2);border-radius:6px;place-items:center;padding:3px 0;font-size:10.5px;font-weight:800;display:grid}.drawer-head{border-bottom:1px solid var(--line);align-items:flex-start;gap:14px;padding:20px 22px 16px;display:flex}.drawer-body{flex:1;padding:18px 22px 40px;overflow:auto}.statline{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.statline .cell{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.statline .cell .k{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-size:9.5px;font-weight:700}.statline .cell .v{font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.gamelog{align-items:flex-end;gap:3px;height:74px;display:flex}.gamelog .g{background:var(--surface-3);border-radius:2px 2px 0 0;flex:1;min-width:5px}.gamelog .g.hi{background:var(--accent)}.source-row{grid-template-columns:120px 1fr 74px;align-items:center;gap:10px;padding:7px 0;display:grid}.draft-grid{gap:5px;padding-bottom:6px;display:grid;overflow-x:auto}.draft-cell{background:var(--surface-2);cursor:pointer;border-left:3px solid #0000;border-radius:7px;flex-direction:column;gap:1px;min-height:54px;padding:6px 7px;display:flex}.draft-cell:hover{background:var(--surface-3)}.draft-cell .n{color:var(--text-3);font-size:9.5px;font-weight:700}.draft-cell .p{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:700;overflow:hidden}.tx{border-bottom:1px solid #ffffff0d;grid-template-columns:96px 1fr;gap:14px;padding:13px 15px;display:grid}.tx-move{align-items:center;gap:7px;padding:2px 0;font-size:12.5px;display:flex}.tx-in{color:var(--good);font-weight:800}.tx-out{color:var(--bad);font-weight:800}.scroll-x{overflow-x:auto}.tbl-wrap{max-height:620px;overflow:auto}.filter-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.pill-row{flex-wrap:wrap;gap:6px;display:flex}.hint{color:var(--text-3);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;font-size:12px}.rec-card{border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);flex-direction:column;gap:7px;padding:12px 14px;display:flex}