.segmented{--inset-block:2px;--inset-inline:3px;isolation:isolate;min-height:var(--control-size);image-rendering:pixelated;display:flex;position:relative}.segmented-track{inset:var(--inset-block) var(--inset-inline);position:absolute}.segmented-thumb{inset-block:0;z-index:1;width:calc(100% / var(--count));translate:calc(var(--index) * 100%) 0;transition:translate var(--duration-fast) var(--ease-standard);position:absolute;left:0}.segmented-thumb>.frame{--frame-tint:var(--color-bg-deep)}.segmented-option{z-index:2;justify-content:center;align-items:center;gap:var(--space-2);min-width:0;padding:var(--rim-lit) calc(var(--rim-shade) + var(--space-3)) var(--rim-shade) calc(var(--rim-lit) + var(--space-3));color:var(--color-text-muted);font:var(--text-sm) / var(--leading-none) var(--font-control);white-space:nowrap;cursor:pointer;transition:color var(--duration-fast) var(--ease-standard);background:0 0;border:0;flex:1 1 0;display:flex;position:relative}.segmented-option:after{content:"";inset:calc(var(--inset-block) + var(--rim-lit)) 0 calc(var(--inset-block) + var(--rim-shade));z-index:-1;position:absolute}.segmented-option:is(:hover,:focus-visible){color:var(--color-text)}.segmented-option:is(:hover,:focus-visible):after{background:var(--color-hover)}.segmented-option:active:after{background:var(--background-press)}.segmented-option:first-of-type:after{left:calc(var(--inset-inline) + var(--rim-lit))}.segmented-option:last-of-type:after{right:calc(var(--inset-inline) + var(--rim-shade))}.segmented-option:focus-visible{outline-offset:-2px}.segmented-option[aria-checked=true]{color:var(--color-accent)}.segmented-option[aria-checked=true]:after{content:none}.segmented[data-icon-only]{--selected:var(--control-size);--unselected:var(--control-size-sm);--icon-start:calc(var(--selected) / 2 + 1px - var(--icon-size) / 2)}.segmented[data-icon-only] .segmented-thumb{width:var(--selected);translate:calc(var(--index) * var(--unselected)) 0}.segmented[data-icon-only] .segmented-option{width:var(--unselected);padding:0 0 0 var(--icon-start);flex:none;justify-content:start}.segmented[data-icon-only] .segmented-option[aria-checked=true]{width:var(--selected)}.segmented[data-icon-only] .segmented-option[aria-checked=true]~:is(.segmented[data-icon-only] .segmented-option){padding-left:calc(var(--icon-start) - (var(--selected) - var(--unselected)))}.result-icon{display:inline-flex}:root{--match-summary-height:calc(48px + var(--space-1) + var(--space-2))}.match-summary{--middle:160px;grid-template-columns:minmax(auto, 1fr) var(--middle) minmax(auto, 1fr);align-items:center;column-gap:var(--space-3);height:calc(var(--match-summary-height) + 2px);padding:var(--space-1) var(--space-2) var(--space-2);border-bottom:2px solid var(--color-seam-dark);box-shadow:inset 0 -2px 0 var(--color-seam-light);background:var(--summary-background,var(--color-bg-deep));transition:background-color var(--duration-fast) var(--ease-standard);display:grid}.match-summary[data-group]{grid-template-columns:minmax(auto,1fr) auto minmax(auto,1fr)}.match-summary-side{align-self:stretch;align-items:center;gap:var(--space-3);min-width:0;display:flex}.match-summary-side[data-side=you]{justify-content:flex-end}.match-summary-side[data-side=you]>.match-badge{margin-right:auto}.match-summary-side[data-side=opponent]>.match-summary-actions{margin-left:auto}.match-summary-side>:is(.match-badge,.match-summary-actions){flex:none}.match-summary-player{align-items:center;gap:var(--space-3);min-width:0;display:flex}.match-summary-player[data-side=you]{text-align:right;flex-direction:row-reverse}.match-summary-player[data-side=you] .match-summary-player-text{align-items:flex-end}.match-summary-player[data-side=you] .match-summary-rating{flex-direction:row-reverse}.match-summary-player .player-head{width:40px;height:40px}.match-summary-player-text{gap:var(--space-0-5);flex-direction:column;min-width:0;display:flex}.match-summary-name{max-width:100%;color:var(--player-color);font:var(--text-md) / var(--leading-body) var(--font-display);text-overflow:ellipsis;--shadow:var(--text-shadow);white-space:nowrap;overflow:hidden}.match-summary-name:is(:hover,:focus-visible){color:var(--color-text);text-decoration:underline}.match-summary-rating{gap:var(--space-1);color:var(--color-text-muted);font:var(--text-xs) / var(--leading-tight) var(--font-mono);font-variant-numeric:tabular-nums;display:inline-flex}.match-summary-rating b{font-weight:500}.match-summary-rating[data-delta="1"] b{color:var(--color-win)}.match-summary-rating[data-delta="-1"] b{color:var(--color-loss)}.match-summary-middle{justify-items:center;gap:var(--space-0-5);display:grid}.match-summary-score{align-items:baseline;gap:var(--space-2);font:var(--text-lg) / var(--leading-none) var(--font-display);--shadow:var(--text-shadow);font-weight:400;display:flex}.match-summary-score [data-side]{color:var(--player-color);opacity:var(--disabled-opacity)}.match-summary-score [data-lead]{opacity:1}.match-summary-score i{color:var(--color-line);font-size:.75em;font-style:normal}.match-summary-result{align-items:center;gap:var(--space-1);color:var(--outcome);height:1lh;font:var(--text-sm) / var(--leading-none) var(--font-display);--shadow:var(--text-shadow);white-space:nowrap;display:inline-flex}.match-summary-result i{color:var(--color-line);font-style:normal}.match-summary-result time,.match-summary-result .icon{color:var(--color-text-muted)}.match-summary-group{justify-content:center;gap:0 var(--space-4);flex-wrap:wrap;min-width:0;display:flex}.match-summary-group>div{align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.match-summary-group .match-summary-name{font-size:var(--text-sm)}.match-summary-goals{color:var(--color-text);font:var(--text-sm) / var(--leading-tight) var(--font-display);--shadow:var(--text-shadow);font-weight:400}.match-summary-goals[data-won]{color:var(--color-win)}.match-summary-actions{gap:var(--space-1);display:flex}@media (width<=1200px){.match-summary,.match-summary[data-group]{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"badge.actions""you score opponent""result result result";height:auto}.match-summary-side,.match-summary-middle{display:contents}.match-summary>*>.match-badge{grid-area:badge;justify-self:start}.match-summary-actions{grid-area:actions;justify-self:end}.match-summary-result{white-space:normal;text-align:center;grid-area:result;justify-self:center}.match-summary-player[data-side=you]{grid-area:you;justify-self:end}.match-summary-player[data-side=opponent]{grid-area:opponent;justify-self:start}.match-summary-score,.match-summary-group{grid-area:score}.match-summary[data-group] .match-summary-group{grid-column:1/-1}.match-summary-score{gap:var(--space-1);font-size:var(--text-md)}.match-summary-player{gap:var(--space-1);max-width:100%}.match-summary-player .player-head{width:32px;height:32px}.match-summary-name{font-size:var(--text-sm)}}