:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}body{margin:0}code{font-family:ui-monospace,Consolas,monospace}:root{--bg:#0a1015;--bg-elev:#141d27;--bg-elev2:#1d2832;--border:#2c3a4a;--border-strong:#3c4d61;--text:#eaf1f8;--text-dim:#8a98a8;--accent:#f99e1a;--accent-hot:#ffb24a;--accent-blue:#5cb4e7;--up:#7ee0a4;--strong-up:#2fd36a;--down:#ff9a9a;--strong-down:#ff5757;--neutral:#7a8896;--font-display:"Oswald", "Barlow Condensed", "Bebas Neue", Impact, sans-serif;--font-body:"Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 50% -200px, #f99e1a0f, transparent 60%), radial-gradient(900px 500px at 90% 110%, #5cb4e70d, transparent 60%), var(--bg);color:var(--text);font-family:var(--font-body);margin:0}.app{max-width:1600px;margin:0 auto;padding:24px 20px 60px}.topbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:14px;display:flex}.topbar h1{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--text);margin:0;font-size:30px;font-weight:500}.controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.bans-summary{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;font-size:14px;display:flex}.bans-summary .label{color:var(--text-dim)}.bans-summary .count{color:var(--accent);font-size:16px;font-weight:600}.bans-summary .clear{border:1px solid var(--border-strong);color:var(--text-dim);cursor:pointer;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;background:0 0;border-radius:2px;padding:3px 10px;font-size:11px}.bans-summary .clear:hover{color:var(--accent);border-color:var(--accent)}.ban-slots{grid-template-columns:repeat(4,1fr);gap:10px;max-width:1160px;margin:0 auto 24px;display:grid}.ban-slot{background:var(--bg-elev);border:1px dashed var(--border-strong);cursor:default;text-align:center;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;min-height:72px;padding:14px 12px;transition:border-color .15s,background .15s;display:flex;position:relative}.ban-slot.filled{border:1px solid var(--accent);cursor:pointer;background:linear-gradient(#f99e1a14,#f99e1a05);box-shadow:inset 0 0 0 1px #f99e1a26}.ban-slot.empty .empty-label{color:var(--text-dim);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.16em;font-size:12px}.banned-name{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text);font-size:18px;font-weight:600}.banned-role{color:var(--accent);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;margin-top:3px;font-size:11px}.banned-x{color:var(--text-dim);font-size:16px;position:absolute;top:4px;right:8px}.ban-slot.filled:hover .banned-x{color:var(--down)}.hero-search{background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:2px;align-items:stretch;max-width:360px;margin:0 auto 14px;transition:border-color .12s;display:flex}.hero-search:focus-within{border-color:var(--accent)}.hero-search-input{min-width:0;color:var(--text);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;padding:8px 12px;font-size:14px}.hero-search-input::placeholder{color:var(--text-dim);letter-spacing:.04em}.hero-search-clear{color:var(--text-dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;padding:0;font-size:18px;line-height:1;display:flex}.hero-search-clear:hover{color:var(--accent)}.grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.grid{grid-template-columns:1fr}.ban-slots{z-index:5;background:var(--bg);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:4px;margin:0 -20px 12px;padding:6px 20px;position:sticky;top:0}.ban-slot{min-height:40px;padding:4px 6px}.banned-name{letter-spacing:.04em;font-size:12px}.banned-role{display:none}.banned-x{font-size:12px;top:2px;right:4px}.ban-slot.empty .empty-label{letter-spacing:.08em;font-size:10px}.topbar h1{letter-spacing:.12em;font-size:18px}.hero-search{z-index:4;max-width:none;position:sticky;top:52px}.hero-search-input{padding:6px 10px;font-size:13px}}.role-col h2{border-bottom:1px solid var(--border-strong);margin:0 0 10px;padding-bottom:8px}.role-col.collapsed h2{border-bottom-color:var(--border);margin-bottom:0}.role-toggle{cursor:pointer;width:100%;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.18em;color:var(--accent);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:16px;font-weight:500;display:flex}.role-toggle:hover{color:var(--accent-hot)}.role-caret{width:14px;color:var(--text-dim);font-size:12px;display:inline-block}.role-toggle:hover .role-caret{color:var(--accent-hot)}.role-count{letter-spacing:.1em;color:var(--text-dim);margin-left:auto;font-size:12px;font-weight:400}.hero-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.hero-row{background:var(--bg-elev);border:1px solid var(--border);border-left:2px solid #0000;border-radius:2px;flex-wrap:wrap;align-items:stretch;transition:border-color .12s,background .12s;display:flex;position:relative;overflow:hidden}.hero-row:hover{border-left-color:var(--accent)}.hero-row.changed{border-color:var(--border-strong);border-left-color:var(--accent-blue)}.hero-row>.hero-main{min-width:0;color:var(--text);font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:none;flex:1;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:7px 10px;font-size:16px;display:grid}.hero-row>.details{flex-basis:100%}.hero-row>.hero-main:hover{background:#ffffff08}.delta{font-family:var(--font-display);text-align:center;letter-spacing:0;width:30px;font-size:18px;font-weight:700}.delta.strong-up{color:var(--strong-up)}.delta.up{color:var(--up)}.delta.strong-down{color:var(--strong-down)}.delta.down{color:var(--down)}.delta.neutral{color:var(--neutral)}.hero-name{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text);font-size:17px;font-weight:500}.delta-num{font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--text-dim);padding-right:60px;font-size:13px;font-weight:500}.ban-btn{background:var(--bg-elev2);color:var(--text-dim);border:1px solid var(--border-strong);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;z-index:2;border-radius:2px;padding:3px 12px;font-size:11px;display:none;position:absolute;top:8px;right:8px}.hero-row:hover .ban-btn{display:inline-block}.pool-toggle{color:#3a4452;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-self:stretch;align-items:center;padding:0 8px 0 10px;font-size:16px;line-height:1;transition:color .12s;display:flex}.pool-toggle:hover{color:var(--accent-hot)}.pool-toggle.active{color:var(--accent);text-shadow:0 0 8px #f99e1a80}.ban-btn:hover:not(:disabled){color:var(--bg);background:var(--accent);border-color:var(--accent)}.ban-btn:disabled{opacity:.4;cursor:not-allowed}.details{border-top:1px solid var(--border);background:#00000040}.properties{color:var(--text-dim);margin:0;padding:8px 14px 10px 46px;font-size:13px;list-style:none}.properties li{padding:2px 0;position:relative}.properties .property-name{color:var(--text);letter-spacing:.02em;font-weight:600}.properties .property-desc{color:var(--text-dim)}.properties li.muted{font-style:italic}.property-trigger{text-align:left;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0}.property-trigger:hover .property-name{color:var(--accent);text-decoration:underline}.properties li{align-items:baseline;gap:6px;display:flex}.properties li .property-trigger{flex:1;min-width:0}.property-action{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:2px;flex:none;align-self:center;width:20px;height:20px;padding:0;font-size:13px;line-height:1}.property-action:hover{color:var(--accent);border-color:var(--accent)}.ignored-list{opacity:.7;padding-top:0}.ignored-name{text-decoration:line-through;color:var(--text-dim)!important}.property-add{align-items:center;gap:8px;padding:0 14px 10px 46px;display:flex}.property-add-btn,.property-add-cancel{border:1px dashed var(--border-strong);color:var(--text-dim);letter-spacing:.02em;cursor:pointer;background:0 0;border-radius:2px;padding:3px 8px;font-size:12px}.property-add-btn:hover:not(:disabled),.property-add-cancel:hover{color:var(--accent);border-color:var(--accent)}.property-add-btn:disabled{opacity:.4;cursor:not-allowed}.property-add-select{background:var(--bg-elev2);color:var(--text);border:1px solid var(--border-strong);border-radius:2px;padding:3px 6px;font-family:inherit;font-size:12px}.popover-backdrop{z-index:10;background:#05090da6;position:fixed;inset:0}.property-popover{z-index:11;background:var(--bg-elev2);border:1px solid var(--accent);min-width:320px;max-width:460px;color:var(--text);border-radius:2px;margin-top:4px;padding:12px 14px 14px;font-size:14px;position:absolute;top:100%;left:0;box-shadow:inset 0 0 0 1px #f99e1a26,0 10px 30px #0009}.popover-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.popover-title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:17px;font-weight:600}.popover-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.popover-close:hover{color:var(--text)}.popover-desc{color:var(--text-dim);margin:0 0 8px;font-size:14px;line-height:1.55}.popover-section{margin-top:8px}.popover-section-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--accent-blue);margin-bottom:6px;font-size:12px}.popover-rels{color:var(--text-dim);margin:0;padding:0;font-size:14px;list-style:none}.popover-rels li{flex-wrap:wrap;align-items:baseline;gap:6px;padding:3px 0;display:flex}.popover-rels .popover-rel-name{color:var(--text);font-weight:600}.popover-rels .popover-rel-reason{color:var(--text-dim)}.glossary-btn{background:var(--bg-elev);border:1px solid var(--border-strong);color:var(--text);cursor:pointer;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;border-radius:2px;padding:5px 14px;font-size:12px}.glossary-btn:hover{border-color:var(--accent);color:var(--accent)}.glossary-modal{z-index:11;background:var(--bg-elev2);border:1px solid var(--accent);width:min(640px,92vw);max-height:80vh;color:var(--text);border-radius:2px;flex-direction:column;padding:16px 20px 18px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #f99e1a26,0 20px 60px #000000b3}.glossary-modal .popover-title{font-size:22px}.glossary-modal .popover-desc{font-size:14px;line-height:1.55}.glossary-modal .popover-desc code{background:var(--bg-elev);border-radius:2px;padding:1px 6px;font-size:13px}.glossary-list{flex-direction:column;gap:14px;margin:8px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.glossary-list li{border-top:1px solid var(--border);padding-top:12px}.glossary-list li:first-child{border-top:none;padding-top:0}.glossary-name{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text);font-size:17px;font-weight:600}.glossary-desc{color:var(--text);margin-top:4px;font-size:15px;line-height:1.55}.property-popover .muted{color:var(--text-dim);margin:0;font-style:italic}.overrides-scroll{flex-direction:column;gap:18px;margin-top:8px;display:flex;overflow-y:auto}.overrides-section{border-top:1px solid var(--border);padding-top:12px}.overrides-section:first-child{border-top:none;padding-top:0}.overrides-section-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--accent-blue);margin-bottom:8px;font-size:12px}.overrides-empty{color:var(--text-dim);margin:0 0 10px;font-size:13px;font-style:italic}.overrides-list{flex-direction:column;gap:10px;margin:0 0 10px;padding:0;list-style:none;display:flex}.overrides-list>li{border:1px solid var(--border);background:#0003;border-radius:2px;padding:8px 10px}.overrides-hero{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin-bottom:4px;font-size:13px;font-weight:600}.overrides-entries{color:var(--text-dim);flex-direction:column;gap:2px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.overrides-entries li{align-items:center;gap:6px;display:flex}.overrides-counters li{border:1px solid var(--border);background:#0003;border-radius:2px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.overrides-arrow{color:var(--text-dim);font-family:var(--font-display)}.overrides-add{flex-wrap:wrap;align-items:center;gap:6px;padding-top:4px;display:flex}.matchups{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:12px;padding:8px 14px 10px 46px;display:grid}@media (width<=900px){.matchups{grid-template-columns:1fr}}.matchup-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--accent-blue);margin-bottom:4px;font-size:11px}.matchup-list{color:var(--text-dim);margin:0;padding:0;font-size:13px;list-style:none}.matchup-list li{flex-wrap:wrap;align-items:baseline;gap:6px;padding:2px 0;display:flex}.matchup-list .matchup-name{color:var(--text);font-weight:600}.matchup-list .matchup-reason{color:var(--text-dim);flex:1;min-width:0}.matchup-list li{padding-right:26px;position:relative}.matchup-list li.muted{padding-right:0;font-style:italic}.matchup-action{align-self:auto;margin-left:0;position:absolute;top:2px;right:0}.matchup-add{padding:6px 0 2px}.tag{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--border-strong);color:var(--text-dim);border-radius:2px;flex-shrink:0;padding:1px 6px;font-size:10px}.tag.hard{color:var(--bg);background:var(--accent);border-color:var(--accent);font-weight:700}.tag.soft{color:var(--accent-blue);border-color:var(--accent-blue);font-weight:600}.reasons{color:var(--text-dim);border-top:1px solid var(--border);margin:0;padding:8px 14px 12px 46px;font-size:13px;list-style:none}.reasons li{padding:2px 0}.reasons li.muted{font-style:italic}.footer{border-top:1px solid var(--border);color:var(--text-dim);margin-top:32px;padding-top:16px;font-size:12px}.footer code{background:var(--bg-elev);border-radius:2px;padding:1px 6px;font-size:11px}