:root{--bg:#0f1218;--panel:#171c25;--panel-2:#1e2531;--line:#2a3342;--text:#e7ebf2;--muted:#8d98aa;--accent:#f99e1a;--accent-ink:#1a1206;--good:#3fb950;--bad:#f85149;--warn:#d29922;--tank:#4aa3ff;--dps:#ff6b6b;--support:#5fd38d;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f5f6f8;--panel:#fff;--panel-2:#f0f2f5;--line:#d8dde5;--text:#1b2230;--muted:#5d687a;--accent:#a85a00;--accent-ink:#fff;--good:#1a7f37;--bad:#cf222e;--warn:#875a00;--tank:#0b63c5;--dps:#c62828;--support:#1d7a45;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}p a,li a,dd a,.foot a{text-underline-offset:2px;text-decoration:underline}h1{letter-spacing:-.01em;margin:1.4rem 0 .6rem;font-size:1.6rem}h2{margin:1.2rem 0 .5rem;font-size:1.15rem}h3{margin:.4rem 0;font-size:1rem}.shell{margin:0 auto;padding:0 clamp(16px,3vw,48px)}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.error{color:var(--bad)}.top{background:var(--panel);border-bottom:1px solid var(--line);z-index:5;position:sticky;top:0}.bar{flex-wrap:wrap;align-items:center;gap:16px;min-height:56px;display:flex}.brand{color:var(--text);align-items:center;gap:8px;font-weight:700;display:flex}.ring{border:4px solid var(--accent);border-radius:50%;width:18px;height:18px}nav{flex-wrap:wrap;gap:4px;margin-left:auto;display:flex}nav a{color:var(--muted);border-radius:8px;padding:6px 10px}nav a.active,nav a:hover{color:var(--text);background:var(--panel-2);text-decoration:none}nav a.signin{border:1px solid var(--line)}.foot{padding-top:32px;padding-bottom:48px;font-size:.85rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin:10px 0;padding:14px 16px}.card.narrow{max-width:420px}.cols{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=760px){.cols{grid-template-columns:1fr}}.home{grid-template-columns:minmax(0,3fr) minmax(320px,2fr);align-items:start;gap:32px;display:grid}.home .cols{grid-template-columns:1fr;gap:0}.home>*{min-width:0}@media (width<=1100px){.home{grid-template-columns:minmax(0,1fr)}.home .cols{grid-template-columns:1fr 1fr;gap:24px}}@media (width<=760px){.home .cols{grid-template-columns:1fr}}.games{grid-template-columns:repeat(auto-fill,minmax(min(560px,100%),1fr));gap:0 16px;display:grid}@media (width<=640px){.games{grid-template-columns:minmax(0,1fr)}}.card.narrow{margin-left:auto;margin-right:auto}.table-wrap{overflow-x:auto}table{border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;overflow:hidden}th,td{text-align:center;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--panel-2);font-size:.8rem}td.left,th.left{text-align:left}tr:last-child td{border-bottom:0}.standings td.rank{color:var(--accent);width:36px;font-weight:700}td.ok{color:var(--good);font-weight:600}td input[type=number]{width:70px}.series-row{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);grid-template-columns:56px 1fr auto auto;align-items:center;gap:12px;margin:6px 0;padding:10px 14px;display:grid}.series-row:hover{border-color:var(--accent);text-decoration:none}.series-row .code{color:var(--muted);font-variant-numeric:tabular-nums}.series-row .match{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.series-row .score{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:700}.won{font-weight:700}.lost{color:var(--muted)}.status{background:var(--panel-2);color:var(--muted);border-radius:99px;padding:2px 8px;font-size:.75rem}.status.final{color:var(--good)}.status.in-progress{color:var(--accent)}@media (width<=600px){.series-row{grid-template-columns:1fr auto}.series-row .code,.series-row .when{display:none}}.versus{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.big-score{color:var(--accent);font-variant-numeric:tabular-nums;font-size:2.2rem}.game header{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.game header h2{margin:0}.game .winner{color:var(--good);font-weight:600}.game header .link{margin-left:auto}.facts{grid-template-columns:max-content 1fr;gap:4px 16px;margin:10px 0;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.line{margin:8px 0}.lineups{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:10px;display:grid}.lineups ul{margin:0;padding-left:18px}.issues{color:var(--warn);margin:8px 0 0;padding-left:18px}.issues li::marker{content:"⚠ "}.steps{gap:12px;padding-left:20px;display:grid}.steps li{padding-left:4px}.steps label{flex-direction:column;gap:4px;min-width:220px;margin-right:16px;display:inline-flex}.hint{color:var(--muted);margin-top:2px;font-size:.85rem;display:block}.editing{border-color:var(--accent)}label{flex-direction:column;gap:4px;margin:6px 0;font-size:.9rem;display:flex}input,select,button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:7px 10px}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}button.danger{color:var(--bad)}button.link{color:var(--accent);background:0 0;border:0;padding:4px 0}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.form .grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 12px;display:grid}.tag{background:var(--panel-2);color:var(--muted);vertical-align:middle;border:1px solid var(--line);border-radius:99px;margin-left:6px;padding:1px 7px;font-size:.7rem;display:inline-block}.tag.warn{color:var(--warn)}.role{text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.role.tank{color:var(--tank)}.role.dps{color:var(--dps)}.role.support{color:var(--support)}.team-grid,.pool{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.team-card{color:var(--text)}.team-card:hover{border-color:var(--accent);text-decoration:none}.team-card ul,.pool ul{margin:8px 0 0;padding:0;list-style:none}.team-card li,.pool li{padding:2px 0}.heroes li.out{color:var(--muted);text-decoration:line-through}.lineup-row,.row{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.lineup-row input{flex:160px}.chips{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.chip{background:var(--panel-2);border:1px solid var(--line);border-radius:99px;flex-direction:row;align-items:center;gap:6px;margin:0;padding:3px 4px 3px 10px;font-size:.85rem;display:inline-flex}.chip select{padding:2px 6px}.chip .x{color:var(--muted);background:0 0;border:0;padding:0 6px}.map-ranks{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:8px 0;display:grid}.map-ranks label{flex-direction:row;justify-content:space-between;align-items:center}.scout{border-top:1px solid var(--line);grid-template-columns:200px 1fr 1fr;align-items:center;gap:10px;padding:8px 0;display:grid}@media (width<=760px){.scout{grid-template-columns:1fr}}details summary{cursor:pointer;color:var(--muted);margin:6px 0}.savebar{background:linear-gradient(transparent, var(--bg) 30%);justify-content:flex-end;align-items:center;gap:12px;padding:12px 0;display:flex;position:sticky;bottom:0}.note{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);margin:6px 0;padding:10px 14px}.crumbs{color:var(--muted);margin:16px 0 -6px;font-size:.85rem}.crumbs .sep{opacity:.6;margin:0 6px}.crumbs [aria-current]{color:var(--text)}nav a.own{color:var(--accent)}.tabs{border-bottom:1px solid var(--line);scrollbar-width:thin;gap:2px;margin:14px 0 12px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:8px 14px}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.tabs button:hover{color:var(--text)}.lock{color:var(--accent);vertical-align:middle;margin-left:5px;font-size:.6rem}.private-note{color:var(--muted);margin:4px 0 10px;font-size:.85rem}tr.mine td{background:color-mix(in srgb, var(--accent) 9%, transparent)}.team-card.mine,.player-card:hover,.team-card:hover{border-color:var(--accent)}.tag+.tag{margin-left:4px}.player-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:12px;display:grid}.player-card{color:var(--text);display:block}.player-card:hover{text-decoration:none}.player-card p{margin:6px 0}.pc-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pc-head h3,.pc-head h2{margin:0;font-size:1rem}.split{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:16px;display:grid}.split>.card{margin:10px 0}td.ok,.ok{color:var(--good);font-weight:600}ol.compact,ul.compact{margin:6px 0;padding-left:20px}ol.compact li,ul.compact li{margin:3px 0}.chip.like{color:var(--good);border-color:color-mix(in srgb, var(--good) 50%, var(--line))}.chip.dislike{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 50%, var(--line))}.chips .chip{padding:2px 10px}.briefing h2{margin-top:0}.briefing h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:12px 0 4px;font-size:.9rem}textarea{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);resize:vertical;border-radius:8px;padding:7px 10px}label.inline{flex-direction:row;align-items:center;gap:8px}label.inline input{flex:1}.hero-list ol{margin:6px 0;padding-left:24px}.hero-list li{padding:3px 0}.hero-list li .out{color:var(--muted);text-decoration:line-through}.row-actions{gap:2px;margin-left:10px;display:inline-flex}button.icon{padding:0 7px;font-size:.85rem;line-height:1.6}.seg-row{justify-content:space-between;align-items:center;gap:10px;padding:3px 0;display:flex}.seg{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.seg>*{background:var(--panel-2);color:var(--muted);border:0;border-radius:0;padding:4px 10px;font-size:.85rem}.seg>*+*{border-left:1px solid var(--line)}.seg>.on.like{background:color-mix(in srgb, var(--good) 22%, var(--panel-2));color:var(--text)}.seg>.on.dislike{background:color-mix(in srgb, var(--bad) 22%, var(--panel-2));color:var(--text)}.seg>.on.neutral{background:var(--panel);color:var(--text)}.map-ranks .seg-row span{font-size:.9rem}td.zero{color:var(--muted);opacity:.5}td.like{color:var(--good);font-weight:600}td.dislike{color:var(--bad);font-weight:600}.comps{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=760px){.comps{grid-template-columns:1fr}}.map-list{flex-direction:column;gap:10px;display:flex;position:sticky;top:72px}@media (width<=760px){.map-list{flex-direction:row;position:static;overflow-x:auto}.map-list>div{min-width:150px}}.map-list [role=option]{text-align:left;width:100%;color:var(--text);background:0 0;border:0;border-radius:6px;justify-content:space-between;padding:4px 8px;display:flex}.map-list [role=option].active{background:var(--panel-2);color:var(--accent)}.map-list .count{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:0 6px;font-size:.7rem}.map-comps h2{margin-top:0}.variants{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:12px;display:grid}.variant{margin:0}.variant header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.variant h3{margin:0 0 8px;font-size:.95rem}.slot{grid-template-columns:62px 1fr 150px;align-items:center;gap:8px;padding:3px 0;display:grid}.slot .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}lg-combobox.changed .cb-field{border-color:var(--accent)}.variant .note{width:100%;margin-top:8px}.scoreboard td,.scoreboard th{padding:6px 8px}.scoreboard .team-row td{background:var(--panel-2);font-weight:600}.scoreboard.inputs input[type=number]{width:78px}.scoreboard.inputs input[list]{width:150px}.scoreboard.inputs td{white-space:nowrap}dl.stats{margin-top:10px}.games>*,.game,.lineup-edit{min-width:0}.tabs .count{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);border-radius:99px;margin-left:6px;padding:0 6px;font-size:.7rem}.proposal{margin:12px 0}.proposal.preferred{border-color:var(--accent)}.proposal-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.proposal-head .pname{flex:180px;font-weight:600}.proposal-head .pby{flex:0 180px}.proposal>.note{width:100%;margin:8px 0}.proposal .variants{margin:8px 0}.proposal .variant{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.proposal .variant select,.proposal .variant input{background:var(--panel)}button.star{border:1px solid var(--line);color:var(--muted);background:0 0;padding:2px 8px;font-size:1rem}button.star.on{color:var(--accent);border-color:var(--accent)}.map-comps-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.map-comps-head h2{margin:0}.proposal-head .pvs{flex:0 200px}.proposal textarea.note{width:100%;font-size:.9rem;line-height:1.45}.variant textarea.note{margin-top:8px}[role=tab],[role=option]{position:relative}.vh{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}lg-tabs,lg-listbox,lg-ordered-list,lg-combobox{min-width:0;display:block}lg-radio-group,lg-menu-button,lg-status{display:inline-block}[role=radio],[role=option],[role=menuitem],.cb-field{cursor:pointer}[role=radio]:focus-visible,[role=listbox]:focus-visible,[role=menuitem]:focus-visible,.cb-field:focus-visible,[role=tabpanel]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}[role=tabpanel]:focus-visible{outline-offset:4px;border-radius:4px}.seg>[role=radio]{-webkit-user-select:none;user-select:none}.map-list{border-radius:8px}.map-list [role=option]{justify-content:space-between;align-items:center}.map-list [role=option][aria-disabled=true]{opacity:.5;cursor:default}.map-list:focus-visible [role=option].active{outline:1px solid var(--accent)}.cb-field{width:100%;min-height:36px;font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}div.cb-field:after{content:"▾";color:var(--muted);font-size:.8rem}div.cb-field>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cb-field[aria-disabled=true]{opacity:.5;cursor:default}.proposal .variant .cb-field{background:var(--panel)}.cb-pop{background:var(--panel);color:var(--text);border:1px solid var(--line);z-index:50;border-radius:8px;margin:0;padding:4px;inset:auto;overflow:auto;box-shadow:0 8px 24px #00000059}.cb-pop[hidden]{display:none}.cb-pop [role=option],.cb-pop [role=menuitem]{white-space:nowrap;border-radius:6px;align-items:baseline;gap:6px;padding:5px 10px;display:flex}.cb-pop [role=option].active,.cb-pop [role=menuitem]:focus{background:var(--panel-2);outline:1px solid var(--accent)}.cb-pop [role=option][aria-selected=true]{color:var(--accent);font-weight:600}.cb-pop [aria-disabled=true]{opacity:.5;cursor:default}.cb-pop .hint{color:var(--muted);margin-left:auto;padding-left:12px;font-size:.8rem;font-weight:400}.cb-pop .check{width:1em;color:var(--accent)}.cb-group{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:6px 10px 2px;font-size:.72rem;font-weight:700}.cb-multiple .chips{margin:0 0 4px;padding:0;list-style:none}.scoreboard.inputs lg-combobox{min-width:150px}.ol-list{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;margin:6px 0;padding:4px}.ol-list [role=option]{border-radius:6px;padding:3px 8px}.ol-list [role=option].active{background:var(--panel);color:var(--accent)}.ol-list:focus-visible [role=option].active{outline:1px solid var(--accent)}.ol-list .pos{min-width:1.6em;color:var(--muted);display:inline-block}.ol-list .out{color:var(--muted);text-decoration:line-through}.ol-tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ol-tools button.icon{padding:3px 9px}.rank-row{grid-template-columns:2.6em minmax(0,1fr);align-items:center;gap:8px;margin:4px 0;display:grid}.alert-dialog{max-width:min(440px,100vw - 32px);color:var(--text);padding:18px 20px}.alert-dialog h2{margin-top:0}.alert-dialog::backdrop{background:#0000008c}.field{flex-direction:column;gap:4px;margin:6px 0;font-size:.9rem;display:flex}.steps .field{vertical-align:top;min-width:220px;margin-right:16px;display:inline-flex}
