@font-face{font-family:Geist Fallback;font-weight:400 500;src:local(Arial),local(ArialMT),local(Liberation Sans),local(Helvetica);size-adjust:104.6%;ascent-override:96%;descent-override:28.2%;line-gap-override:0%}@font-face{font-family:Geist Fallback;font-weight:600 700;src:local(Arial Bold),local(Arial-BoldMT),local(Liberation Sans Bold),local(Helvetica Bold);size-adjust:104.6%;ascent-override:96%;descent-override:28.2%;line-gap-override:0%}@font-face{font-family:Geist Mono Fallback;font-weight:400 500;src:local(Courier New),local(CourierNewPSMT),local(Liberation Mono),local(Courier);size-adjust:100%;ascent-override:100.5%;descent-override:29.5%;line-gap-override:0%}@font-face{font-family:Geist Mono Fallback;font-weight:600 700;src:local(Courier New Bold),local(CourierNewPS-BoldMT),local(Liberation Mono Bold),local(Courier Bold);size-adjust:100%;ascent-override:100.5%;descent-override:29.5%;line-gap-override:0%}: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(12.5rem, 17vw, 27.5rem);--status-w:clamp(18.75rem, 26vw, 35rem);--head-h:clamp(5.25rem, 9.5vh, 7.5rem);--fs-team:clamp(1.125rem, 1.35vw, 1.875rem);--fs-pick:clamp(1rem, 1.2vw, 1.75rem);--fs-timer:clamp(1.75rem, 2.1vw, 2.875rem);--tile:clamp(3.75rem, 4.2vw, 6.25rem);--ban:clamp(2.25rem, 2.6vw, 3.75rem);--sans:"Geist", "Geist Fallback", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Noto Sans Arabic", "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", Arial, sans-serif;--mono:"Geist Mono", "Geist Mono Fallback", ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", "Courier New", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:clamp(100%,min(.833333vw,1.48148vh),200%)}html,body{background:var(--bg);color:var(--text);margin:0}body{font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:.875rem}a{color:var(--text);text-underline-offset:.1875rem;text-decoration:underline}a:hover{color:var(--muted)}button{font:inherit;color:inherit}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:var(--line)}::-webkit-scrollbar-track{background:0 0}input::placeholder{color:var(--subtle)}:focus-visible{outline:.125rem solid var(--text);outline-offset:.125rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:.0625rem;height:.0625rem;position:fixed;top:0;left:0;overflow:hidden}@keyframes dfPulse{0%,to{box-shadow:inset 0 0 0 .0625rem}50%{box-shadow:inset 0 0 0 .1875rem}}@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(.375rem)}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:.6875rem}.chip{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);border:.0625rem solid var(--line-strong);white-space:nowrap;padding:.1875rem .5rem;font-size:.6875rem}.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:.0625rem solid var(--line);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;height:2.5rem;padding:0 1rem;font-size:.8125rem;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--hover)}.btn:focus-visible{outline:.125rem solid var(--text);outline-offset:.125rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sm{height:1.75rem;padding:0 .625rem;font-size:.75rem}.btn.primary{background:var(--text);color:var(--bg);border-color:var(--text);min-width:10rem;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:0 1.25rem;font-size:.75rem}.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:.1875rem;font-size:.75rem;text-decoration:underline}.linkish:hover{color:var(--text)}.linkish:focus-visible{outline:.125rem solid var(--text);outline-offset:.125rem}.dot{flex:none;width:.5rem;height:.5rem;display:inline-block}.dot.hollow{box-shadow:inset 0 0 0 .09375rem;background:0 0!important}.input{all:unset;box-sizing:border-box;border:.0625rem solid var(--line);background:var(--bg);width:100%;height:2.5rem;padding:0 .75rem;font-size:.875rem}.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:35rem;display:flex;overflow:hidden}.topbar{border-bottom:.0625rem solid var(--line);flex:none;align-items:stretch;min-width:0;height:2.75rem;display:flex}.topbar>*{flex:none}.brand{border-right:.0625rem solid var(--line);color:var(--text);align-items:center;gap:.625rem;padding:0 1.25rem;text-decoration:none;display:flex}.brand:hover{color:var(--text);background:var(--hover)}.brand-mark{width:1.375rem;height:1.375rem;color:var(--text);flex:none;display:block}.brand-name{letter-spacing:-.01em;font-size:.875rem;font-weight:600}.brand-name span{color:var(--subtle)}.topbar-cell{border-right:.0625rem solid var(--line);font-family:var(--mono);color:var(--muted);align-items:center;padding:0 1rem;font-size:.75rem;display:flex}.topbar-spacer{flex:auto;justify-content:center;align-items:center;min-width:0;padding:0 .5rem;display:flex;overflow:hidden}.topbar-right{border-left:.0625rem solid var(--line);flex-wrap:wrap;flex:0 100 auto;align-content:flex-start;align-items:center;column-gap:.375rem;min-width:0;height:2.75rem;padding:0 .875rem;display:flex;overflow:hidden}.topbar-right>.chip{margin:.75rem 0}.topbar-notice{border:.0625rem solid var(--line-strong);background:var(--hover);min-width:0;max-width:100%;height:1.875rem;color:var(--text);align-items:center;gap:.5rem;padding:0 .25rem 0 .625rem;font-size:.75rem;display:inline-flex}.topbar-notice.warn{color:#fff7e6;background:oklch(35% .08 70);border-color:oklch(45% .1 70);padding:0 .625rem}.topbar-notice .notice-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.topbar-notice .btn.sm{flex:none;height:1.5rem}.notice-x{all:unset;cursor:pointer;text-align:center;width:1.375rem;color:var(--muted);flex:none;font-size:1rem}.notice-x:hover{color:var(--text)}.notice-x:focus-visible{outline:.125rem solid var(--text)}.stack-label{font-size:.75rem;display:inline-grid}.stack-label>*{grid-area:1/1}.stack-label>.off{visibility:hidden}.stack-label>.hint{color:var(--muted)}.invisible{visibility:hidden}.spectators .count{font-variant-numeric:tabular-nums;min-width:3ch}@media (width<=1279px){.tb-label{display:none}}.mob-only{display:none!important}.menu-panel{z-index:60;background:var(--bg);border-bottom:.0625rem solid var(--line-strong);flex-direction:column;max-height:calc(100dvh - 2.75rem);display:flex;position:fixed;top:2.75rem;left:0;right:0;overflow-y:auto;box-shadow:0 1rem 2.5rem #00000080}.menu-panel section{border-top:.0625rem solid var(--line);flex-direction:column;gap:.625rem;padding:1rem;display:flex}.menu-panel section:first-child{border-top:none}.menu-panel h3{margin:0;font-size:.875rem;font-weight:600}.menu-games{border:.0625rem solid var(--line);display:flex}.menu-games .game-tab{border-right:.0625rem solid var(--line);flex:1 1 0;justify-content:center;height:2.5rem}.menu-games .game-tab:last-child{border-right:none}.menu-row{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.topbar-btn{all:unset;box-sizing:border-box;cursor:pointer;border-left:.0625rem solid var(--line);align-items:center;gap:.5rem;padding:0 1rem;font-size:.8125rem;font-weight:500;display:flex;position:relative}.topbar-btn:hover{background:var(--hover)}.topbar-btn:focus-visible{outline:.125rem solid var(--text);outline-offset:-.125rem}.game-tabs{align-items:stretch;display:flex}.game-tab{all:unset;box-sizing:border-box;cursor:pointer;border-right:.0625rem solid var(--line);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.5rem;padding:0 1rem;font-size:.75rem;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 .tab-status{flex:none;place-items:center;width:.75rem;height:.75rem;display:grid}.game-tab .tab-status svg{width:.75rem;height:.75rem}.game-tab .live{background:var(--green);width:.375rem;height:.375rem;animation:1.4s ease-in-out infinite dfBlink}.game-tab .done{color:var(--green)}.game-tab.viewing .done{color:#15803d}.spectators{border-left:.0625rem solid var(--line);font-family:var(--mono);color:var(--text-2);align-items:center;gap:.375rem;padding:0 .875rem;font-size:.75rem;display:flex}.spectators svg{color:var(--muted)}.banner{text-align:center;background:var(--hover);border-bottom:.0625rem solid var(--line);color:var(--text-2);flex:none;padding:.5rem 1rem;font-size:.8125rem}.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:.0625rem solid var(--line);flex:none;display:grid}.team{align-items:stretch;gap:1rem;min-width:0;padding:0 1.25rem 0 0;transition:background .2s;display:flex}.team.red{flex-direction:row-reverse;padding:0 0 0 1.25rem}.team.active.blue{background:var(--blue-tint)}.team.active.red{background:var(--red-tint)}.team-bar{flex:none;width:.25rem}.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:.25rem;min-width:0;display:flex}.team.red .team-body{align-items:flex-end}.team-row{flex-wrap:wrap;align-items:center;gap:.5rem;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:.375rem;min-width:0;max-width:100%;display:flex}.team.red .team-name-row{flex-direction:row-reverse}.team-edit{all:unset;cursor:pointer;width:1.5rem;height:1.5rem;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:.125rem solid var(--text);outline-offset:.0625rem}@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:.0625rem solid var(--line-strong);width:min(100%,16em);height:1.5em;padding:0 .375rem;font-weight:600}.team.red .team-name-input{text-align:right}.team-name-input:focus{outline:.125rem solid var(--text);outline-offset:0}.seat-btn.team-pick{min-height:0}.team{position:relative}.seat-callout{z-index:40;width:min(21.25rem,100vw - 2rem);color:var(--text);background:color-mix(in oklab, var(--gold) 14%, var(--bg));border:.0625rem solid color-mix(in oklab, var(--gold) 45%, var(--line));flex-direction:column;gap:.5rem;padding:.625rem .75rem;font-size:.8125rem;animation:.2s ease-out dfIn;display:flex;position:absolute;top:calc(100% + .5rem);left:1rem;box-shadow:0 .5rem 1.5rem #00000059}.seat-callout:before{content:"";background:inherit;border-left:inherit;border-top:inherit;width:.625rem;height:.625rem;position:absolute;top:-.375rem;left:1.5rem;rotate:45deg}.team.red .seat-callout{left:auto;right:1rem}.team.red .seat-callout:before{left:auto;right:1.5rem}.seat-callout-actions{gap:.5rem;display:flex}.team.red .seat-callout-actions{justify-content:flex-end}.spectate-row{border:.0625rem solid var(--line);background:var(--hover);color:var(--text-2);align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.8125rem;display:flex}.spectate-row .grow{flex:1;min-width:0}.or-divider{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--subtle);align-items:center;gap:.625rem;font-size:.6875rem;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--line);flex:1;height:.0625rem}.confirm-take{flex-direction:column;gap:.75rem;font-size:.875rem;display:flex}.confirm-take p{margin:0;line-height:1.5}.confirm-take .actions{flex-direction:column;gap:.5rem;display:flex}.people .has-aliases{-webkit-text-decoration:underline dotted var(--subtle);text-decoration:underline dotted var(--subtle);text-underline-offset:.1875rem;cursor:help}.presence{color:var(--muted);white-space:nowrap;align-items:center;gap:.375rem;font-size:.75rem;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:.0625rem solid var(--line);border-right:.0625rem solid var(--line);flex-direction:column;justify-content:center;gap:.5rem;min-width:0;padding:0 1.25rem;display:flex}.status-top{justify-content:space-between;align-items:flex-end;gap:.75rem;display:flex}.status-text{flex-direction:column;gap:.1875rem;min-width:0;display:flex}.status-title{align-items:center;gap:.5rem;min-width:0;font-size:.9375rem;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:.125rem;height:.75rem;display:flex}.timeline>div{flex:1;transition:opacity .3s,filter .3s}.timeline>.todo{opacity:.3;filter:grayscale(.35)}.timeline>.now{outline:.0625rem solid var(--text);outline-offset:.0625rem;animation:1s ease-in-out infinite dfFlash}.timer-track{background:var(--hover);height:.1875rem;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:.0625rem solid var(--line)}.picks.red{border-left:.0625rem solid var(--line)}.picks.mine:before{content:"";z-index:3;width:.25rem;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:.0625rem solid var(--line);background:var(--panel);flex-direction:row;flex:1;align-items:flex-end;gap:.75rem;min-height:3.5rem;padding:.875rem 1rem;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:.25rem;min-width:0;display:flex;position:relative}.picks.red .pick-text{align-items:flex-end}.pick-meta{color:var(--text-2);text-shadow:0 .0625rem .375rem #000c;align-items:center;gap:.375rem;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 .0625rem .625rem #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:.9375rem;font-weight:500}.pick.pending{outline:.0625rem dashed var(--muted);outline-offset:-.3125rem}.pick.undoing{outline:.0625rem dashed var(--gold);outline-offset:-.3125rem}.pick-actions{z-index:2;gap:.375rem;display:flex;position:absolute;top:.625rem}.picks.blue .pick-actions{right:.625rem}.picks.red .pick-actions{left:.625rem}.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:.0625rem .3125rem;font-size:.625rem}.role-chip{all:unset;box-sizing:border-box;border:.0625rem solid var(--line-strong);height:1.75rem;color:var(--text);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;text-shadow:none;white-space:nowrap;background:#09090bb8;align-items:center;gap:.375rem;padding:0 .5rem 0 .375rem;font-size:.75rem;display:inline-flex;position:relative}.role-chip img{flex:none;width:1.125rem;height:1.125rem}.role-chip.edit{cursor:pointer}.role-chip.edit:not(.set){color:var(--muted);border-style:dashed}.role-chip.edit:hover:not(:disabled),.role-chip.edit.open{border-color:var(--text-2);background:#18181beb}.role-chip.edit:focus-visible{outline:.125rem solid var(--text);outline-offset:.125rem}.role-chip.edit:disabled{cursor:default;opacity:.6}.role-chip.attention{border-color:var(--gold);box-shadow:0 0 0 .0625rem color-mix(in oklab, var(--gold) 45%, transparent)}.role-caret{opacity:.7;flex:none;transition:transform .15s}.role-chip.open .role-caret{transform:rotate(180deg)}.role-menu{z-index:45;background:var(--bg);width:14.5rem;color:var(--text);border:.0625rem solid var(--line-strong);flex-direction:column;padding:.25rem;animation:.12s ease-out dfIn;display:flex;position:fixed;box-shadow:0 1rem 2.5rem #0009}.role-menu-head{border-bottom:.0625rem solid var(--line);justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.25rem;padding:.375rem .5rem .5rem;display:flex}.role-menu-champ{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.8125rem;font-weight:600;overflow:hidden}.role-opt{all:unset;box-sizing:border-box;cursor:pointer;align-items:center;gap:.625rem;height:2.625rem;padding:0 .625rem 0 .5rem;font-size:.875rem;font-weight:500;display:flex}.role-opt img{flex:none;width:1.625rem;height:1.625rem}.role-opt:hover{background:var(--hover)}.role-opt:focus-visible{background:var(--hover);outline:.125rem solid var(--text);outline-offset:-.125rem}.role-opt[aria-checked=true]{background:var(--panel-2);box-shadow:inset .125rem 0 0 var(--gold)}.role-opt-name{flex:auto}.role-opt-note{min-width:0;max-width:7rem;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}.role-opt-check{color:var(--gold);flex:none}.role-menu-foot{border-top:.0625rem solid var(--line);color:var(--subtle);margin:.25rem 0 0;padding:.5rem .5rem .25rem;font-size:.6875rem}.center{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.toolbar{border-bottom:.0625rem 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:.0625rem solid var(--line);height:2.5rem;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.375rem;padding:0 .875rem;font-size:.75rem;display:flex}.role-tab img{width:.875rem;height:.875rem}.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:.125rem solid var(--text);outline-offset:-.125rem}.search{flex:10rem;min-width:0;position:relative}.search input{all:unset;box-sizing:border-box;width:100%;height:2.5rem;padding:0 2.75rem 0 .875rem;font-size:.875rem}.search input:focus{background:var(--panel-2)}.search kbd{font-family:var(--mono);color:var(--subtle);border:.0625rem solid var(--line);padding:0 .375rem;font-size:.6875rem;position:absolute;top:.6875rem;right:.75rem}.note{border-bottom:.0625rem solid var(--line);color:var(--muted);flex-wrap:wrap;flex:none;align-items:center;gap:.625rem;padding:.5rem 1rem;font-size:.75rem;display:flex}.note .grow{flex:1;min-width:0}.grid-wrap{flex:1;min-height:0;padding:1rem;overflow:hidden auto}.grid{grid-template-columns:repeat(auto-fill, minmax(var(--tile), 1fr));gap:.75rem .5rem;display:grid}.tile{all:unset;cursor:pointer;flex-direction:column;gap:.375rem;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:.8125rem;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(.6875rem,.7vw,.875rem);overflow:hidden}.tile.sel .tile-art{box-shadow:0 0 0 .125rem var(--bg), 0 0 0 .25rem var(--text)}.tile.sel .tile-name{color:var(--text);font-weight:600}.tile.gone{opacity:.28}.tile.gone img{filter:grayscale()}.tile.gone.banned img{filter:saturate(.45)}.tile-chip{box-sizing:border-box;max-width:100%;font-family:var(--mono);background:var(--bg);color:var(--text);z-index:1;padding:.0625rem .3125rem;font-size:.625rem;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:.125rem solid var(--text);outline-offset:.125rem}.empty-results{text-align:center;color:var(--subtle);padding:3rem 0;font-size:.8125rem}.used{border-top:.0625rem solid var(--line);flex:none;max-height:40%;overflow-y:auto}.used-head{justify-content:space-between;align-items:center;padding:.375rem 1rem;display:flex}.used-row{border-top:.0625rem solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:.375rem 1rem;display:grid}.used-row .icons{gap:.25rem;display:flex}.used-row .icons.right{justify-content:flex-end}.used-row img,.used-row .blank{object-fit:cover;background:var(--hover);width:1.75rem;height:1.75rem}.dock{grid-template-columns:var(--side-w) minmax(0, 1fr) var(--side-w);border-top:.0625rem solid var(--line);flex:none;display:grid}.bans{flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex}.bans.blue{border-right:.0625rem solid var(--line)}.bans.red{border-left:.0625rem solid var(--line);align-items:flex-end}.ban-row{gap:.25rem;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:.0625rem 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:.625rem}.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:saturate(.45);opacity:.75}.ban.empty img{opacity:.6;transform:none}.ban.pending{border:.0625rem dashed var(--muted)}.ban.pending img{opacity:.4;filter:none}.ban.undoing{border:.0625rem dashed var(--gold)}.ban-slash{background:var(--text-2);opacity:.8;width:120%;height:.09375rem;position:absolute;top:50%;left:-10%;transform:rotate(-45deg)}.ban .late-tag{text-align:center;padding:0;font-size:.5rem;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:1.125rem;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:.5rem;min-width:0;padding:.75rem 1rem;display:flex}.actionbar .info{flex:10rem;align-items:center;gap:.625rem;min-width:0;display:flex}.actionbar .info img{object-fit:cover;width:2.5rem;height:2.5rem}.actionbar .hint{color:var(--subtle);font-size:.8125rem}.actionbar .btn.primary{flex:none;width:15rem}.actionbar .btn.primary>*,.actionbar .btn.primary{text-overflow:ellipsis;overflow:hidden}.backdrop{z-index:50;background:#0009;place-items:center;padding:1rem;animation:.15s ease-out dfIn;display:grid;position:fixed;inset:0}.modal{background:var(--bg);border:.0625rem solid var(--line);flex-direction:column;width:min(28.75rem,100%);max-height:calc(100dvh - 2rem);display:flex;box-shadow:0 1.5rem 3.75rem #0009}.modal.wide{width:min(55rem,100%)}.modal-head{border-bottom:.0625rem solid var(--line);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1.125rem 1.25rem .875rem;display:flex}.modal-head h2{letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:600}.modal-head p{color:var(--muted);margin:.25rem 0 0;font-size:.8125rem}.modal-body{flex-direction:column;gap:.625rem;padding:1rem 1.25rem;display:flex;overflow-y:auto}.modal-foot{border-top:.0625rem solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:.875rem 1.25rem;display:flex}.seat-btns{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.seat-btn{all:unset;box-sizing:border-box;cursor:pointer;border:.0625rem solid var(--line);flex-direction:column;gap:.375rem;min-width:0;padding:.875rem;display:flex;position:relative}.seat-btn:before{content:"";height:.1875rem;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:.125rem solid var(--text);outline-offset:.125rem}.seat-btn:disabled{cursor:not-allowed;opacity:.55}.seat-btn.preselected{box-shadow:inset 0 0 0 .0625rem var(--text)}.seat-btn .team{all:unset;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.seat-btn .state{color:var(--muted);font-size:.75rem}.seat-btn .state.you{color:var(--green)}.icon-btn{all:unset;cursor:pointer;width:1.75rem;height:1.75rem;color:var(--muted);flex:none;place-items:center;display:grid}.icon-btn:hover{color:var(--text);background:var(--hover)}.icon-btn:focus-visible{outline:.125rem solid var(--text)}.popover{background:var(--bg);border:.0625rem solid var(--line);z-index:40;cursor:default;flex-direction:column;gap:.875rem;width:22.5rem;max-width:calc(100vw - 1rem);padding:1rem;font-weight:400;display:flex;position:absolute;top:2.75rem;right:0;box-shadow:0 1rem 2.5rem #0009}.popover h3{margin:0;font-size:.875rem;font-weight:600}.popover p{color:var(--muted);margin:.25rem 0 0;font-size:.8125rem}.copy-row{display:flex}.copy-row .url{border:.0625rem solid var(--line);min-width:0;height:2rem;font-family:var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-right:none;flex:1;align-items:center;padding:0 .625rem;font-size:.6875rem;display:flex;overflow:hidden}.copy-row button{all:unset;cursor:pointer;text-align:center;background:var(--text);width:4.25rem;height:2rem;color:var(--bg);font-size:.75rem;font-weight:600}.copy-row button:hover{background:var(--text-2)}.toggle-row{justify-content:space-between;align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.switch{all:unset;cursor:pointer;background:var(--line);flex:none;width:2.125rem;height:1.125rem;position:relative}.switch:after{content:"";background:var(--muted);width:.875rem;height:.875rem;transition:left .15s;position:absolute;top:.125rem;left:.125rem}.switch[aria-checked=true]{background:var(--text)}.switch[aria-checked=true]:after{background:var(--bg);left:1.125rem}.switch:focus-visible{outline:.125rem solid var(--text);outline-offset:.125rem}input[type=range]{width:100%;accent-color:var(--text)}.toasts{z-index:60;pointer-events:none;flex-direction:column;gap:.5rem;width:min(27.5rem,100vw - 2rem);display:flex;position:fixed;bottom:6rem;left:50%;transform:translate(-50%)}html[data-bc] .toasts{top:4rem;bottom:auto}.toast{background:var(--text);color:var(--bg);pointer-events:auto;padding:.625rem .875rem;font-size:.8125rem;font-weight:500;animation:.2s ease-out dfIn;box-shadow:0 .75rem 1.875rem #00000080}.toast.error{background:var(--red);color:#fff}.legal{color:var(--subtle);border-top:.0625rem solid var(--line);padding:1rem 1.25rem;font-size:.6875rem;line-height:1.5}.legal.with-links{align-items:baseline;gap:1.5rem;display:flex}.legal-links{flex:none;gap:1rem;font-size:.75rem;display:flex}.legal-links a{color:var(--muted);text-decoration:none}.legal-links a:hover{color:var(--text);text-decoration:underline}@media (width<=640px){.legal.with-links{flex-direction:column;gap:.5rem}}.grid-wrap .legal{color:var(--faint);margin:1.5rem -1rem -1rem;padding:.75rem 1rem;font-size:.625rem}.page{flex-direction:column;min-height:100dvh;display:flex}.create{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem 1rem;display:flex}.create-card{border:.0625rem solid var(--line);background:var(--bg);width:min(35rem,100%)}.create-form{flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex}.create-form h1{letter-spacing:-.03em;margin:0;font-size:1.75rem;font-weight:600}.create-form .lede{color:var(--muted);margin:.375rem 0 0;font-size:.875rem}.settings{grid-template-columns:1fr 1fr;gap:1.25rem 1rem;display:grid}.join{border-top:.0625rem solid var(--line);flex-direction:column;gap:.625rem;padding:1.25rem 1.75rem;display:flex}.join-row{display:flex}.join-row .input{font-family:var(--mono);border-right:none}.join-row .btn{height:2.5rem}.recent{flex-direction:column;display:flex}.recent .recent-row{border-top:.0625rem solid var(--line);color:var(--text);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.5625rem 0;text-decoration:none;display:grid}.recent a.recent-row:hover{background:var(--hover)}.recent .recent-row.expired{opacity:.45;cursor:default}.recent-more{all:unset;cursor:pointer;color:var(--muted);align-self:flex-start;padding:.25rem 0;font-size:.75rem}.recent-more:hover{color:var(--text)}.recent-more:focus-visible{outline:.125rem solid var(--text);outline-offset:.125rem}.recent .code{font-family:var(--mono);color:var(--muted);font-size:.75rem}.recent .recent-teams{white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.recent .when{color:var(--subtle);white-space:nowrap;font-size:.75rem}.hint-text{color:var(--subtle);margin:0;font-size:.75rem}.field{flex-direction:column;gap:.5rem;display:flex}.err{color:var(--red);font-size:.75rem}.field-label{align-items:center;gap:.5rem;display:flex}.team-inputs{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.seg{border:.0625rem 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:2.75rem;height:2.25rem;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-right:.0625rem solid var(--line);padding:0 .875rem;font-size:.75rem}.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:.125rem solid var(--text);outline-offset:-.125rem}.disabled-grid{grid-template-columns:repeat(auto-fill,minmax(4rem,1fr));gap:.625rem .5rem;display:grid}.center-page{text-align:center;flex:1;place-items:center;padding:2.5rem 1.25rem;display:grid}.center-page h1{font-size:4rem;font-family:var(--mono);letter-spacing:-.04em;margin:0;font-weight:500}.center-page p{color:var(--muted)}@media (width<=1023px){:root{--tile:3.625rem;--ban:2.5rem;--fs-timer:1.875rem}.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:.0625rem solid var(--line);grid-area:2/1/auto/-1;padding:.625rem 1rem}.team{gap:.625rem;padding:.625rem .75rem .625rem 0}.team.red{padding:.625rem 0 .625rem .75rem}.team-name{font-size:1.0625rem}.board{flex-direction:column;flex:none;display:flex}.board>.center{order:2}.picks{flex-direction:row;border:none!important;border-bottom:.0625rem solid var(--line)!important}.picks.red{flex-direction:row-reverse}.picks.mine:before{width:auto;height:.1875rem;top:auto;bottom:0;left:0!important;right:0!important}.pick,.picks.red .pick{border-bottom:none;border-right:.0625rem solid var(--line);flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:stretch;gap:.125rem;min-width:0;min-height:4.75rem;padding:.375rem}.pick-text,.picks.red .pick-text{align-items:flex-start}.pick-name{font-size:.75rem}.pick-name.none{font-size:.6875rem}.pick-meta,.picks.red .pick-meta{flex-direction:row;font-size:.625rem}.pick-shade,.picks.red .pick-shade{background:linear-gradient(#09090b1a 35%,#09090bd1 100%)}.pick-actions{top:.25rem;left:.25rem!important;right:.25rem!important}.pick-actions .btn{height:1.5rem;padding:0 .375rem;font-size:.625rem}.role-chip{gap:.125rem;height:1.625rem;padding:0 .25rem}.role-chip.set .role-label{display:none}.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:.0625rem solid var(--line);grid-area:2/1/auto/-1;padding:.625rem .75rem}.bans{gap:.25rem;padding:.5rem .75rem}.bans .label{display:none}.actionbar .btn.primary{flex:auto;width:auto;min-width:0}.toasts{bottom:9.375rem}.create{justify-content:flex-start;padding:1rem}.create-form{padding:1.25rem 1rem}.join{padding:1rem}}@media (width<=520px){.room-bar .brand{padding:0 .875rem}.room-bar .brand-name{display:none}.team-inputs,.settings{grid-template-columns:1fr}.role-tabs{flex:100%}.role-tab{flex:1 1 0;justify-content:center;padding:0 .375rem}.role-tab:not(:first-child) .role-label{display:none}.used-row{gap:.5rem;padding:.375rem .75rem}.used-row img,.used-row .blank{width:1.375rem;height:1.375rem}.seat-btns{grid-template-columns:1fr}.actionbar .info{flex-basis:100%}.ban.gap{margin-left:.25rem}}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:calc(min(1vw, 1.7778vh) * var(--bc-scale,1));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:saturate(.45)brightness(.65)}.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 .125rem 1.125rem #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:.0625rem solid #ffffff1f;position:relative;overflow:hidden}.bc-ban img{object-fit:cover;width:100%;height:100%;display:block}.bc-ban img.in{filter:saturate(.45)brightness(.85);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% - .0625rem),#ffffffd9 50%,#0000 calc(50% + .0625rem));position:absolute;inset:0}.bc-ban.active .bc-slash{opacity:.4}.bc-timer.timer-track{height:calc(.35 * var(--u));background:#ffffff14;min-height:.125rem}.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:16.25rem;top:calc(100% + .375rem);right:0}.bc-display p{color:var(--subtle);margin:0;font-size:.6875rem}.bc-card{background:linear-gradient(to top, color-mix(in oklab, var(--side) 22%, #0c0c10) 0%, #0c0c10 70%);border-right:.0625rem solid #ffffff14;position:relative;overflow:hidden}.bc-picks.red .bc-card{border-left:.0625rem 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-art.wide{object-position:center 30%}.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 .0625rem .5rem #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-card-pos{width:calc(1.4 * var(--u));height:calc(1.4 * var(--u))}.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:.0625rem solid #ffffff1a;border-right:.0625rem 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:.0625rem 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{font-variant-numeric:tabular-nums;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:.125rem solid var(--blue)}.bc-series-icons.red{border-bottom:.125rem 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:.0625rem solid var(--line-strong);opacity:0;pointer-events:none;background:#09090beb;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.375rem;max-width:calc(100vw - 1.5rem);padding:.5rem;transition:opacity .25s;display:flex;position:absolute;top:.75rem;right:.75rem}.bc-controls.shown{opacity:1;pointer-events:auto}.bc-controls .seg button{height:1.75rem;padding:0 .625rem;font-size:.75rem}.bc-controls kbd{font-family:var(--mono);color:var(--subtle);border:.0625rem solid var(--line);padding:0 .25rem;font-size:.625rem}.bc-offline{z-index:10;background:var(--red);color:#fff;font-family:var(--mono);padding:.25rem .625rem;font-size:.75rem;position:absolute;top:.75rem;left:.75rem}@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:.125rem;display:inline-flex;position:relative}.tip-btn{border:.0625rem solid var(--line-strong);width:.9375rem;height:.9375rem;color:var(--muted);font:600 .625rem/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:.0625rem solid var(--line-strong);width:17.5rem;max-width:calc(100vw - 2rem);color:var(--text);font:400 .75rem/1.5 var(--sans);z-index:50;visibility:hidden;opacity:0;pointer-events:none;padding:.625rem .75rem;transition:opacity .12s;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);box-shadow:0 .625rem 1.875rem #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:.375rem;display:flex}.name-row{align-items:center;gap:.5rem;display:flex}.name-row .input{flex:1;min-width:0;height:2.25rem}.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:.5rem;width:fit-content;font-size:.8125rem;display:flex}.check input{width:.9375rem;height:.9375rem;accent-color:var(--text);margin:0}.menu-pop{gap:0;width:23.75rem;max-height:calc(100dvh - 3.75rem);padding:0;overflow-y:auto}.menu-pop section,.menu-panel section{border-top:.0625rem solid var(--line);flex-direction:column;gap:.625rem;padding:1rem;display:flex}.menu-pop section:first-child{border-top:none}.menu-actions{flex-wrap:wrap;gap:.375rem;display:flex}.menu-note{color:var(--text-2);margin:0;font-size:.8125rem}.menu-hint{color:var(--subtle);margin:0;font-size:.75rem}.topbar-btn.spectators{gap:.375rem;padding:0 .875rem}.people-pop{width:20rem}.people{flex-direction:column;gap:.5rem;display:flex}.people ul{flex-direction:column;gap:.375rem;margin:0 0 .375rem;padding:0;list-style:none;display:flex}.people li{align-items:center;gap:.5rem;min-width:0;font-size:.8125rem;display:flex}.people li>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.people-side{flex:none;width:.5rem;height:.5rem}.people-team{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.75rem;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 .375rem}.drafter-name{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:14ch;font-size:.75rem;font-weight:600;overflow:hidden}.tab-anchor{display:flex;position:relative}.callout{z-index:45;background:var(--panel-2);border:.0625rem 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% + .625rem);left:50%;transform:translate(-50%);box-shadow:0 .75rem 1.875rem #0000008c}.callout:before{content:"";background:var(--panel-2);border-left:.0625rem solid color-mix(in oklab, var(--gold) 60%, transparent);border-top:.0625rem solid color-mix(in oklab, var(--gold) 60%, transparent);width:.625rem;height:.625rem;position:absolute;top:-.375rem;left:50%;transform:translate(-50%)rotate(45deg)}.callout-main{all:unset;cursor:pointer;flex-direction:column;gap:.125rem;padding:.5625rem .75rem;font-size:.8125rem;display:flex}.callout-main b{color:var(--gold);font-weight:600}.callout-main span{color:var(--muted);font-size:.6875rem}.callout-main:hover b{text-decoration:underline}.callout-x{all:unset;cursor:pointer;color:var(--subtle);border-left:.0625rem solid var(--line);align-items:center;padding:0 .625rem;font-size:1rem;display:flex}.callout-x:hover{color:var(--text)}@keyframes calloutIn{0%{opacity:0;transform:translate(-50%,-.25rem)}to{opacity:1;transform:translate(-50%)}}@media (width<=1023px){.callout{animation:none;left:0;transform:none}.callout:before{left:1.5rem}}.strip{border-top:.0625rem solid var(--line);color:var(--text);background:color-mix(in oklab, var(--gold) 14%, var(--bg));z-index:6;flex-wrap:wrap;flex:none;align-items:center;gap:.625rem;padding:.625rem 1rem;font-size:.8125rem;animation:.2s ease-out dfIn;display:flex;position:relative}.strip.clash{background:color-mix(in oklab, var(--red) 16%, var(--bg))}.clash-note{color:color-mix(in oklab, var(--red) 40%, var(--text));margin-top:.25rem;font-weight:600;display:block}.strip.quiet{background:color-mix(in oklab, var(--gold) 6%, var(--bg));color:var(--text-2)}.strip .grow{flex:1;min-width:12.5rem}.strip img{object-fit:cover;vertical-align:middle;width:1.75rem;height:1.75rem}.closing-note{font-family:var(--mono);color:var(--gold);margin-top:.125rem;font-size:.6875rem;display:block}.strip-note{color:var(--muted);margin-top:.125rem;font-size:.75rem;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:.0625rem solid color-mix(in oklab, var(--gold) 50%, transparent);background:var(--bg);padding:.5rem .875rem;font-size:.8125rem}.paused-veil>span.resuming{color:var(--text);border-color:var(--gold);padding:.75rem 1.25rem;font-size:1.125rem}.share-btns{flex-wrap:wrap;gap:.375rem;display:flex}.bc-caption-skin{font-size:calc(1.3 * var(--u));color:#ffffffbf}button.topbar-cell{border:0;border-right:.0625rem 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:.125rem solid var(--text);outline-offset:-.125rem}.copy-code{font-family:var(--mono);position:relative}.copied-tip{z-index:50;pointer-events:none;background:var(--text);color:var(--bg);font:600 .6875rem/1.2 var(--sans);white-space:nowrap;letter-spacing:0;text-transform:none;padding:.25rem .5rem;animation:.12s ease-out tipIn;position:absolute;top:calc(100% + .375rem);left:50%;transform:translate(-50%)}.copied-tip:before{content:"";background:var(--text);width:.5rem;height:.5rem;position:absolute;top:-.25rem;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes tipIn{0%{opacity:0;transform:translate(-50%,-.1875rem)}to{opacity:1;transform:translate(-50%)}}.late-callout{z-index:30;background:var(--bg);border:.0625rem solid var(--gold);color:var(--text);font:500 .75rem/1.3 var(--sans);letter-spacing:0;text-transform:none;white-space:nowrap;flex-direction:column;align-items:flex-start;gap:.375rem;padding:.5rem .625rem;animation:.2s ease-out lateIn;display:flex;position:absolute;box-shadow:0 .625rem 1.75rem #0000008c}@keyframes lateIn{0%{opacity:0;translate:0 .25rem}to{opacity:1;translate:0}}.late-callout-title{align-items:baseline;gap:.5rem;font-weight:600;display:flex}.late-callout-time{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--gold);font-size:.6875rem;font-weight:500}.late-callout-actions{gap:.375rem;display:flex}.ban-undo{z-index:30;opacity:0;pointer-events:none;padding-bottom:.375rem;transition:opacity .15s;position:absolute;bottom:100%}.ban-anchor.blue .ban-undo{left:0}.ban-anchor.red .ban-undo{right:0}.ban-anchor:hover .ban-undo,.ban-anchor:focus-within .ban-undo{opacity:1;pointer-events:auto}.ban-undo .btn{white-space:nowrap;background:var(--bg);box-shadow:0 .375rem 1.125rem #00000073}@media (hover:none){.ban-undo{opacity:1;pointer-events:auto}}.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:.625rem}.ban-anchor>.ban.gap{margin-left:0}.late-callout.at-ban{bottom:calc(100% + .625rem)}.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:.0625rem solid var(--gold);border-bottom:.0625rem solid var(--gold);width:.5rem;height:.5rem;margin-top:-.25rem;position:absolute;top:100%;transform:rotate(45deg)}.ban-anchor.blue .late-callout:after{left:calc(var(--ban) / 2 - .3125rem)}.ban-anchor.red .late-callout:after{right:calc(var(--ban) / 2 - .3125rem)}.lang-picker{appearance:none;box-sizing:border-box;border:.0625rem solid var(--line);cursor:pointer;background:var(--panel-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' stroke='%238a8f98' stroke-width='1.4'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E") no-repeat right .625rem center;max-width:11.875rem;height:2rem;color:var(--text-2);font-family:var(--mono);text-overflow:ellipsis;border-radius:0;margin-inline-start:.5rem;padding-block:0;padding-inline:.625rem 1.75rem;font-size:.75rem}.lang-picker:hover{color:var(--text);background-color:var(--hover)}.lang-picker:focus-visible{outline:.125rem solid var(--text);outline-offset:-.125rem}.lang-picker option{background:var(--panel);color:var(--text);font-family:var(--mono)}[dir=rtl] .lang-picker{background-position:.625rem;padding-inline:.625rem 1.75rem}.lang-picker.topbar-lang{background-color:#0000;background-position:right .875rem center;border:0;max-width:none;height:100%;margin:0;padding-inline:1rem 2rem}.lang-picker.topbar-lang:hover{background-color:var(--hover)}[dir=rtl] .lang-picker.topbar-lang{background-position:.875rem}.lang-notice{inset-inline:0;z-index:60;background:var(--panel-2);border:.0625rem solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;width:max-content;max-width:calc(100vw - 2rem);margin-inline:auto;padding:.625rem .875rem;font-size:.8125rem;display:flex;position:fixed;bottom:1rem}.lang-notice span{flex:auto}.lang-picker.topbar-lang{color:var(--muted)}.lang-picker.topbar-lang:hover{color:var(--text)}.field .lang-picker{width:100%;max-width:none;margin:0}.archived{flex-direction:column;flex:1;align-items:center;gap:1rem;padding:2rem 1rem;display:flex}.archived h1{text-align:center;margin:0;font-size:1.75rem}.archived figure{flex-direction:column;gap:.375rem;width:min(100%,60rem);margin:0;display:flex}.archived figcaption{color:var(--muted);font-size:.8125rem}.archived img{background:var(--panel,transparent);border-radius:.5rem;width:100%;height:auto}.creation-players{flex-direction:column;gap:1.25rem;display:flex}.player-roster{border:.0625rem solid var(--line);flex-direction:column;gap:.75rem;min-width:0;margin:0;padding:1rem;display:flex}.player-roster legend{padding:0 .5rem;font-size:.875rem;font-weight:600}.player-paste{resize:vertical;white-space:pre-wrap;height:auto;min-height:5rem;line-height:1.5}.player-list{flex-direction:column;gap:.5rem;display:flex}.player-row{grid-template-columns:7.5rem minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.player-row .input{min-width:0}.player-role{position:relative}.player-role>.btn{justify-content:flex-start;width:100%;height:2.5rem;padding:0 .5rem;font-size:.75rem}.player-role img{flex:none;width:1rem;height:1rem}.player-role-menu{inset-inline-start:0;z-index:5;background:var(--panel-2);border:.0625rem solid var(--line-strong);flex-direction:column;gap:.25rem;min-width:9rem;padding:.25rem;display:flex;position:absolute;top:100%}.player-role-menu .btn{justify-content:flex-start;height:2rem}.player-roster .hint-text{line-height:1.5}.pick-player{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(.8125rem,.9vw,1.125rem);font-weight:500;overflow:hidden}.bc-card-player{z-index:3;top:calc(.25 * var(--u));inset-inline:calc(.35 * var(--u));padding:calc(.25 * var(--u));text-align:center;font-size:calc(.9 * var(--u));white-space:nowrap;text-overflow:ellipsis;background:#000c;font-weight:600;position:absolute;overflow:hidden}.bc-card.has-player .bc-card-name{max-height:calc(100% - 3 * var(--u))}.summary-part{flex-direction:column;gap:.5rem;display:flex}.summary-part pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:12rem;font:.75rem/1.5 var(--mono);border:.0625rem solid var(--line);margin:0;padding:.75rem;overflow:auto}@media (width<=520px){.player-roster{padding:.75rem}.player-row{grid-template-columns:6.25rem minmax(0,1fr)}.pick-player{font-size:.6875rem}.create-patch{display:none}}.player-roster.read-only .input,.player-roster.read-only .btn{opacity:.5;cursor:not-allowed}.player-roster.read-only .input{background:var(--panel)}