:root{--bg:#0b0e14;--panel:#131822;--panel-2:#1a2130;--line:#232c3d;--text:#e6ecf5;--muted:#8b98ad;--faint:#5b6779;--blue:#3b82f6;--blue-dim:#1e3a5f;--red:#ef4444;--red-dim:#5f1e1e;--accent:#f0b429;--radius:10px;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:light){:root{--bg:#f4f6fa;--panel:#fff;--panel-2:#eef1f6;--line:#d9dfe9;--text:#131822;--muted:#5b6779;--faint:#8b98ad;--blue-dim:#cfe0fb;--red-dim:#fbd5d5}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer}select,input{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:6px 8px}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page{max-width:1180px;margin:0 auto;padding:24px 20px 80px}.site-nav{border-bottom:1px solid var(--line)}.site-nav-inner{flex-wrap:wrap;max-width:1180px;margin:0 auto;padding:0 8px;display:flex}.site-nav[data-width=narrow] .site-nav-inner{max-width:900px}.site-nav a{color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:14px 12px;font-size:14px;text-decoration:none}.site-nav a:hover{color:var(--text)}.site-nav a[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}.masthead{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.masthead h1{letter-spacing:-.01em;margin:0;font-size:20px}.masthead .sub{color:var(--muted);font-size:13px}.spacer{flex:1}.controls{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;display:flex}.readout{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:22px;padding:18px 20px}.readout-top{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.pct{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:650;line-height:1}.pct.blue{color:var(--blue)}.pct.red{color:var(--red)}.pct-side{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:4px;font-size:11px}.bar{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;height:12px;display:flex;overflow:hidden}.bar-blue{background:linear-gradient(90deg,#2563eb,#60a5fa);transition:width .26s cubic-bezier(.3,.8,.4,1)}.bar-red{background:linear-gradient(90deg,#f87171,#dc2626);transition:width .26s cubic-bezier(.3,.8,.4,1)}.readout-foot{color:var(--faint);flex-wrap:wrap;gap:8px 16px;margin-top:12px;font-size:12px;display:flex}.readout-foot code{font-family:var(--mono);color:var(--muted)}.readout.idle .pct{color:var(--faint)}.notice{border:1px solid;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:13px}.notice.user{color:#f5d68a;background:#2a2008;border-color:#7a5c12}.notice.server{color:#f2a5a5;background:#2a0d0d;border-color:#7a2020}@media (prefers-color-scheme:light){.notice.user{color:#6b5310;background:#fdf6e3;border-color:#e0c068}.notice.server{color:#7a2020;background:#fdeaea;border-color:#eaa}}.board{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}@keyframes role-swapped{0%{background:var(--accent);color:#1a1200}to{background:0 0}}.slot-role-select.swapped{animation:.62s ease-out role-swapped}@media (max-width:860px){.board{grid-template-columns:minmax(0,1fr)}.board .order-rail{display:none}}.team{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.team-head{cursor:pointer;text-transform:uppercase;letter-spacing:.09em;width:100%;color:var(--muted);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0 0 10px;font-size:11px;display:flex}.team-head:hover .claim{opacity:1}.reset-roles{width:100%;color:var(--muted);background:var(--panel-2);border:1px dashed var(--line);border-radius:6px;margin:-4px 0 8px;padding:3px 6px;font-size:11px;display:block}.reset-roles:hover{color:var(--text);border-style:solid}.badge-you{background:var(--accent);color:#1a1200;letter-spacing:.06em;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:10px}.claim{color:var(--faint);opacity:0;margin-left:6px;font-size:10px;transition:opacity .12s}kbd{font-family:var(--mono);border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;margin:0 2px;padding:0 4px;font-size:11px}.team.blue{border-top:2px solid var(--blue)}.team.red{border-top:2px solid var(--red)}.team:not(.yours) .slot-role-select:not(.pinned){opacity:.85;font-style:italic}.team.yours{box-shadow:0 0 0 1px var(--line)}.order-rail{color:var(--faint);font-size:10px;font-family:var(--mono);text-align:center;flex-direction:column;gap:6px;padding-top:38px;display:flex}.order-rail span{justify-content:center;align-items:center;height:56px;display:flex}.slot{background:var(--panel-2);border:1px solid var(--line);text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;height:56px;margin-bottom:6px;padding:6px 10px 6px 6px;transition:border-color .12s,background .12s;display:flex}.slot:last-child{margin-bottom:0}.slot:has(.slot-main:not(:disabled)):hover{border-color:var(--faint)}.slot.oncall{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.slot.locked{opacity:.4}.slot[draggable=true]{cursor:grab}.slot.dragging{opacity:.45;cursor:grabbing}.slot.drop-target{border-color:var(--accent);background:var(--panel);box-shadow:0 0 0 1px var(--accent) inset}.slot-main{text-align:left;background:0 0;border:none;border-radius:6px;flex:1;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.slot-main:disabled{cursor:not-allowed}.slot-order{font-family:var(--mono);color:var(--faint);text-align:right;flex:none;width:12px;font-size:10px}.slot-portrait{background:var(--bg);border:1px solid var(--line);object-fit:cover;border-radius:6px;flex:none;width:42px;height:42px}.slot-portrait.empty{color:var(--faint);justify-content:center;align-items:center;font-size:18px;display:flex}.slot-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:550;overflow:hidden}.slot-name.empty{color:var(--faint);font-weight:400}.slot-role{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.slot-role-select{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:0 0;border-color:#0000;padding:2px 4px;font-size:11px}.slot-role-select:hover{border-color:var(--line)}.slot-role-select.pinned{color:var(--text);border-color:var(--line)}.slot-pin{filter:saturate(.85);background:0 0;border:none;padding:4px 2px;font-size:12px;line-height:1}.slot-pin:hover{filter:none}.slot-clear{color:var(--faint);background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:16px;line-height:1}.slot-clear:hover{color:var(--text);background:var(--line)}.picker-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#0009;justify-content:center;align-items:flex-start;padding:6vh 16px 16px;display:flex;position:fixed;inset:0}.picker{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:min(760px,100%);max-height:82vh;display:flex;overflow:hidden}.picker-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px;display:flex}.picker-head input{flex:1}.picker-head .who{color:var(--muted);white-space:nowrap;font-size:12px}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px;padding:12px;display:grid;overflow-y:auto}.champ{background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:6px 2px 4px;display:flex}.champ:not(:disabled):hover{background:var(--panel-2);border-color:var(--faint)}.champ img{border:1px solid var(--line);border-radius:6px;width:48px;height:48px}.champ span{color:var(--muted);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10.5px;line-height:1.2;display:-webkit-box;overflow:hidden}.champ:disabled{opacity:.28;cursor:not-allowed}.champ.unservable img{filter:grayscale()}.picker-empty{text-align:center;color:var(--faint);grid-column:1/-1;padding:32px;font-size:13px}.picker-tabs{flex-wrap:wrap;gap:6px;padding:10px 14px 0;display:flex}.picker-tabs button{background:var(--panel);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:8px;padding:5px 11px;font-size:12.5px}.picker-tabs button.on{color:var(--text);border-color:var(--faint);background:var(--panel-2)}.picker-tabs button:disabled{opacity:.45;cursor:not-allowed}.picker-tabs small{font-family:var(--mono);opacity:.65;margin-left:4px;font-size:10px}.picker-note{color:var(--faint);margin:0;padding:10px 14px 0;font-size:11.5px;line-height:1.5}.champ-lift{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:11px;line-height:1}.champ-lift.up{color:#4ade80}.champ-lift.down{color:var(--red)}.champ-lift small{opacity:.7;margin-left:1px;font-size:8.5px}.champ-share{font-family:var(--mono);color:var(--faint);font-variant-numeric:tabular-nums;font-size:10px;line-height:1}.champ-known{color:var(--accent);vertical-align:1px;margin-left:3px;font-size:8px;font-style:normal}.footer{border-top:1px solid var(--line);color:var(--faint);flex-wrap:wrap;gap:6px 18px;margin-top:28px;padding-top:16px;font-size:12px;display:flex}.footer code{font-family:var(--mono)}.banner{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--red);border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:13px}.banner code{font-family:var(--mono);color:var(--muted)}.skeleton{color:var(--faint);text-align:center;padding:40px 0}.views{gap:4px;margin-bottom:14px;display:flex}.views button{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:6px 12px;font-size:13px}.views button.on{color:var(--text);border-color:var(--faint);background:var(--panel-2)}.matchups{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.matchups-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:16px;display:flex}.matchups-head h2{margin:0;font-size:16px}.matchups-head .warn{color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:1px 8px;font-size:11px}.lane-headings{text-transform:uppercase;letter-spacing:.07em;color:var(--faint);border-bottom:1px solid var(--line);padding-bottom:3px;font-size:9.5px;list-style:none}.lane-headings .centred{text-align:center}.lane-headings .right{text-align:right}.lanes{margin:0;padding:0;list-style:none}.lane{border-bottom:1px solid var(--line);grid-template-columns:52px minmax(110px,1fr) minmax(80px,1.3fr) minmax(110px,1fr) 62px 52px 60px 62px 62px;align-items:center;gap:10px;padding:7px 0;display:grid}.lane:last-child{border-bottom:none}.lane-role{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:10px}.lane-side{align-items:center;gap:7px;min-width:0;font-size:13px;display:flex}.lane-side span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lane-side.them{text-align:right;justify-content:flex-end}.lane-side img{border:1px solid var(--line);border-radius:5px;flex:none}.lane-bar{height:8px;position:relative}.lane-axis{background:var(--panel-2);border-radius:999px;position:absolute;inset:0}.lane-axis:after{content:"";background:var(--line);width:1px;position:absolute;top:-2px;bottom:-2px;left:50%}.lane-fill{border-radius:999px;transition:width .2s;position:absolute;top:0;bottom:0}.lane-fill.you{background:var(--blue)}.lane-fill.them{background:var(--red)}.lane-delta{font-family:var(--mono);text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.lane-delta.you{color:var(--blue)}.lane-delta.them{color:var(--red)}.lane-delta.unknown{color:var(--faint)}.lane-delta small{opacity:.7;margin-left:1px;font-size:9px}.lane-wr,.lane-games{color:var(--faint);text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.lane-games.thin{color:var(--accent)}.duo-head{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:18px 0 8px;font-size:12px}.duos{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.duo{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex:420px;align-items:center;gap:12px;padding:7px 12px;display:flex}.duo.blue{border-left:2px solid var(--blue)}.duo.red{border-left:2px solid var(--red)}.duo-champs{flex:1;gap:12px;min-width:0;font-size:12px;display:flex}.duo .lane-raw,.duo .lane-games,.duo .lane-tempo{text-align:right;flex:none}.duo .lane-raw{min-width:44px}.duo .lane-games{min-width:52px}.duo .lane-tempo{min-width:56px}@media (max-width:640px){.duo{flex-basis:100%;min-width:0}}.duo-champs>span{align-items:center;gap:5px;display:flex}.duo-champs img{border:1px solid var(--line);border-radius:4px}.matchups-foot{color:var(--faint);margin:16px 0 0;font-size:11px}@media (max-width:820px){.lane{grid-template-columns:44px 1fr 1fr 56px}.lane-bar,.lane-wr,.lane-games,.lane-head-bar,.lane-head-wr,.lane-head-games{display:none}}.retry{color:inherit;background:0 0;border:1px solid;border-radius:6px;margin-left:6px;padding:2px 10px;font-size:12px}.identity{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;overflow:hidden}.identity.on{border-color:var(--accent)}.identity-head{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:baseline;gap:10px;padding:10px 14px;display:grid}.identity-head:hover{background:var(--panel-2)}.identity-title{font-size:.95rem;font-weight:600}.identity.on .identity-title{color:var(--accent)}.identity-sub{color:var(--muted);font-size:.82rem}.identity-toggle{color:var(--faint)}.identity-body{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:4px 14px 14px;display:flex}.identity-row{flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;display:flex}.identity-row label{color:var(--muted);min-width:68px;font-size:.82rem}.identity-row input{border:1px solid var(--line);background:var(--panel-2);min-width:160px;color:var(--text);font:inherit;border-radius:8px;flex:200px;padding:7px 10px}.identity-row input[aria-invalid=true]{border-color:var(--red)}.identity-row button{border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:7px 14px}.identity-row button:disabled{opacity:.45;cursor:default}.identity-row button:not(:disabled):hover{border-color:var(--accent)}.identity-hint{color:var(--faint);margin:0;font-size:.78rem}.identity-hint.inline{flex:240px}.identity-note{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;margin:0;padding:8px 10px;font-size:.84rem}.identity-note.good{border-color:#2f6f4f}.identity-note.warn{border-color:var(--accent)}.identity-note.bad{border-color:var(--red)}.identity-rule{border:0;border-top:1px solid var(--line);margin:4px 0 0}.identity-foot{color:var(--faint);margin:0;font-size:.76rem;line-height:1.5}.identity-foot code{font-family:var(--mono)}.identity-switch{cursor:pointer;white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:inline-flex}.identity-switch input{width:15px;height:15px;accent-color:var(--accent,#4a8);cursor:pointer}.identity-seat select{flex:1 1 0;min-width:0}.identity-profile{flex-direction:column;gap:6px;display:flex}.identity-champs{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.78rem}.identity-champs th{text-align:left;color:var(--faint);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line,#2a2a2a);padding:2px 8px 2px 0;font-size:.7rem;font-weight:600}.identity-champs td{color:var(--muted);border-bottom:1px solid color-mix(in srgb, var(--line,#2a2a2a) 45%, transparent);padding:3px 8px 3px 0}.identity-champs th:nth-child(n+3),.identity-champs td:nth-child(n+3){text-align:right}.identity-tag{letter-spacing:.04em;background:color-mix(in srgb, var(--accent,#4a8) 22%, transparent);color:var(--accent,#4a8);border-radius:3px;margin-left:6px;padding:0 4px;font-size:.62rem;font-weight:700}.lane-tempo{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-size:11px}.lane-tempo small{color:var(--faint);margin-left:1px;font-size:9px}.lane-tempo.you{color:var(--blue)}.lane-tempo.them{color:var(--red)}.lane-tempo.unknown{color:var(--faint)}.champ-lane{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-size:9px;font-style:normal;font-weight:700;display:block}.rearrange{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;overflow:hidden}.rearrange.on{border-color:var(--accent)}.rearrange-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rearrange-list li{background:var(--panel-2);border:1px solid var(--line);border-radius:7px;align-items:center;gap:10px;padding:7px 9px;font-size:13px;display:flex}.rearrange-moves{flex-wrap:wrap;flex:1;gap:4px 10px;min-width:0;display:flex}.rearrange-move em{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);font-size:10px;font-style:normal;font-weight:700}.rearrange-kind{color:var(--faint);white-space:nowrap;font-size:11px}.rearrange-list button{background:var(--panel);border:1px solid var(--line);border-radius:6px;flex:none;padding:3px 10px;font-size:12px}.rearrange-list button:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:640px){.rearrange-kind{display:none}}.th-note{text-transform:none;letter-spacing:0;color:var(--faint);font-size:.62rem;font-weight:400}.champ-cell,.lane-cell{align-items:center;gap:6px;display:inline-flex}.champ-cell img{border:1px solid var(--line);border-radius:3px;flex:none}.lane-glyph{color:var(--faint);flex:none}.identity-champs td.you{color:#6ee7a8}.identity-champs td.them{color:#f2a5a5}@media (prefers-color-scheme:light){.identity-champs td.you{color:#17784a}.identity-champs td.them{color:#a33}}.champ-share-inline{color:var(--faint);letter-spacing:0;margin-left:4px;font-weight:400}.picker-filter{cursor:pointer;white-space:nowrap;color:var(--muted);align-items:center;gap:5px;margin-left:4px;display:inline-flex}.picker-filter input{width:13px;height:13px;accent-color:var(--accent);cursor:pointer}.duo-head{flex-direction:column;gap:2px;display:flex}.duo-sub{text-transform:none;letter-spacing:0;color:var(--faint);font-size:11px;font-weight:400}.duo-legend{text-transform:uppercase;letter-spacing:.06em;color:var(--faint);gap:12px;padding:0 12px 4px;font-size:9px;display:flex}.duo-legend>span:first-child{flex:1}.duo-legend>span:nth-child(2){text-align:right;min-width:62px}.duo-legend>span:nth-child(3){text-align:right;min-width:44px}.duo-legend>span:nth-child(4){text-align:right;min-width:52px}.duo-legend>span:nth-child(n+5){text-align:right;min-width:56px}@media (max-width:720px){.duo-legend{display:none}}.live-toggle{color:var(--muted);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;font-size:14px;display:inline-flex}.live-toggle:hover{color:var(--text)}.live-toggle input{accent-color:var(--accent);cursor:pointer;margin:0}