:root{--bg:#131019;--bg-alt:#1b1624;--panel:#211a2d;--panel-2:#291f38;--panel-3:#1a1523;--bg-rgb:19,16,25;--line:#3a2f4d;--line-soft:#2a2338;--gold:#caa14d;--gold-soft:#e8cf94;--violet:#9376e8;--violet-soft:#c6b6f5;--text:#efe9f7;--muted:#a89bc2;--dim:#9890ab;--good:#5fd67e;--bad:#e8637a;--warn:#e8b85f;--radius:10px;--rare:#5b9ee6;--epic:#b073e8;--legendary:#e88f3c;--mythic:#e8d23c;--divine:#e85c5c;--immortal:#e85cc7;--grad1:#9376e824;--grad2:#caa14d17;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--bg:#f4efe6;--bg-alt:#ece3d1;--panel:#fff;--panel-2:#f3ede0;--panel-3:#ebe2cd;--bg-rgb:244,239,230;--line:#dccfb2;--line-soft:#e6dcc5;--gold:#a9793a;--gold-soft:#8a6a2e;--violet:#6c53c9;--violet-soft:#4f3a9e;--text:#2b2438;--muted:#5c5270;--dim:#8a8098;--good:#278049;--bad:#c23752;--warn:#a06a0e;--rare:#2d6fbf;--epic:#8c4bc9;--legendary:#c76f1e;--mythic:#a68f10;--divine:#c23752;--immortal:#b23ea3;--grad1:#6c53c914;--grad2:#a9793a12;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:radial-gradient(1100px 500px at 15% -10%, var(--grad1), transparent 60%), radial-gradient(900px 500px at 100% 0%, var(--grad2), transparent 55%), var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:Inter,system-ui,sans-serif;transition:background-color .2s,color .2s}.wrap{max-width:1180px;margin:0 auto;padding:24px 20px 80px}header.top{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;padding-bottom:16px;display:flex}.brand-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;font-size:11px}h1{background:linear-gradient(100deg,var(--gold-soft),var(--violet-soft) 70%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel,serif;font-size:28px;font-weight:900}.subtitle{color:var(--muted);max-width:560px;margin-top:6px;font-size:13px;line-height:1.5}nav.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.tab-btn{color:var(--muted);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 18px;font-family:Cinzel,serif;font-size:13px;transition:all .15s}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--gold-soft);border-bottom-color:var(--gold)}.tab-panel{display:none}.tab-panel.active{display:block}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:18px 20px}.card h2{color:var(--gold-soft);margin:0 0 4px;font-family:Cinzel,serif;font-size:16px}.card .hint{color:var(--dim);margin:0 0 14px;font-size:12px;line-height:1.5}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.stat-field{flex-direction:column;gap:4px;display:flex}.stat-field label{color:var(--muted);cursor:help;align-items:center;gap:5px;font-size:11px;display:flex}.stat-field input{background:var(--panel-3);border:1px solid var(--line);color:var(--text);border-radius:7px;padding:8px 10px;font-family:JetBrains Mono,monospace;font-size:13px}.stat-field input:focus{border-color:var(--violet);outline:none}.stat-parsed-hint{color:var(--good);min-height:13px;font-family:JetBrains Mono,monospace;font-size:10.5px}.stat-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--violet-soft);border-top:1px dashed var(--line-soft);margin:18px 0 10px;padding-top:12px;font-size:11px}.stat-section-title:first-child{border-top:none;margin-top:0;padding-top:0}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.filter-bar input[type=text]{background:var(--panel-3);border:1px solid var(--line);color:var(--text);border-radius:7px;flex:1;min-width:180px;padding:8px 12px;font-size:13px}select{background:var(--panel-3);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:7px;padding:7px 10px;font-size:12.5px}.pill-btn{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:600}.pill-btn.active{background:linear-gradient(135deg,var(--violet),#6a52c4);color:#fff;border-color:var(--violet)}.roster-table{flex-direction:column;gap:6px;max-height:640px;padding-right:4px;display:flex;overflow-y:auto}.roster-row{background:var(--panel-2);border:1px solid var(--line-soft);border-radius:8px;grid-template-columns:minmax(0,1fr) 90px 130px 150px;align-items:center;gap:10px;padding:8px 12px;display:grid}.roster-row.owned{border-color:var(--good)}.roster-name{flex-direction:column;min-width:0;display:flex}.roster-name b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.roster-name span{color:var(--dim);font-size:10.5px}.type-badge{text-align:center;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:700}.type-badge.Technique{color:var(--gold-soft);background:#caa14d2e}.type-badge.Charm{color:var(--violet-soft);background:#9376e82e}.rarity-select{width:100%}.rarity-select.Rare{color:var(--rare)}.rarity-select.Epic{color:var(--epic)}.rarity-select.Legendary{color:var(--legendary)}.rarity-select.Mythic{color:var(--mythic)}.rarity-select.Divine{color:var(--divine)}.rarity-select.Immortal{color:var(--immortal)}.star-row{align-items:center;gap:1px;display:flex}.star-pip{cursor:pointer;width:16px;height:16px;color:var(--line);justify-content:center;align-items:center;font-size:14px;line-height:1;transition:color .1s,transform .1s;display:flex}.star-pip:hover{transform:scale(1.15)}.star-pip.filled{color:var(--gold)}.star-pip.clear{color:var(--dim);width:12px;font-size:9px}.star-pip.clear:hover{color:var(--bad)}.value-tag{color:var(--gold-soft);text-align:right;font-family:JetBrains Mono,monospace;font-size:12px}.value-tag.na{color:var(--dim);font-size:11px}.class-nav{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.class-pill{background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:600}.class-pill.active{background:linear-gradient(135deg,var(--violet),#6a52c4);border-color:var(--violet);color:#fff}.loadout-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;padding:16px 18px}.loadout-card.best{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.loadout-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.loadout-title{font-family:Cinzel,serif;font-size:15.5px}.loadout-desc{color:var(--muted);margin-bottom:12px;font-size:12px;line-height:1.55}.score-box{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.score-num{color:var(--gold-soft);font-family:JetBrains Mono,monospace;font-size:18px}.score-label{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:9.5px}.best-badge{text-transform:uppercase;background:linear-gradient(135deg,var(--gold),#a97f2e);color:#241a06;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700}.slot-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.slot-chip{background:var(--panel-2);border:1px solid var(--line-soft);border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.slot-chip.missing{opacity:.55;border-style:dashed}.slot-chip .sn{font-size:12px;font-weight:600}.slot-chip .sv{color:var(--dim);font-family:JetBrains Mono,monospace;font-size:10.5px}.slot-chip .sv.owned-val{color:var(--good)}.builder-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:800px){.builder-grid{grid-template-columns:1fr}}.builder-slot select{width:100%;margin-bottom:8px}.disclaimer{background:var(--panel-3);border:1px solid var(--line-soft);color:var(--dim);border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:11.5px;line-height:1.6}.disclaimer b{color:var(--warn)}.footer-note{text-align:center;color:var(--dim);margin-top:34px;font-size:11px;line-height:1.7}.footer-note a{color:var(--violet-soft)}.reset-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;padding:6px 12px;font-size:11px}.reset-btn:hover{border-color:var(--bad);color:var(--bad)}.header-actions{align-items:center;gap:8px;display:flex}.theme-toggle{background:var(--panel-2);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.theme-toggle:hover{border-color:var(--violet)}html{scrollbar-gutter:stable}html,body{margin:0;padding:0}.auth-page{--bg:#131019;--bg-alt:#1b1624;--panel:#211a2d;--panel-2:#291f38;--panel-3:#1a1523;--line:#3a2f4d;--line-soft:#2a2338;--gold:#caa14d;--gold-soft:#e8cf94;--violet:#9376e8;--violet-soft:#c6b6f5;--text:#efe9f7;--muted:#a89bc2;--dim:#9890ab;--good:#5fd67e;--bad:#e8637a;--warn:#e8b85f;--grad1:#9376e82e;--grad2:#caa14d1c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(1100px 500px at 15% -10%, var(--grad1), transparent 60%), radial-gradient(900px 500px at 100% 0%, var(--grad2), transparent 55%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-banner{width:auto;height:64px;margin:0 auto 16px;display:block}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:380px;padding:36px 32px;box-shadow:0 24px 60px #00000059}.auth-card h1{color:var(--gold-soft);text-align:center;margin:0 0 6px;font-family:Cinzel,serif;font-size:21px}.auth-card .eyebrow{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--violet-soft);margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.auth-card p.sub{color:var(--muted);text-align:center;margin:0 0 20px;font-size:13px;line-height:1.5}.login-field{margin-bottom:14px}.login-field label{color:var(--muted);margin-bottom:5px;font-size:11px;display:block}.login-field input{background:var(--panel-3);border:1px solid var(--line);width:100%;color:var(--text);border-radius:7px;padding:10px 12px;font-size:13px}.login-field input:focus{border-color:var(--violet);outline:none}.login-submit{background:linear-gradient(135deg, var(--violet), #6a52c4);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:6px;padding:11px;font-size:13px;font-weight:700}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-error{color:var(--bad);margin-top:10px;font-size:12px}.top-user-bar{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.logout-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;padding:5px 11px;font-size:11px}.logout-btn:hover{border-color:var(--bad);color:var(--bad)}.scrape-freshness{color:var(--dim);font-size:10.5px}.top-bar{height:var(--top-bar-height,60px);background:var(--bg-alt);border-bottom:1px solid var(--line);z-index:22;align-items:center;gap:12px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.top-bar-banner{flex-shrink:0;width:auto;height:52px}.top-bar-brand-link{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.top-bar-brand{flex-direction:column;justify-content:center;display:flex}.top-bar-title{color:var(--gold-soft);font-family:Cinzel,serif;font-size:15px;font-weight:700;line-height:1.3}.top-bar-mobile-toggle{background:var(--panel-2);border:1px solid var(--line);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;display:none}.top-bar-account{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.top-bar-username{color:var(--muted);white-space:nowrap;font-size:11.5px}.top-bar-rank-badge{vertical-align:middle;border-radius:5px;margin-left:8px;padding:2px 7px;font-size:9.5px;font-weight:700;display:inline-block}.flagged-banner{color:#e05a4e;text-align:center;background:#e05a4e26;border-bottom:1px solid #e05a4e66;padding:10px 20px;font-size:12.5px}.top-bar-account-btn{background:var(--panel-2);border:1px solid var(--line);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.top-bar-account-btn:hover{border-color:var(--violet)}@media (max-width:700px){.top-bar-username{display:none}}.side-nav{top:var(--top-bar-height,60px);width:var(--side-nav-width,240px);background:var(--bg-alt);border-right:1px solid var(--line);z-index:20;flex-direction:column;transition:transform .2s;display:flex;position:fixed;bottom:0;left:0;overflow-y:auto}body:has(.top-bar){padding-left:var(--side-nav-width,240px);padding-top:var(--top-bar-height,60px)}@media (max-width:900px){body:has(.top-bar){padding-left:0}}.side-nav-backdrop{inset:0;top:var(--top-bar-height,60px);z-index:19;background:#0000008c;display:none;position:fixed}@media (max-width:900px){.side-nav{transform:translate(-100%);box-shadow:4px 0 24px #0006}.side-nav.mobile-open{transform:translate(0)}.top-bar-mobile-toggle{display:flex}.side-nav-backdrop{display:block}}.side-nav-links{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.side-nav-link{color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.side-nav-link:hover{color:var(--text);background:var(--panel-2)}.side-nav-link.active{color:var(--gold-soft);background:var(--panel-2)}.side-nav-icon{text-align:center;flex-shrink:0;width:18px;font-size:15px}.side-nav-accordion{flex-direction:column;display:flex}.side-nav-accordion-head{justify-content:space-between}.side-nav-accordion-label{flex:1}.side-nav-chevron{color:var(--dim);flex-shrink:0;font-size:10px;transition:transform .15s}.side-nav-chevron.open{transform:rotate(180deg)}.side-nav-subitems{flex-direction:column;gap:1px;padding:2px 0 4px 30px;display:flex}.side-nav-sublink{color:var(--muted);border-radius:6px;padding:7px 10px;font-size:12px;text-decoration:none;transition:all .15s}.side-nav-sublink:hover{color:var(--text);background:var(--panel-2)}.side-nav-sublink.active{color:var(--gold-soft);background:var(--panel-2);font-weight:700}.video-embed-wrap{background:var(--panel-3);border-radius:8px;width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.video-embed-wrap iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.guide-article-body h2{color:var(--gold-soft);margin:22px 0 10px;font-family:Cinzel,serif;font-size:16px}.guide-article-body h2:first-child{margin-top:0}.guide-article-body h3{color:var(--text);margin:16px 0 8px;font-size:14px;font-weight:700}.guide-article-body p{margin:0 0 12px}.guide-article-body ul,.guide-article-body ol{flex-direction:column;gap:6px;margin:0 0 12px;padding-left:22px;display:flex}.guide-article-body li{line-height:1.6}.guide-article-body strong{color:var(--gold-soft)}