@layer components{.games-accounts{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.games-accounts>svg{color:var(--vz-ink-2)}.games-connect-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}@media (width<=560px){.games-connect-fields{grid-template-columns:minmax(0,1fr)}}.review-status{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.games-list{border:1px solid var(--vz-line);background:var(--vz-surface);border-radius:16px;display:grid;overflow:hidden}.games-list li+li{border-top:1px solid var(--vz-line)}.game-row{color:var(--vz-ink);grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;display:grid}.game-row:hover{background:var(--vz-surface-2)}.game-row:focus-visible{outline:3px solid var(--vz-focus);outline-offset:-3px}.game-row>.vz-chip{justify-self:start}.game-row strong{font:700 16px/1.3 var(--vz-font-body);display:block}.game-rating{color:var(--vz-ink-2);font-weight:500}.game-meta{color:var(--vz-ink-2);align-items:center;gap:6px;margin-top:2px;font-size:14px;display:flex}.game-meta svg{flex:none;width:15px;height:15px}.game-review-state{text-align:right;font-size:14px}.game-accuracy strong{font:800 20px/1.1 var(--vz-font-display);font-variant-numeric:tabular-nums;display:block}.game-accuracy small{color:var(--vz-ink-2);align-items:center;gap:4px;font-size:13px;display:inline-flex}.game-accuracy small svg{color:var(--vz-mint)}@media (width<=560px){.game-row{grid-template-columns:minmax(0,1fr) auto}.game-row>.vz-chip{grid-column:1/-1}}.back-link{color:var(--vz-ink-2);align-items:center;gap:4px;margin-bottom:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--vz-ink)}.game-grid{grid-template-columns:minmax(280px,560px) minmax(0,1fr);align-items:start;gap:24px;display:grid}@media (width<=900px){.game-grid{grid-template-columns:minmax(0,1fr)}}.game-controls{justify-content:center;gap:6px;display:flex}.accuracy-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.move-verdict strong{font-variant-numeric:tabular-nums}.move-verdict[data-kind=inaccuracy] strong{color:var(--vz-ink);-webkit-text-decoration:underline 3px var(--vz-marigold-soft,var(--vz-marigold));text-decoration:underline 3px var(--vz-marigold-soft,var(--vz-marigold));text-underline-offset:4px}.move-verdict[data-kind=mistake] strong{-webkit-text-decoration:underline 3px var(--vz-marigold);text-decoration:underline 3px var(--vz-marigold);text-underline-offset:4px}.move-verdict[data-kind=blunder] strong{-webkit-text-decoration:underline 3px var(--vz-berry);text-decoration:underline 3px var(--vz-berry);text-underline-offset:4px}.key-moments{gap:6px;display:grid}.key-moments button{border:1px solid var(--vz-line);background:var(--vz-surface);width:100%;color:var(--vz-ink);text-align:left;cursor:pointer;border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:8px 12px;display:flex}.key-moments button:hover{background:var(--vz-surface-2)}.key-moments button[aria-current]{border-color:var(--vz-accent);box-shadow:inset 0 0 0 1px var(--vz-accent)}.key-moment-why{color:var(--vz-ink-2);flex-basis:100%;font-size:14px;line-height:1.45}.move-table ol{font-variant-numeric:tabular-nums;max-height:320px;display:grid;position:relative;overflow:auto}.move-table li{grid-template-columns:40px minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.move-table li:nth-child(odd){background:var(--vz-surface-2);border-radius:8px}.move-number{color:var(--vz-ink-3);padding-left:8px;font-size:13px}.move-cell{color:var(--vz-ink);font:600 15px/1.4 var(--vz-font-body);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-self:start;align-items:baseline;gap:2px;padding:4px 8px;display:inline-flex}.move-cell:hover{background:var(--vz-accent-soft)}.move-cell[aria-current]{background:var(--vz-accent);color:var(--vz-on-accent)}.move-symbol{font-weight:800}.move-cell[data-kind=mistake] .move-symbol,.move-cell[data-kind=inaccuracy] .move-symbol{color:var(--vz-ink-2)}.move-cell[data-kind=blunder] .move-symbol{color:var(--vz-berry)}.move-cell[aria-current] .move-symbol{color:inherit}.eval-chart{cursor:pointer}.eval-mark{stroke:var(--vz-surface);stroke-width:2px}.eval-mark[data-kind=blunder]{fill:var(--vz-berry)}.eval-mark[data-kind=mistake]{fill:var(--vz-marigold)}.eval-legend{color:var(--vz-ink-2);gap:16px;font-size:13px;display:flex}.eval-legend span{align-items:center;gap:6px;display:inline-flex}.chart-table-link{color:var(--vz-accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}}
