#roster .stack{gap:28px;margin:28px 0;display:grid}#roster .frame{background:var(--surface);border:1px solid var(--line);container-type:inline-size}#roster .fhead{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 16px;display:flex}#roster .dot{background:var(--team);vertical-align:1px;border-radius:50%;width:10px;height:10px;margin-right:10px;display:inline-block}#roster .fname{font-family:var(--font);letter-spacing:.1em;text-transform:uppercase;font-size:15px}#roster .leader{font-family:var(--font);font-variant-numeric:tabular-nums;color:var(--ink-3);margin-left:14px;font-size:12px}#roster .count{color:var(--ink-3);font-size:13px}#roster .groups{grid-template-columns:repeat(4,1fr);gap:10px;padding:12px;display:grid}#roster .group{align-content:start;gap:4px;min-width:0;display:grid}#roster .glabel{color:var(--ink-2);letter-spacing:.1em;padding:0 2px 2px;font-size:10px}#roster .slot{width:100%;min-height:34px;font:inherit;text-align:left;color:inherit;border:0;border-left:3px solid var(--slot,var(--edge));background:color-mix(in srgb, var(--slot,var(--edge)) 14%, var(--raised));grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:6px;padding:6px 8px;font-size:14px;line-height:1.2;text-decoration:none;display:grid}#roster .slot .n{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#roster .slot .s{color:var(--ink-2);letter-spacing:.04em;white-space:nowrap;font-size:10px}#roster .slot.member .n{color:var(--slot)}#roster .slot.trial .n{font-style:italic}#roster .slot.empty{border-left-color:var(--line);outline:1px dashed var(--line);outline-offset:-1px;background:0 0}#roster .slot.empty .n{color:var(--ink-2);font-style:italic}#roster .slot.open{border-left-style:dashed;border-left-color:var(--team);outline:1px dashed var(--edge);outline-offset:-1px;background:0 0}#roster .slot.open .n{color:var(--ink-2);font-style:italic}#roster .slot.open .s,#roster .slot.empty .s{color:var(--team)}#roster .slot.open:hover{background:color-mix(in srgb, var(--team) 12%, transparent);outline-color:var(--team)}#roster .slot.recruit{outline:1px dashed var(--slot);outline-offset:-1px;background:0 0;border-left-style:dashed}#roster button.slot{cursor:pointer}#roster button.slot:hover{filter:brightness(1.25)}#roster .slot.picked,#roster .chip.picked{outline:2px solid var(--accent-ink);outline-offset:-2px}#roster .slot .ans.in{color:var(--ok)}#roster .slot .ans.out,#roster .risk{color:var(--bad);font-weight:500}#roster .slot.isout{opacity:.55;border-left-color:var(--bad)}#roster .slot.isout.picked{opacity:1}#roster .slot.standin{outline:1px solid var(--accent-ink);outline-offset:-1px}#roster .group.warned .glabel{color:var(--bad)}#roster .over{color:var(--bad);margin:0;padding:0 16px 12px;font-size:15px}@container (width<=860px){#roster .slot .race{display:none}}@container (width<=640px){#roster .groups{grid-template-columns:repeat(2,1fr)}#roster .slot .race{display:inline}}@container (width<=420px){#roster .slot .race{display:none}}#roster .c-warrior{--slot:var(--c-warrior)}#roster .c-paladin{--slot:var(--c-paladin)}#roster .c-hunter{--slot:var(--c-hunter)}#roster .c-rogue{--slot:var(--c-rogue)}#roster .c-priest{--slot:var(--c-priest)}#roster .c-shaman{--slot:var(--c-shaman)}#roster .c-mage{--slot:var(--c-mage)}#roster .c-warlock{--slot:var(--c-warlock)}#roster .c-druid{--slot:var(--c-druid)}#roster .updated{color:var(--ink-3);margin-top:32px;font-size:12px}#roster{padding-bottom:64px}#roster .filters{flex-wrap:wrap;align-items:flex-end;gap:14px 20px;margin-top:20px;display:flex}#roster .inp{border:1px solid var(--edge);border-radius:var(--r);background:var(--surface);width:100%;min-height:48px;color:var(--ink);font:inherit;padding:10px 12px;line-height:1.4;display:block}#roster .showing{color:var(--ink-2);margin:14px 0 0;font-size:15px}#roster .showing:empty{display:none}#roster #teams-roster>.prose{margin-top:24px}#roster .rteam{margin-top:16px}#roster .rteam-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}#roster .rteam-head .pg-team{margin:0}#roster .rteam-meta{color:var(--ink-2);margin:0;font-size:15px}#roster .rgroups{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;margin-top:16px;display:grid}#roster .rgrp-h{border-bottom:1px solid var(--line);margin:0;padding-bottom:6px}#roster .units{margin:0;padding:0;list-style:none}#roster .unit{border-bottom:1px solid var(--line);padding:8px 0}#roster .unit .who{overflow-wrap:anywhere;color:var(--slot,var(--ink));font-weight:600;display:block}#roster .unit.trial .who{font-style:italic}#roster .unit .meta{color:var(--ink-2);font-size:14px;display:block}#roster .unit .pg-tag{height:22px;margin-top:4px;font-size:12px}#roster .unit.empty .who{color:var(--ink-2);font-style:italic;font-weight:400}#roster .unit.open a.who{min-height:44px;color:var(--accent-ink);align-items:center;display:inline-flex}#roster .bench-h{margin:32px 0 0}#roster .bench-list{flex-wrap:wrap;gap:8px 24px;margin:12px 0 0;padding:0;list-style:none;display:flex}#roster .bench-list .unit{border:0;padding:4px 0}#roster .rbench{margin-top:20px}@media (width<=480px){#roster .rgroups{grid-template-columns:1fr}}#roster .panel{border:1px solid var(--line);background:var(--surface);margin-top:24px;scroll-margin-top:90px}#roster .panel>summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:4px 16px;padding:14px 18px;list-style:none;display:flex}#roster .panel>summary::-webkit-details-marker{display:none}#roster .ptitle{font-family:var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-ink);font-size:12px}#roster .psum{color:var(--ink-2);font-size:16px}#roster .pgrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0 16px;padding:4px 18px 16px;display:grid}#roster .pgrid .wide,#roster .pfoot{grid-column:1/-1}#roster .pfoot{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}#roster .form-msg{color:var(--ink-3);margin:0;font-size:15px}#roster .form-msg.bad{color:var(--bad)}#roster .form-done{color:var(--ink-3);margin:0;font-size:15px}#roster form:has(.form-msg.bad) .form-done{display:none}#roster .field{margin-bottom:14px}#roster .link{font:inherit;color:var(--ink-3);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}#roster .link:hover{color:var(--bad)}#roster button:disabled{opacity:.45}#roster .mychars{margin:0;padding:0;list-style:none}#roster .mychar{border-top:1px solid var(--line);scroll-margin-top:90px}#roster .mychar-h{margin:0;padding:14px 18px 2px;font-size:17px;font-weight:600}#roster .mychar-h>span:first-child{color:var(--slot,var(--ink))}#roster .mychar-meta{margin:0;padding:0 18px 8px;font-size:15px}#roster .mychar .hint{margin:0}#roster .mychar-add{border-top:1px solid var(--line);padding-top:14px}#roster .mychar-note{margin:0;padding:0 18px 16px}#roster .planbar{border:1px dashed var(--edge);color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;margin-top:16px;padding:12px 18px;font-size:16px;display:flex}#roster .planbar.on{border:1px solid var(--accent-ink);background:color-mix(in srgb, var(--accent-ink) 8%, transparent);color:var(--ink);z-index:5;backdrop-filter:blur(6px);position:sticky;top:0}#roster .planner{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid}#roster .planner .stack{margin-top:20px}#roster .side{max-height:calc(100vh - 90px);margin-top:20px;padding-right:4px;position:sticky;top:72px;overflow-y:auto}#roster .inspect{border:1px solid var(--edge);background:var(--surface);min-height:80px;padding:4px 16px 12px}#roster .inspect .pgrid{grid-template-columns:1fr 1fr;padding:0}#roster .inspect .sub{color:var(--ink);margin-top:14px}#roster .hint{color:var(--ink-3);margin:14px 0 0;font-size:15px}#roster .sub{font-family:var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:22px 0 10px;font-size:11px;font-weight:600}#roster .chips{flex-wrap:wrap;gap:6px;display:flex}#roster .chip{font:inherit;cursor:pointer;color:var(--slot,var(--ink));border:0;border-left:3px solid var(--slot,var(--edge));background:color-mix(in srgb, var(--slot,var(--edge)) 14%, var(--raised));padding:5px 9px;font-size:14px}#roster .chip.recruit{outline:1px dashed var(--slot,var(--edge));outline-offset:-1px;background:0 0;border-left-style:dashed}#roster .chip .mono{color:var(--ink-2);font-size:10px}#roster .dim{color:var(--ink-3);font-size:15px}#roster .rowform{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0;font-size:15px;display:flex}#roster .rowform .form-msg{flex-basis:100%}#roster .rowform select,#roster .targets input[type=number]{background:var(--ground);border:1px solid var(--edge);color:var(--ink);font:inherit;padding:7px 8px;font-size:15px}#roster .rowform .btn,#roster .targets .btn{padding:7px 12px}#roster details.add{margin-top:16px}#roster details.add>summary{cursor:pointer;list-style:none;display:inline-block}#roster details.add>summary::-webkit-details-marker{display:none}#roster details.add .pgrid{grid-template-columns:1fr 1fr;padding:12px 0 0}#roster .teamplan{gap:0;display:grid}#roster .tbench{border:1px solid var(--line);background:var(--surface);border-top:0;padding:0 16px 12px}#roster .tbench .sub{margin-top:14px}#roster .nightline{border:1px solid var(--line);background:color-mix(in srgb, var(--accent-ink) 7%, var(--surface));color:var(--ink-2);border-top:0;margin:0;padding:10px 16px;font-size:15px}#roster .nightline b{color:var(--ink);font-weight:500}#roster .nightline .in{color:var(--ok)}#roster .nightline .out{color:var(--bad)}#roster .warns{border:1px solid var(--line);border-top:0;border-left:3px solid var(--bad);background:var(--surface);color:var(--ink-2);margin:0;padding:10px 16px;font-size:15px;list-style:none}#roster .warns .mono{color:var(--bad);margin-right:4px;font-size:12px}#roster .btn.small{padding:8px 12px;font-size:12px}#roster .nightpick{flex-wrap:wrap;gap:4px;display:flex}#roster .seg{font:inherit;cursor:pointer;min-height:40px;color:var(--ink-2);background:var(--ground);border:1px solid var(--edge);padding:8px 12px;font-size:14px}#roster .seg:hover{color:var(--ink)}#roster .seg.on{color:var(--ground);background:var(--accent-ink);border-color:var(--accent-ink)}#roster .planhint{border:1px solid var(--line);border-left:3px solid var(--accent-ink);background:var(--surface);color:var(--ink-2);margin-top:10px;padding:12px 18px;font-size:15px}#roster .planhint .link{margin-left:8px}#roster .seatfacts{color:var(--ink-3);margin:8px 0 0;font-size:14px}#roster .seatfacts.risky{color:var(--bad)}#roster .tonight{margin:0 0 10px;font-size:16px}#roster .tonight.out b{color:var(--bad)}#roster .tonight.in b{color:var(--ok)}#roster .standins{margin:10px 0 0;padding:0;list-style:none}#roster .standins li{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px 10px;padding:8px 0;font-size:15px;display:flex}#roster .standins strong{color:var(--slot,var(--ink));font-weight:500}#roster .standins .mono{color:var(--ink-3);flex:auto;font-size:11px}#roster .comp{border:1px solid var(--line);background:var(--surface);border-top:0;grid-template-columns:auto minmax(0,1fr);gap:4px 28px;padding:14px 16px;display:grid}#roster .roles{border-collapse:collapse;grid-row:span 4;align-self:start;font-size:15px}#roster .roles th{text-align:left;color:var(--ink-2);padding:2px 14px 2px 0;font-weight:400}#roster .roles td{color:var(--ink-3);padding:2px 12px 2px 0}#roster .roles .short td:last-child{color:var(--bad)}#roster .roles .short th{color:var(--ink)}#roster .line{color:var(--ink-2);margin:0;font-size:15px}#roster .line span[class^=c-]{color:var(--slot)}#roster .line.miss{color:var(--bad)}#roster .lbl{font-family:var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-right:6px;font-size:10px}#roster .targets{border:1px solid var(--line);color:var(--ink-2);border-top:0;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 16px;font-size:14px;display:flex}#roster .targets label{align-items:center;gap:6px;display:flex}#roster .targets input[type=number]{width:58px}#roster .targets .check{flex:240px}#roster .targets .form-msg{flex-basis:100%}@media (width<=980px){#roster .planner{grid-template-columns:1fr}#roster .side{order:-1;max-height:none;margin-top:16px;position:static}#roster .comp{grid-template-columns:1fr}}