:root{--bg:#09090b;--panel:#0c0c0e;--panel-2:#111113;--hover:#18181b;--line:#27272a;--line-strong:#3f3f46;--text:#fafafa;--text-2:#e4e4e7;--muted:#a1a1aa;--subtle:#71717a;--faint:#52525b;--blue:oklch(68% .14 250);--red:oklch(66% .18 22);--blue-tint:oklch(68% .14 250/.1);--red-tint:oklch(66% .18 22/.1);--green:#4ade80;--gold:#c8aa6e;--side-w:clamp(200px, 17vw, 440px);--status-w:clamp(300px, 26vw, 560px);--head-h:clamp(84px, 9.5vh, 120px);--fs-team:clamp(18px, 1.35vw, 30px);--fs-pick:clamp(16px, 1.2vw, 28px);--fs-timer:clamp(28px, 2.1vw, 46px);--tile:clamp(60px, 4.2vw, 100px);--ban:clamp(36px, 2.6vw, 60px);--sans:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:14px}a{color:var(--text);text-underline-offset:3px;text-decoration:underline}a:hover{color:var(--muted)}button{font:inherit;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line)}::-webkit-scrollbar-track{background:0 0}input::placeholder{color:var(--subtle)}:focus-visible{outline:2px solid var(--text);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:fixed;top:0;left:0;overflow:hidden}@keyframes dfPulse{0%,to{box-shadow:inset 0 0 0 1px}50%{box-shadow:inset 0 0 0 3px}}@keyframes dfSelecting{0%{background-position:0%}to{background-position:200%}}@keyframes dfBlink{50%{opacity:.35}}@keyframes dfFlash{0%,to{opacity:1}50%{opacity:.3}}@keyframes dfBar{0%{transform:scaleX(var(--from,1))}to{transform:scaleX(0)}}@keyframes dfIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes dfLock{0%{filter:brightness(1.8)}to{filter:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.timer-fill{animation-duration:var(--dur)!important}}.mono{font-family:var(--mono)}.label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--subtle);font-size:11px}.chip{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);border:1px solid var(--line-strong);white-space:nowrap;padding:3px 8px;font-size:11px}.chip.ready{color:var(--green);border-color:color-mix(in oklab, var(--green) 50%, transparent)}.chip.you{color:var(--bg);background:var(--text);border-color:var(--text)}.chip.first{color:var(--gold);border-color:color-mix(in oklab, var(--gold) 50%, transparent)}.seg.wide{width:100%}.seg.wide button{flex:1 1 0}.btn{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--line);white-space:nowrap;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--hover)}.btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sm{height:28px;padding:0 10px;font-size:12px}.btn.primary{background:var(--text);color:var(--bg);border-color:var(--text);min-width:160px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:0 20px;font-size:12px}.btn.primary:hover:not(:disabled){background:var(--text-2)}.btn.primary.blue{background:var(--blue);border-color:var(--blue)}.btn.primary.red{background:var(--red);border-color:var(--red)}.btn.ghost{color:var(--muted);border-color:#0000}.btn.ghost:hover:not(:disabled){color:var(--text)}.linkish{all:unset;cursor:pointer;color:var(--muted);text-underline-offset:3px;font-size:12px;text-decoration:underline}.linkish:hover{color:var(--text)}.linkish:focus-visible{outline:2px solid var(--text);outline-offset:2px}.dot{flex:none;width:8px;height:8px;display:inline-block}.dot.hollow{box-shadow:inset 0 0 0 1.5px;background:0 0!important}.input{all:unset;box-sizing:border-box;border:1px solid var(--line);background:var(--bg);width:100%;height:40px;padding:0 12px;font-size:14px}.input:focus{border-color:var(--faint);background:var(--panel-2)}.input.invalid{border-color:var(--red)}.app{background:var(--bg);flex-direction:column;height:100dvh;min-height:560px;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);flex:none;align-items:stretch;min-width:0;height:44px;display:flex}.topbar>*{flex:none}.brand{border-right:1px solid var(--line);color:var(--text);align-items:center;gap:10px;padding:0 20px;text-decoration:none;display:flex}.brand:hover{color:var(--text);background:var(--hover)}.brand-mark{width:22px;height:22px;color:var(--text);flex:none;display:block}.brand-name{letter-spacing:-.01em;font-size:14px;font-weight:600}.brand-name span{color:var(--subtle)}.topbar-cell{border-right:1px solid var(--line);font-family:var(--mono);color:var(--muted);align-items:center;padding:0 16px;font-size:12px;display:flex}.topbar-spacer{flex:auto;min-width:0}.topbar-right{border-left:1px solid var(--line);align-items:center;gap:6px;padding:0 14px;display:flex}.mob-only{display:none!important}.menu-panel{z-index:60;background:var(--bg);border-bottom:1px solid var(--line-strong);flex-direction:column;max-height:calc(100dvh - 44px);display:flex;position:fixed;top:44px;left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px #00000080}.menu-panel section{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:16px;display:flex}.menu-panel section:first-child{border-top:none}.menu-panel h3{margin:0;font-size:14px;font-weight:600}.menu-games{border:1px solid var(--line);display:flex}.menu-games .game-tab{border-right:1px solid var(--line);flex:1 1 0;justify-content:center;height:40px}.menu-games .game-tab:last-child{border-right:none}.menu-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.topbar-btn{all:unset;box-sizing:border-box;cursor:pointer;border-left:1px solid var(--line);align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:500;display:flex;position:relative}.topbar-btn:hover{background:var(--hover)}.topbar-btn:focus-visible{outline:2px solid var(--text);outline-offset:-2px}.game-tabs{align-items:stretch;display:flex}.game-tab{all:unset;box-sizing:border-box;cursor:pointer;border-right:1px solid var(--line);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;padding:0 16px;font-size:12px;display:flex}.game-tab:hover{background:var(--hover)}.game-tab.viewing{background:var(--text);color:var(--bg)}.game-tab.locked{color:var(--faint);cursor:not-allowed}.game-tab.locked:hover{background:0 0}.game-tab .live{background:var(--green);width:6px;height:6px;animation:1.4s ease-in-out infinite dfBlink}.game-tab .done{color:var(--green)}.game-tab.viewing .done{color:#15803d}.spectators{border-left:1px solid var(--line);font-family:var(--mono);color:var(--text-2);align-items:center;gap:6px;padding:0 14px;font-size:12px;display:flex}.spectators svg{color:var(--muted)}.banner{text-align:center;background:var(--hover);border-bottom:1px solid var(--line);color:var(--text-2);flex:none;padding:8px 16px;font-size:13px}.banner.warn{color:#fff7e6;background:oklch(35% .08 70)}.teams{height:var(--head-h);grid-template-columns:minmax(0, 1fr) var(--status-w) minmax(0, 1fr);border-bottom:1px solid var(--line);flex:none;display:grid}.team{align-items:stretch;gap:16px;min-width:0;padding:0 20px 0 0;transition:background .2s;display:flex}.team.red{flex-direction:row-reverse;padding:0 0 0 20px}.team.active.blue{background:var(--blue-tint)}.team.active.red{background:var(--red-tint)}.team-bar{flex:none;width:4px}.team.blue .team-bar{background:var(--blue)}.team.red .team-bar{background:var(--red)}.team-body{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:4px;min-width:0;display:flex}.team.red .team-body{align-items:flex-end}.team-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.team.red .team-row{flex-direction:row-reverse}.team-name{font-size:var(--fs-team);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:600;overflow:hidden}.team.blue .team-name{color:color-mix(in oklab, var(--blue) 35%, var(--text))}.team.red .team-name{color:color-mix(in oklab, var(--red) 35%, var(--text))}.team-name-row{align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.team.red .team-name-row{flex-direction:row-reverse}.team-edit{all:unset;cursor:pointer;width:24px;height:24px;color:var(--subtle);opacity:0;flex:none;place-items:center;transition:opacity .12s,color .12s;display:grid}.team:hover .team-edit,.team-edit:focus-visible{opacity:1}.team-edit:hover{color:var(--text);background:var(--hover)}.team-edit:focus-visible{outline:2px solid var(--text);outline-offset:1px}@media (hover:none){.team-edit{opacity:.7}}.team-name-input{font:inherit;font-size:var(--fs-team);letter-spacing:-.02em;color:var(--text);background:var(--bg);border:1px solid var(--line-strong);width:min(100%,16em);height:1.5em;padding:0 6px;font-weight:600}.team.red .team-name-input{text-align:right}.team-name-input:focus{outline:2px solid var(--text);outline-offset:0}.seat-btn.team-pick{min-height:0}.presence{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.presence .dot{background:var(--green);color:var(--green)}.presence.away .dot{color:var(--muted)}.presence.empty .dot{background:var(--faint)}.status{border-left:1px solid var(--line);border-right:1px solid var(--line);flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:0 20px;display:flex}.status-top{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.status-text{flex-direction:column;gap:3px;min-width:0;display:flex}.status-title{align-items:center;gap:8px;min-width:0;font-size:15px;font-weight:600;display:flex}.status-title>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.timer{font-family:var(--mono);font-size:var(--fs-timer);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:500;line-height:1}.timer.low{color:var(--red)}.timer.idle{color:var(--faint)}.timeline{align-items:flex-end;gap:2px;height:12px;display:flex}.timeline>div{flex:1;transition:opacity .3s,filter .3s}.timeline>.todo{opacity:.3;filter:grayscale(.35)}.timeline>.now{outline:1px solid var(--text);outline-offset:1px;animation:1s ease-in-out infinite dfFlash}.timer-track{background:var(--hover);height:3px;overflow:hidden}.timer-fill{transform-origin:0;will-change:transform;height:100%;animation:dfBar var(--dur,0s) linear forwards}.timer-fill.static{transform:scaleX(var(--from,1));animation:none}.board{grid-template-columns:var(--side-w) minmax(0, 1fr) var(--side-w);flex:1;min-height:0;display:grid}.picks{flex-direction:column;min-height:0;display:flex;position:relative}.picks.blue{border-right:1px solid var(--line)}.picks.red{border-left:1px solid var(--line)}.picks.mine:before{content:"";z-index:3;width:4px;position:absolute;top:0;bottom:0}.picks.mine.blue:before{background:var(--blue);left:0}.picks.mine.red:before{background:var(--red);right:0}.pick{border-bottom:1px solid var(--line);background:var(--panel);flex-direction:row;flex:1;align-items:flex-end;gap:12px;min-height:56px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.picks.red .pick{flex-direction:row-reverse}.pick.blue{color:var(--blue)}.pick.red{color:var(--red)}.pick.active{animation:1.6s ease-in-out infinite dfPulse}.pick.active.selecting:after{content:"";pointer-events:none;opacity:.18;background-size:200% 100%;animation:2.4s linear infinite dfSelecting;position:absolute;inset:0}.pick.blue.active.selecting:after{background-image:linear-gradient(90deg, transparent, var(--blue), transparent)}.pick.red.active.selecting:after{background-image:linear-gradient(90deg, transparent, var(--red), transparent)}.pick.locked-now{animation:.4s ease-out dfLock}.pick-art{object-fit:cover;object-position:center 20%;width:100%;height:100%;position:absolute;inset:0}.pick-art.locked{filter:brightness(1.08)saturate(1.08)}.pick-shade{background:linear-gradient(90deg,#09090bb8 0%,#09090b4d 38%,#09090b00 65%);position:absolute;inset:0}.picks.red .pick-shade{background:linear-gradient(270deg,#09090bb8 0%,#09090b4d 38%,#09090b00 65%)}.pick-text{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex;position:relative}.picks.red .pick-text{align-items:flex-end}.pick-meta{color:var(--text-2);text-shadow:0 1px 6px #000c;align-items:center;gap:6px;display:flex}.picks.red .pick-meta{flex-direction:row-reverse}.pick-name{font-size:var(--fs-pick);letter-spacing:-.02em;color:var(--text);text-shadow:0 1px 10px #000000bf;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:600;overflow:hidden}.pick-name.dim{color:var(--muted)}.pick-name.none{color:var(--faint);font-size:15px;font-weight:500}.pick.pending{outline:1px dashed var(--muted);outline-offset:-5px}.pick-actions{z-index:2;gap:6px;display:flex;position:absolute;top:10px}.picks.blue .pick-actions{right:10px}.picks.red .pick-actions{left:10px}.pick .reveal{opacity:0;transition:opacity .15s}.pick:hover .reveal,.pick:focus-within .reveal{opacity:1}@media (hover:none){.pick .reveal{opacity:1}}.late-tag{font-family:var(--mono);letter-spacing:.08em;background:var(--gold);color:var(--bg);padding:1px 5px;font-size:10px}.center{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none;align-items:stretch;display:flex}.role-tabs{flex-wrap:wrap;display:flex}.role-tab{all:unset;box-sizing:border-box;cursor:pointer;border-right:1px solid var(--line);height:40px;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;padding:0 14px;font-size:12px;display:flex}.role-tab img{width:14px;height:14px}.role-tab:hover{background:var(--hover)}.role-tab.on{background:var(--text);color:var(--bg)}.role-tab.on img{filter:brightness(.2)}.role-tab:focus-visible{outline:2px solid var(--text);outline-offset:-2px}.search{flex:160px;min-width:0;position:relative}.search input{all:unset;box-sizing:border-box;width:100%;height:40px;padding:0 44px 0 14px;font-size:14px}.search input:focus{background:var(--panel-2)}.search kbd{font-family:var(--mono);color:var(--subtle);border:1px solid var(--line);padding:0 6px;font-size:11px;position:absolute;top:11px;right:12px}.note{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;flex:none;align-items:center;gap:10px;padding:8px 16px;font-size:12px;display:flex}.note .grow{flex:1;min-width:0}.grid-wrap{flex:1;min-height:0;padding:16px;overflow:hidden auto}.grid{grid-template-columns:repeat(auto-fill, minmax(var(--tile), 1fr));gap:12px 8px;display:grid}.tile{all:unset;cursor:pointer;flex-direction:column;gap:6px;min-width:0;display:flex}.tile:disabled,.tile[aria-disabled=true]{cursor:default}.tile-art{aspect-ratio:1;background:var(--hover);place-items:center;display:grid;position:relative;overflow:hidden}.tile-art .ini{color:var(--faint);font-size:13px;font-weight:600}.tile-art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.08)}.tile.none .tile-art img{transform:none}.tile-name{color:var(--muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(11px,.7vw,14px);overflow:hidden}.tile.sel .tile-art{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--text)}.tile.sel .tile-name{color:var(--text);font-weight:600}.tile.gone{opacity:.28}.tile.gone img{filter:grayscale()}.tile-chip{box-sizing:border-box;max-width:100%;font-family:var(--mono);background:var(--bg);color:var(--text);z-index:1;padding:1px 5px;font-size:10px;position:absolute;top:0;right:0;overflow:hidden}.tile:not(:disabled):not([aria-disabled=true]):hover .tile-name{color:var(--text)}.tile:focus-visible .tile-art{outline:2px solid var(--text);outline-offset:2px}.empty-results{text-align:center;color:var(--subtle);padding:48px 0;font-size:13px}.used{border-top:1px solid var(--line);flex:none;max-height:40%;overflow-y:auto}.used-head{justify-content:space-between;align-items:center;padding:6px 16px;display:flex}.used-row{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:6px 16px;display:grid}.used-row .icons{gap:4px;display:flex}.used-row .icons.right{justify-content:flex-end}.used-row img,.used-row .blank{object-fit:cover;background:var(--hover);width:28px;height:28px}.dock{grid-template-columns:var(--side-w) minmax(0, 1fr) var(--side-w);border-top:1px solid var(--line);flex:none;display:grid}.bans{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.bans.blue{border-right:1px solid var(--line)}.bans.red{border-left:1px solid var(--line);align-items:flex-end}.ban-row{gap:4px;width:100%;display:flex}.bans.red .ban-row{justify-content:flex-end}.ban{all:unset;box-sizing:border-box;flex:0 1 var(--ban);aspect-ratio:1;border:1px solid var(--line);background:var(--panel-2);place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.ban.blue{color:var(--blue)}.ban.red{color:var(--red)}.ban.gap{margin-left:10px}.ban.active{border-color:currentColor;animation:1.6s ease-in-out infinite dfPulse}.ban img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.1)}.ban.locked img{filter:grayscale();opacity:.55}.ban.empty img{opacity:.6;transform:none}.ban.pending{border:1px dashed var(--muted)}.ban.pending img{opacity:.4;filter:none}.ban-slash{background:var(--text-2);opacity:.8;width:120%;height:1.5px;position:absolute;top:50%;left:-10%;transform:rotate(-45deg)}.ban .late-tag{text-align:center;padding:0;font-size:8px;position:absolute;bottom:0;left:0;right:0}.ban.proposable{cursor:pointer}.ban.proposable:after{content:"+";color:var(--text);opacity:0;background:#09090b8c;place-items:center;font-size:18px;transition:opacity .15s;display:grid;position:absolute;inset:0}.ban.proposable:hover:after,.ban.proposable:focus-visible:after{opacity:1}@media (hover:none){.ban.proposable:after{opacity:.8}}.actionbar{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;padding:12px 16px;display:flex}.actionbar .info{flex:160px;align-items:center;gap:10px;min-width:0;display:flex}.actionbar .info img{object-fit:cover;width:40px;height:40px}.actionbar .hint{color:var(--subtle);font-size:13px}.backdrop{z-index:50;background:#0009;place-items:center;padding:16px;animation:.15s ease-out dfIn;display:grid;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--line);flex-direction:column;width:min(460px,100%);max-height:calc(100dvh - 32px);display:flex;box-shadow:0 24px 60px #0009}.modal.wide{width:min(880px,100%)}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 14px;display:flex}.modal-head h2{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.modal-head p{color:var(--muted);margin:4px 0 0;font-size:13px}.modal-body{flex-direction:column;gap:10px;padding:16px 20px;display:flex;overflow-y:auto}.modal-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.seat-btns{grid-template-columns:1fr 1fr;gap:8px;display:grid}.seat-btn{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--line);flex-direction:column;gap:6px;min-width:0;padding:14px;display:flex;position:relative}.seat-btn:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.seat-btn.blue:before{background:var(--blue)}.seat-btn.red:before{background:var(--red)}.seat-btn:hover:not(:disabled){background:var(--hover)}.seat-btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}.seat-btn:disabled{cursor:not-allowed;opacity:.55}.seat-btn.preselected{box-shadow:inset 0 0 0 1px var(--text)}.seat-btn .team{all:unset;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.seat-btn .state{color:var(--muted);font-size:12px}.seat-btn .state.you{color:var(--green)}.icon-btn{all:unset;cursor:pointer;width:28px;height:28px;color:var(--muted);flex:none;place-items:center;display:grid}.icon-btn:hover{color:var(--text);background:var(--hover)}.icon-btn:focus-visible{outline:2px solid var(--text)}.popover{background:var(--bg);border:1px solid var(--line);z-index:40;cursor:default;flex-direction:column;gap:14px;width:360px;max-width:calc(100vw - 16px);padding:16px;font-weight:400;display:flex;position:absolute;top:44px;right:0;box-shadow:0 16px 40px #0009}.popover h3{margin:0;font-size:14px;font-weight:600}.popover p{color:var(--muted);margin:4px 0 0;font-size:13px}.copy-row{display:flex}.copy-row .url{border:1px solid var(--line);min-width:0;height:32px;font-family:var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-right:none;flex:1;align-items:center;padding:0 10px;font-size:11px;display:flex;overflow:hidden}.copy-row button{all:unset;cursor:pointer;text-align:center;background:var(--text);width:68px;height:32px;color:var(--bg);font-size:12px;font-weight:600}.copy-row button:hover{background:var(--text-2)}.toggle-row{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.switch{all:unset;cursor:pointer;background:var(--line);flex:none;width:34px;height:18px;position:relative}.switch:after{content:"";background:var(--muted);width:14px;height:14px;transition:left .15s;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--text)}.switch[aria-checked=true]:after{background:var(--bg);left:18px}.switch:focus-visible{outline:2px solid var(--text);outline-offset:2px}input[type=range]{width:100%;accent-color:var(--text)}.toasts{z-index:60;pointer-events:none;flex-direction:column;gap:8px;width:min(440px,100vw - 32px);display:flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}html[data-bc] .toasts{top:64px;bottom:auto}.toast{background:var(--text);color:var(--bg);pointer-events:auto;padding:10px 14px;font-size:13px;font-weight:500;animation:.2s ease-out dfIn;box-shadow:0 12px 30px #00000080}.toast.error{background:var(--red);color:#fff}.legal{color:var(--subtle);border-top:1px solid var(--line);padding:16px 20px;font-size:11px;line-height:1.5}.grid-wrap .legal{color:var(--faint);margin:24px -16px -16px;padding:12px 16px;font-size:10px}.page{flex-direction:column;min-height:100dvh;display:flex}.create{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:32px 16px;display:flex}.create-card{border:1px solid var(--line);background:var(--bg);width:min(560px,100%)}.create-form{flex-direction:column;gap:20px;padding:28px;display:flex}.create-form h1{letter-spacing:-.03em;margin:0;font-size:28px;font-weight:600}.create-form .lede{color:var(--muted);margin:6px 0 0;font-size:14px}.settings{grid-template-columns:1fr 1fr;gap:20px 16px;display:grid}.join{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:20px 28px;display:flex}.join-row{display:flex}.join-row .input{font-family:var(--mono);border-right:none}.join-row .btn{height:40px}.recent{flex-direction:column;display:flex}.recent a{border-top:1px solid var(--line);color:var(--text);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 0;text-decoration:none;display:grid}.recent a:hover{background:var(--hover)}.recent .code{font-family:var(--mono);color:var(--muted);font-size:12px}.recent .recent-teams{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.recent .when{color:var(--subtle);white-space:nowrap;font-size:12px}.hint-text{color:var(--subtle);margin:0;font-size:12px}.field{flex-direction:column;gap:8px;display:flex}.err{color:var(--red);font-size:12px}.field-label{align-items:center;gap:8px;display:flex}.team-inputs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.seg{border:1px solid var(--line);flex-wrap:wrap;width:fit-content;max-width:100%;display:flex}.seg button{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;min-width:44px;height:36px;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-right:1px solid var(--line);padding:0 14px;font-size:12px}.seg button:last-child{border-right:none}.seg button:hover:not(:disabled){background:var(--hover);color:var(--text)}.seg button[aria-pressed=true]{background:var(--text);color:var(--bg)}.seg button:disabled{color:var(--faint);cursor:not-allowed}.seg button:focus-visible{outline:2px solid var(--text);outline-offset:-2px}.disabled-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px 8px;display:grid}.center-page{text-align:center;flex:1;place-items:center;padding:40px 20px;display:grid}.center-page h1{font-size:64px;font-family:var(--mono);letter-spacing:-.04em;margin:0;font-weight:500}.center-page p{color:var(--muted)}@media (width<=1023px){:root{--tile:58px;--ban:40px;--fs-timer:30px}.app{height:auto;min-height:100dvh;overflow:visible}.desk-only{display:none!important}.mob-only{display:flex!important}.teams{grid-template-columns:1fr 1fr;height:auto}.teams .status{border:none;border-top:1px solid var(--line);grid-area:2/1/auto/-1;padding:10px 16px}.team{gap:10px;padding:10px 12px 10px 0}.team.red{padding:10px 0 10px 12px}.team-name{font-size:17px}.board{flex-direction:column;flex:none;display:flex}.board>.center{order:2}.picks{flex-direction:row;border:none!important;border-bottom:1px solid var(--line)!important}.picks.red{flex-direction:row-reverse}.picks.mine:before{width:auto;height:3px;top:auto;bottom:0;left:0!important;right:0!important}.pick,.picks.red .pick{border-bottom:none;border-right:1px solid var(--line);flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:stretch;gap:2px;min-width:0;min-height:76px;padding:6px}.pick-text,.picks.red .pick-text{align-items:flex-start}.pick-name{font-size:12px}.pick-name.none{font-size:11px}.pick-meta,.picks.red .pick-meta{flex-direction:row;font-size:10px}.pick-shade,.picks.red .pick-shade{background:linear-gradient(#09090b1a 35%,#09090bd1 100%)}.pick-actions{top:4px;left:4px!important;right:4px!important}.pick-actions .btn{height:24px;padding:0 6px;font-size:10px}.center{min-height:auto;overflow:visible}.used{max-height:none}.grid-wrap{flex:none;max-height:56vh}.dock{background:var(--bg);z-index:20;grid-template-columns:1fr 1fr;position:sticky;bottom:0}.dock .actionbar{border-top:1px solid var(--line);grid-area:2/1/auto/-1;padding:10px 12px}.bans{gap:4px;padding:8px 12px}.bans .label{display:none}.actionbar .btn.primary{flex:auto;min-width:0}.toasts{bottom:150px}.create{justify-content:flex-start;padding:16px}.create-form{padding:20px 16px}.join{padding:16px}}@media (width<=520px){.team-inputs,.settings{grid-template-columns:1fr}.role-tabs{flex:100%}.role-tab{flex:1 1 0;justify-content:center;padding:0 6px}.role-tab:not(:first-child) .role-label{display:none}.used-row{gap:8px;padding:6px 12px}.used-row img,.used-row .blank{width:22px;height:22px}.seat-btns{grid-template-columns:1fr}.actionbar .info{flex-basis:100%}.ban.gap{margin-left:4px}}html[data-bc=transparent],html[data-bc=transparent] body{background:0 0}html[data-bc=green],html[data-bc=green] body,.bc.bg-green{background:#0f0}.bc{--u:min(1vw, 1.7778vh);color:#fff;font-family:var(--sans);position:fixed;inset:0;overflow:hidden}.bc.bg-splash{background:#050507}.bc.bg-dark{background:radial-gradient(120% 90% at 50% 10%,#1a1b22 0%,#09090b 60%)}.bc.bg-transparent{background:0 0}.bc-bg{background:radial-gradient(120% 90% at 50% 10%,#1a1b22 0%,#050507 60%);position:absolute;inset:0}.bc-bg:after{content:"";background:linear-gradient(#05050700 30%,#0505071a 55%,#050507d9 100%);position:absolute;inset:0}.bc-splash{object-fit:cover;object-position:center 25%;width:100%;height:100%;transition:filter .5s ease-out;animation:.6s ease-out both bcFade;position:absolute;inset:0}.bc-splash.ban:not(.hovering){filter:grayscale()brightness(.55)}.bc-splash.hovering{animation:.6s ease-out both bcFade,1.6s ease-in-out .6s infinite bcSplashPulse}.bc-caption.hovering .bc-caption-name{animation:1.6s ease-in-out infinite bcPulse}@keyframes bcSplashPulse{0%,to{opacity:1}50%{opacity:.62}}.bc-caption{margin:0 0 calc(2.5 * var(--u)) calc(3 * var(--u));align-self:flex-start;gap:calc(.4 * var(--u));text-shadow:0 2px 18px #000c;flex-direction:column;animation:.5s ease-out both bcRise;display:flex}.bc-caption-label{font-family:var(--mono);font-size:calc(1.1 * var(--u));letter-spacing:.08em;text-transform:uppercase}.bc-caption-name{font-size:calc(4.6 * var(--u));letter-spacing:-.02em;font-weight:700;line-height:1}@keyframes bcFade{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}@keyframes bcRise{0%{opacity:0;transform:translateY(calc(1 * var(--u)))}to{opacity:1;transform:none}}@keyframes bcPulse{0%,to{opacity:1}50%{opacity:.55}}.bc-bottom{flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.bc-banbar{align-items:end;gap:calc(1 * var(--u));padding:0 calc(1 * var(--u)) calc(.8 * var(--u));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.bc-bans.red{justify-self:end}.bc-bans{gap:calc(1.4 * var(--u));display:flex}.bc-ban-group{gap:calc(.3 * var(--u));display:flex}.bc-ban{width:calc(4.2 * var(--u));height:calc(4.2 * var(--u));background:#0c0c10c7;border:1px solid #ffffff1f;position:relative;overflow:hidden}.bc-ban img{object-fit:cover;width:100%;height:100%;display:block}.bc-ban img.in{filter:grayscale()brightness(.8);animation:.35s ease-out both bcFade}.bc-ban img.hovering{opacity:.55}.bc-ban.active{border-color:var(--side);box-shadow:0 0 calc(1.2 * var(--u)) color-mix(in oklab, var(--side) 60%, transparent);animation:1.2s ease-in-out infinite bcPulse}.bc-slash{background:linear-gradient(to top right,#0000 calc(50% - 1px),#ffffffd9 50%,#0000 calc(50% + 1px));position:absolute;inset:0}.bc-ban.active .bc-slash{opacity:.4}.bc-timer.timer-track{height:calc(.35 * var(--u));background:#ffffff14;min-height:2px}.bc-timer .timer-fill{transform-origin:50%}.bc-strip{grid-template-columns:minmax(0, 1fr) calc(22 * var(--u)) minmax(0, 1fr);height:calc(16 * var(--u));background:#09090cf0;display:grid}.bc-picks{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.bc-picks.divided{grid-template-columns:repeat(3, minmax(0, 1fr)) calc(.8 * var(--u)) repeat(2, minmax(0, 1fr))}.bc-gap{background:#05050799}.bc-card-role{z-index:2;width:calc(2.6 * var(--u));height:calc(2.6 * var(--u));opacity:.35;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.bc.still *,.bc.still :before{transition:none!important;animation:none!important}.bc-first{margin-left:calc(.5 * var(--u));padding:0 calc(.35 * var(--u));background:var(--gold);color:#000;letter-spacing:.06em;font-weight:700}.bc-display{width:260px;top:calc(100% + 6px);right:0}.bc-display p{color:var(--subtle);margin:0;font-size:11px}.bc-card{background:linear-gradient(to top, color-mix(in oklab, var(--side) 22%, #0c0c10) 0%, #0c0c10 70%);border-right:1px solid #ffffff14;position:relative;overflow:hidden}.bc-picks.red .bc-card{border-left:1px solid #ffffff14;border-right:none}.bc-art{object-fit:cover;object-position:center 18%;width:100%;height:100%;position:absolute;inset:0}.bc-art.in{animation:.45s ease-out both bcFade}.bc-art.hovering{opacity:.5;filter:grayscale(.35)}.bc-card-shade{pointer-events:none;background:linear-gradient(#0000 55%,#000c 100%);position:absolute;inset:0}.bc-card.active{box-shadow:inset 0 0 0 calc(.25 * var(--u)) var(--side)}.bc-card.active:before{content:"";z-index:1;background:linear-gradient(to top, color-mix(in oklab, var(--side) 65%, transparent) 0%, transparent 60%);pointer-events:none;animation:1.4s ease-in-out infinite bcPulse;position:absolute;inset:0}.bc-card-name{z-index:2;left:calc(.7 * var(--u));bottom:calc(.8 * var(--u));max-height:calc(100% - 1.6 * var(--u));writing-mode:vertical-rl;font-size:calc(1.5 * var(--u));letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 8px #000000e6;font-weight:700;position:absolute;overflow:hidden;transform:rotate(180deg)}.bc-card:not(.locked) .bc-card-name{opacity:.75}.bc-card-empty{z-index:2;font-family:var(--mono);font-size:calc(.9 * var(--u));color:#ffffff59;text-transform:uppercase;letter-spacing:.08em;place-items:center;display:grid;position:absolute;inset:0}.bc-card-slot{z-index:2;right:calc(.6 * var(--u));bottom:calc(.7 * var(--u));gap:calc(.4 * var(--u));font-family:var(--mono);font-size:calc(.85 * var(--u));color:#ffffffb3;align-items:center;display:flex;position:absolute}.bc-card-slot b{padding:0 calc(.3 * var(--u));background:var(--gold);color:#000;font-weight:700}.bc-center{padding:calc(1.1 * var(--u)) calc(1 * var(--u));background:linear-gradient(90deg, color-mix(in oklab, var(--blue) 22%, #0d0d12), #0d0d12 35%, #0d0d12 65%, color-mix(in oklab, var(--red) 22%, #0d0d12));border-left:1px solid #ffffff1a;border-right:1px solid #ffffff1a;flex-direction:column;justify-content:space-between;align-items:stretch;display:flex}.bc-phase{text-align:center;font-family:var(--mono);font-size:calc(.95 * var(--u));letter-spacing:.12em;text-transform:uppercase;color:#ffffffbf}.bc-vs{align-items:start;gap:calc(1 * var(--u));grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.bc-team{gap:calc(.3 * var(--u));flex-direction:column;min-width:0;display:flex}.bc-team.red{text-align:right}.bc-team-side{font-family:var(--mono);font-size:calc(.75 * var(--u));letter-spacing:.1em;text-transform:uppercase}.bc-team.blue .bc-team-side{color:color-mix(in oklab, var(--blue) 75%, white)}.bc-team.red .bc-team-side{color:color-mix(in oklab, var(--red) 75%, white)}.bc-team-name{font-size:calc(1.7 * var(--u));letter-spacing:-.01em;-webkit-line-clamp:2;overflow-wrap:break-word;-webkit-box-orient:vertical;font-weight:700;line-height:1.05;display:-webkit-box;overflow:hidden}.bc-team-name.long{font-size:calc(1.35 * var(--u))}.bc-mid{justify-content:center;align-items:center;gap:calc(.8 * var(--u));display:flex}.bc-clock{font-family:var(--mono);font-size:calc(3 * var(--u));font-variant-numeric:tabular-nums;font-weight:500;line-height:1}.bc-clock.low{color:#ff6b6b}.bc-clock.late{color:var(--gold)}.bc-clock.idle{font-size:calc(1.8 * var(--u));color:#fff9;font-weight:700}.bc-arrow{font-size:calc(1.2 * var(--u));line-height:1;animation:1.2s ease-in-out infinite bcPulse}.bc-arrow.off{visibility:hidden;animation:none}.bc-arrow.blue{color:var(--blue)}.bc-arrow.red{color:var(--red)}.bc-foot{justify-content:center;gap:calc(1 * var(--u));font-family:var(--mono);font-size:calc(.8 * var(--u));letter-spacing:.08em;text-transform:uppercase;color:#fff9;display:flex}.bc-series.top{top:calc(1.2 * var(--u));position:absolute;left:50%;transform:translate(-50%)}.bc-series{align-items:center;gap:calc(.4 * var(--u));padding:calc(.6 * var(--u)) calc(1 * var(--u));background:#09090ce0;border:1px solid #ffffff1a;flex-direction:column;display:flex}.bc-series-title{font-family:var(--mono);font-size:calc(.8 * var(--u));letter-spacing:.12em;text-transform:uppercase;color:#ffffffbf}.bc-series-row{align-items:center;gap:calc(.8 * var(--u));font-family:var(--mono);font-size:calc(.8 * var(--u));color:#fff9;display:flex}.bc-series-icons{gap:calc(.2 * var(--u));padding-bottom:calc(.2 * var(--u));display:flex}.bc-series-icons.blue{border-bottom:2px solid var(--blue)}.bc-series-icons.red{border-bottom:2px solid var(--red)}.bc-series-icons img,.bc-series-icons .blank{width:calc(2.2 * var(--u));height:calc(2.2 * var(--u));object-fit:cover;background:#ffffff0f;display:block}.bc-controls{z-index:10;border:1px solid var(--line-strong);opacity:0;pointer-events:none;background:#09090beb;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;max-width:calc(100vw - 24px);padding:8px;transition:opacity .25s;display:flex;position:absolute;top:12px;right:12px}.bc-controls.shown{opacity:1;pointer-events:auto}.bc-controls .seg button{height:28px;padding:0 10px;font-size:12px}.bc-offline{z-index:10;background:var(--red);color:#fff;font-family:var(--mono);padding:4px 10px;font-size:12px;position:absolute;top:12px;left:12px}@media (prefers-reduced-motion:reduce){.bc-card.active:before,.bc-ban.active,.bc-arrow,.bc-splash.hovering,.bc-caption.hovering .bc-caption-name{animation:none!important}}.tip{text-transform:none;letter-spacing:0;margin-left:2px;display:inline-flex;position:relative}.tip-btn{border:1px solid var(--line-strong);width:15px;height:15px;color:var(--muted);font:600 10px/1 var(--sans);cursor:help;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.tip-btn:hover,.tip-btn:focus-visible{color:var(--text);border-color:var(--text)}.tip-bubble{background:var(--panel-2);border:1px solid var(--line-strong);width:280px;max-width:calc(100vw - 32px);color:var(--text);font:400 12px/1.5 var(--sans);z-index:50;visibility:hidden;opacity:0;pointer-events:none;padding:10px 12px;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.tip-bubble b{font-weight:600}.tip:hover .tip-bubble,.tip:focus-within .tip-bubble{visibility:visible;opacity:1}.name-field{flex-direction:column;gap:6px;display:flex}.name-row{align-items:center;gap:8px;display:flex}.name-row .input{flex:1;min-width:0;height:36px}.name-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.check{color:var(--text-2);cursor:pointer;align-items:center;gap:8px;width:fit-content;font-size:13px;display:flex}.check input{width:15px;height:15px;accent-color:var(--text);margin:0}.menu-pop{gap:0;width:380px;max-height:calc(100dvh - 60px);padding:0;overflow-y:auto}.menu-pop section,.menu-panel section{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:16px;display:flex}.menu-pop section:first-child{border-top:none}.menu-actions{flex-wrap:wrap;gap:6px;display:flex}.menu-note{color:var(--text-2);margin:0;font-size:13px}.menu-hint{color:var(--subtle);margin:0;font-size:12px}.topbar-btn.spectators{gap:6px;padding:0 14px}.people-pop{width:320px}.people{flex-direction:column;gap:8px;display:flex}.people ul{flex-direction:column;gap:6px;margin:0 0 6px;padding:0;list-style:none;display:flex}.people li{align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.people li>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.people-side{flex:none;width:8px;height:8px}.people-team{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.people-name{white-space:nowrap;text-overflow:ellipsis;max-width:45%;font-weight:600;overflow:hidden}.people .anon,.people-name.anon{color:var(--subtle);font-style:italic;font-weight:400}.people .chip.you{padding:0 6px}.drafter-name{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:14ch;font-size:12px;font-weight:600;overflow:hidden}.tab-anchor{display:flex;position:relative}.callout{z-index:45;background:var(--panel-2);border:1px solid color-mix(in oklab, var(--gold) 60%, transparent);white-space:nowrap;font-family:var(--sans);text-transform:none;letter-spacing:0;align-items:stretch;animation:.25s ease-out both calloutIn;display:flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0000008c}.callout:before{content:"";background:var(--panel-2);border-left:1px solid color-mix(in oklab, var(--gold) 60%, transparent);border-top:1px solid color-mix(in oklab, var(--gold) 60%, transparent);width:10px;height:10px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.callout-main{all:unset;cursor:pointer;flex-direction:column;gap:2px;padding:9px 12px;font-size:13px;display:flex}.callout-main b{color:var(--gold);font-weight:600}.callout-main span{color:var(--muted);font-size:11px}.callout-main:hover b{text-decoration:underline}.callout-x{all:unset;cursor:pointer;color:var(--subtle);border-left:1px solid var(--line);align-items:center;padding:0 10px;font-size:16px;display:flex}.callout-x:hover{color:var(--text)}@keyframes calloutIn{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}@media (width<=1023px){.callout{animation:none;left:0;transform:none}.callout:before{left:24px}}.strip{border-top:1px solid var(--line);color:var(--text);background:color-mix(in oklab, var(--gold) 14%, var(--bg));flex-wrap:wrap;flex:none;align-items:center;gap:10px;padding:10px 16px;font-size:13px;animation:.2s ease-out dfIn;display:flex}.strip.quiet{background:color-mix(in oklab, var(--gold) 6%, var(--bg));color:var(--text-2)}.strip .grow{flex:1;min-width:200px}.strip img{object-fit:cover;vertical-align:middle;width:28px;height:28px}.closing-note{font-family:var(--mono);color:var(--gold);margin-top:2px;font-size:11px;display:block}.center{position:relative}.paused-veil{z-index:5;pointer-events:none;background:#09090b73;place-items:center;display:grid;position:absolute;inset:0}.paused-veil>span{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border:1px solid color-mix(in oklab, var(--gold) 50%, transparent);background:var(--bg);padding:8px 14px;font-size:13px}.paused-veil>span.resuming{color:var(--text);border-color:var(--gold);padding:12px 20px;font-size:18px}.share-btns{flex-wrap:wrap;gap:6px;display:flex}.bc-caption-skin{font-size:calc(1.3 * var(--u));color:#ffffffbf}button.topbar-cell{border:0;border-right:1px solid var(--line);cursor:pointer;background:0 0;border-radius:0;height:100%}button.topbar-cell:hover{color:var(--text);background:var(--hover)}button.topbar-cell:focus-visible{outline:2px solid var(--text);outline-offset:-2px}.copy-code{font-family:var(--mono);position:relative}.copied-tip{z-index:50;pointer-events:none;background:var(--text);color:var(--bg);font:600 11px/1.2 var(--sans);white-space:nowrap;letter-spacing:0;text-transform:none;padding:4px 8px;animation:.12s ease-out tipIn;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.copied-tip:before{content:"";background:var(--text);width:8px;height:8px;position:absolute;top:-4px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes tipIn{0%{opacity:0;transform:translate(-50%,-3px)}to{opacity:1;transform:translate(-50%)}}.late-callout{z-index:30;background:var(--bg);border:1px solid var(--gold);color:var(--text);font:500 12px/1.3 var(--sans);letter-spacing:0;text-transform:none;white-space:nowrap;flex-direction:column;align-items:flex-start;gap:6px;padding:8px 10px;animation:.2s ease-out lateIn;display:flex;position:absolute;box-shadow:0 10px 28px #0000008c}@keyframes lateIn{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0}}.late-callout-title{align-items:baseline;gap:8px;font-weight:600;display:flex}.late-callout-time{font-family:var(--mono);color:var(--gold);font-size:11px;font-weight:500}.late-callout.at-pick{top:50%;left:50%;transform:translate(-50%,-50%)}.ban-anchor{flex:0 1 var(--ban);min-width:0;display:flex;position:relative}.ban-anchor>.ban{flex:auto}.ban-anchor.gap{margin-left:10px}.ban-anchor>.ban.gap{margin-left:0}.late-callout.at-ban{bottom:calc(100% + 10px)}.ban-anchor.blue .late-callout{left:0}.ban-anchor.red .late-callout{right:0}.late-callout.at-ban:after{content:"";background:var(--bg);border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);width:8px;height:8px;margin-top:-4px;position:absolute;top:100%;transform:rotate(45deg)}.ban-anchor.blue .late-callout:after{left:calc(var(--ban) / 2 - 5px)}.ban-anchor.red .late-callout:after{right:calc(var(--ban) / 2 - 5px)}