.game-stage .context-board>.menu-bar-container>.quick-match-controls{width:var(--stage-controls-width, 100%);margin-inline-start:var(--stage-controls-inset, 0px)}.quick-match-controls{min-width:0;container-type:inline-size;display:grid;gap:var(--ds-space-8)}.qm-toolbar,.qm-race{box-sizing:border-box;color:var(--ds-color-text);background:var(--ds-quick-match-surface);border:1px solid var(--ds-quick-match-rim);border-radius:var(--ds-radius-16);backdrop-filter:blur(var(--ds-quick-match-blur)) saturate(var(--ds-quick-match-saturation));-webkit-backdrop-filter:blur(var(--ds-quick-match-blur)) saturate(var(--ds-quick-match-saturation));box-shadow:var(--ds-shadow-raised)}.qm-toolbar{display:flex;align-items:center;gap:var(--ds-space-8);min-height:var(--ds-quick-match-toolbar-height);padding:var(--ds-space-8);font-size:var(--ds-font-size-label)}.qm-assistance,.qm-actions,.qm-metrics{display:flex;align-items:center;gap:var(--ds-space-8);min-width:0}.qm-assistance:empty{display:none}.qm-metrics{flex:1;justify-content:center;gap:var(--ds-space-16);padding-inline:var(--ds-space-8)}.qm-actions,.qm-exit{border-inline-start:1px solid var(--ds-quick-match-rim);padding-inline-start:var(--ds-space-8)}.qm-metric{display:inline-flex;align-items:center;gap:var(--ds-space-8);white-space:nowrap;font-variant-numeric:tabular-nums}.qm-timer span{min-width:7ch}.qm-toolbar .ds-button.qm-action{min-height:var(--ds-control-height-44);padding:var(--ds-space-8) var(--ds-space-12);background:var(--ds-quick-match-control);color:var(--ds-color-text);border-color:var(--ds-quick-match-rim);box-shadow:none;font-size:var(--ds-font-size-label);white-space:nowrap}.qm-toolbar .ds-button.qm-action .ds-icon{color:inherit}.qm-toolbar .ds-button.qm-leave{color:var(--ds-quick-match-danger)}.qm-toolbar .ds-button.qm-action:focus-visible{outline:2px solid var(--ds-color-primary);outline-offset:2px}@media (hover: hover) and (pointer: fine){.qm-toolbar .ds-button.ds-button.qm-action[data-recipe=glass][data-variant=secondary]:not(:disabled):hover{background:var(--ds-quick-match-hover);transform:none}}.qm-race{display:grid;gap:var(--ds-space-8);padding:var(--ds-space-12) var(--ds-space-16);min-height:var(--ds-quick-match-race-height)}.qm-race-row{display:grid;grid-template-columns:minmax(12rem,.45fr) 5ch minmax(0,1fr);gap:var(--ds-space-12);align-items:center;min-width:0}.qm-identity{display:flex;align-items:center;gap:var(--ds-space-8);min-width:0}.qm-identity>.ds-icon{flex:none;color:var(--ds-quick-match-opponent)}.qm-local .qm-identity>.ds-icon{color:var(--ds-color-primary)}.qm-identity-text{min-width:0}.qm-name-line{display:flex;align-items:center;gap:var(--ds-space-8);min-width:0}.qm-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ds-font-size-label);font-weight:var(--ds-font-weight-semibold)}.qm-you{color:var(--ds-color-text-secondary);font-size:var(--ds-font-size-caption)}.qm-type{display:block;color:var(--ds-color-text-secondary);font-size:var(--ds-font-size-caption);line-height:1.5;overflow-wrap:anywhere}.qm-count{font-size:var(--ds-font-size-label);font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}.qm-track{position:relative;height:var(--ds-space-16);border-radius:var(--ds-radius-10);overflow:hidden;background:var(--ds-quick-match-track)}.qm-track .progress-fill-small{width:100%;height:100%;background:var(--ds-quick-match-opponent);transform:scaleX(var(--progress-scale));transform-origin:left center;transition:transform var(--ds-quick-match-progress-duration) ease-out}.qm-local .progress-fill-small{background:var(--ds-color-primary)}[dir=rtl] .qm-track .progress-fill-small{transform-origin:right center}.qm-match-status{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-8);min-height:var(--ds-control-height-44);padding:var(--ds-space-8) var(--ds-space-16);border-radius:var(--ds-radius-24);background:var(--ds-quick-match-control);border:1px solid var(--ds-quick-match-rim);color:var(--ds-color-text);font-size:var(--ds-font-size-label);white-space:nowrap}@container (max-width: 58rem){.qm-toolbar{display:grid;grid-template-columns:auto 1fr auto}.qm-metrics{grid-column:1 / -1;grid-row:1;justify-content:space-between;flex-wrap:wrap;gap:var(--ds-space-8);padding:var(--ds-space-4)}.qm-assistance{grid-column:1;grid-row:2}.qm-actions{grid-column:2;grid-row:2;justify-content:end;flex-wrap:wrap;border:0;padding:0}.qm-exit{grid-column:3;grid-row:2}.qm-race-row{grid-template-columns:minmax(0,1fr) 5ch;gap:var(--ds-space-8)}.qm-track,.qm-handedness{grid-column:1 / -1}}@container (max-width: 25rem){.qm-toolbar{grid-template-columns:1fr auto}.qm-assistance{grid-column:1;flex-wrap:wrap}.qm-actions{grid-column:2}.qm-exit{grid-column:1 / -1;grid-row:3;border:0;padding:0;display:flex;justify-content:end}.qm-race{padding:var(--ds-space-12)}}@media (prefers-reduced-motion: reduce){.qm-track .progress-fill-small{transition:none}}@media (prefers-reduced-transparency: reduce),(prefers-contrast: more){.qm-toolbar,.qm-race,.qm-match-status{background:var(--ds-color-paper);backdrop-filter:none;-webkit-backdrop-filter:none}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.qm-toolbar,.qm-race{background:var(--ds-color-paper)}}@media (forced-colors: active){.qm-toolbar,.qm-race,.qm-match-status{background:Canvas;color:CanvasText;border-color:CanvasText;-webkit-backdrop-filter:none;backdrop-filter:none}.qm-track{border:1px solid CanvasText}.qm-track .progress-fill-small{background:Highlight;forced-color-adjust:none}}.qm-unavailable{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:var(--ds-font-size-caption);line-height:1.3;color:var(--ds-color-text)}.presence-badge.svelte-ju4zke{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-8);white-space:nowrap;font-variant-numeric:tabular-nums}.queue-badge.svelte-ju4zke{min-width:5ch;padding:var(--ds-space-4) var(--ds-space-8);border-radius:var(--ds-radius-12);font-size:var(--ds-font-size-caption);background:var(--ds-color-primary-hover);color:var(--ds-color-on-primary)}.presence-chip.svelte-ju4zke{min-width:180px;min-height:48px;padding-inline:var(--ds-space-16);border:1px solid var(--ds-color-scene-panel-edge);border-radius:var(--ds-radius-24);background:var(--ds-color-scene-action);font-size:var(--ds-font-size-label)}.presence-dot.svelte-ju4zke{width:8px;height:8px;border-radius:var(--ds-radius-10);background:var(--ds-color-scene-online-indicator);flex:none}.match-button-wrapper.svelte-1a034bn{display:inline-grid;align-items:stretch;max-width:100%}.width-reserve.svelte-1a034bn{grid-area:1 / 1;display:grid;visibility:hidden;pointer-events:none;font-size:var(--ds-font-size-label);font-weight:var(--ds-font-weight-medium);padding:var(--ds-space-8) var(--ds-space-16);border:1px solid transparent}.width-reserve.svelte-1a034bn>span:where(.svelte-1a034bn){grid-area:1 / 1;display:flex;align-items:center;justify-content:center;gap:var(--ds-space-8)}.match-button-wrapper.svelte-1a034bn .match-button,.match-button-wrapper.svelte-1a034bn .match-status-indicator{grid-area:1 / 1}.button-label.svelte-1a034bn{min-width:0;font-variant-numeric:tabular-nums}