@layer components{.race-room{grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:start;gap:24px;display:grid}@media (width<=899px){.race-room{grid-template-columns:minmax(0,1fr)}}.race-code{font:650 44px/1 var(--vz-font-display);letter-spacing:.12em;font-variant-numeric:tabular-nums}.race-countdown{text-align:center;justify-items:center;gap:8px;padding:40px;display:grid}.race-countdown p{font:600 20px/1.2 var(--vz-font-body);color:var(--vz-ink-2)}.race-countdown strong{font:650 96px/1 var(--vz-font-display);font-variant-numeric:tabular-nums}.race-timer{border-radius:var(--vz-radius-pill);background:var(--vz-surface-2);height:34px;position:relative;overflow:hidden}.race-timer span{background:var(--vz-accent-soft);transform-origin:0;transition:transform .2s linear;position:absolute;inset:0}.race-timer strong{height:100%;font:600 16px/1 var(--vz-font-body);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:relative}.race-board{margin-inline:0}.race-board[data-flash=right] .vz-board{box-shadow:0 0 0 4px var(--vz-mint)}.race-board[data-flash=wrong] .vz-board{box-shadow:0 0 0 4px var(--vz-berry)}.race-count{font:600 16px/1.3 var(--vz-font-body);color:var(--vz-ink-2)}.race-count strong{font:650 26px/1 var(--vz-font-display);color:var(--vz-ink)}.race-standings ol,.league-table{gap:4px;display:grid}.race-standings li,.league-table li{border-radius:var(--vz-radius-lg);font-variant-numeric:tabular-nums;align-items:center;gap:10px;padding:8px 10px;display:flex}.race-standings li[data-you],.league-table li[data-you]{background:var(--vz-accent-soft)}.race-place,.league-rank{width:24px;color:var(--vz-ink-2);text-align:right;font-weight:650}.league-table li[data-zone=up] svg{color:var(--vz-mint)}.league-table li[data-zone=down] svg{color:var(--vz-berry)}.race-room>*{min-width:0}.race-standings li>.truncate,.league-table li>.truncate{contain:inline-size}.bot-levels{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}@media (width>=1080px){.bot-levels{grid-template-columns:repeat(10,minmax(0,1fr))}}.board-layout .bot-levels{grid-template-columns:repeat(5,minmax(0,1fr))}@media (width<=767px){.play-out-board{--board-min:180px;--board-extra:330px}}.bot-level{border:1px solid var(--vz-line);border-radius:var(--vz-radius-lg);background:var(--vz-surface);color:var(--vz-ink);cursor:pointer;transition:border-color var(--vz-duration-fast) ease-out, background-color var(--vz-duration-fast) ease-out;justify-items:center;gap:1px;padding:8px 4px;display:grid;position:relative}.bot-level:hover{border-color:var(--vz-line-strong)}.bot-level:focus-visible{outline:var(--vz-focus-ring);outline-offset:2px}.bot-level[aria-pressed=true]{border-color:var(--vz-accent);background:var(--vz-accent-soft);box-shadow:inset 0 0 0 1px var(--vz-accent)}.bot-level strong{font:600 18px/1.1 var(--vz-font-body);font-variant-numeric:tabular-nums}.bot-level small{color:var(--vz-ink-2);font-variant-numeric:tabular-nums;font-size:12px}.bot-level[data-yours]:after{content:"";background:var(--vz-marigold);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.bot-game{--side-max:400px}.bot-player{border-radius:var(--vz-radius-menu);align-items:center;gap:8px;min-width:0;height:34px;padding:0 6px;display:flex}.bot-player[data-to-move]{background:var(--vz-surface);box-shadow:inset 0 0 0 1px var(--vz-line)}.bot-player-avatar{border-radius:var(--vz-radius-md);background:var(--vz-surface-2);width:26px;height:26px;color:var(--vz-ink-2);flex:none;place-items:center;display:grid}.bot-player[data-to-move] .bot-player-avatar{background:var(--vz-accent-soft);color:var(--vz-link)}.bot-player-avatar svg{width:16px;height:16px}.bot-player-name{align-items:baseline;gap:8px;min-width:0;display:flex}.bot-player-name strong{font:600 14px/1.25 var(--vz-font-body)}.bot-player-name small{color:var(--vz-ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;overflow:hidden}.bot-player-thinking{color:var(--vz-ink-3);flex:none;font-size:12px}.bot-player-material{flex:none;align-items:center;margin-left:auto;display:flex}.bot-player-material img{width:20px;height:20px;margin-right:-6px}.bot-player-material small{font:600 13px/1 var(--vz-font-body);color:var(--vz-ink-2);font-variant-numeric:tabular-nums;margin-left:10px}.bot-status{font:600 18px/1.3 var(--vz-font-body)}.bot-move-list{font-variant-numeric:tabular-nums;max-height:280px;font-size:14px;display:grid;overflow-y:auto}.bot-move-list li{border-radius:var(--vz-radius-md);grid-template-columns:36px minmax(0,1fr) minmax(0,1fr);padding:5px 8px;display:grid}.bot-move-list li:nth-child(odd){background:var(--vz-surface-2)}.bot-move-list li span:not(.bot-move-number){font-weight:600}.bot-move{margin:-2px 0;border-radius:var(--vz-radius-sm);color:var(--vz-ink);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;margin-inline-start:-6px;padding:2px 6px;font-weight:600}.bot-move:hover{background:var(--vz-surface-3)}.bot-move[aria-current]{background:var(--vz-current);color:var(--vz-link)}.bot-move:focus-visible{outline:var(--vz-focus-ring);outline-offset:1px}.bot-move-number{color:var(--vz-ink-3)}@media (width<=899px){.bot-move-list{max-height:170px}}}