@layer components{.matchup-iq-header{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem}.matchup-iq-header .player-picker,.matchup-iq-header .player-picker--selected,.matchup-iq-header .player-picker__chosen,.matchup-iq-header .player-picker__actions{display:contents}.matchup-iq-header .player-picker__identity:not(.player-picker__identity--inline){order:1;flex:0 1 auto;padding:.625rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.matchup-iq-header .player-picker__identity .table-logo{width:40px;height:40px}.matchup-iq-header .player-picker__name{font-size:1.25rem}.matchup-iq-header .player-picker__change{order:4}.matchup-iq-header .player-picker__reset{order:5;margin-left:auto}.matchup-iq-header>[data-stat-builder-player-search-target=results]{order:6;flex-basis:100%}.matchup-iq-vs{order:2;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted)}.matchup-iq-toggle{order:3;flex-shrink:0;width:auto;min-width:0}.matchup-iq-toggle .filter-btn{width:auto;height:auto;padding:.625rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:inherit}html.dark .matchup-iq-toggle .filter-btn{border-color:var(--color-border)}.matchup-iq-toggle .filter-btn__label{font-size:.625rem}.matchup-iq-toggle .filter-btn__value{display:block;overflow:visible;white-space:normal;text-overflow:unset}.matchup-iq-toggle .filter-btn__chevron{margin-inline-start:.375rem}.matchup-iq-toggle__placeholder{color:var(--color-text-muted)}.matchup-iq-stats{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.matchup-iq-stat{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.matchup-iq-stat__brand{font-size:.75rem;font-weight:700;color:var(--color-accent)}.matchup-iq-stat__label{font-size:.8125rem;color:var(--color-text-muted);white-space:nowrap}.matchup-iq-stat__icon{display:block;flex-shrink:0}.matchup-iq-stat__value{font-size:1rem;font-weight:800;color:var(--color-text)}html.dark .matchup-iq-stat__value{color:hsla(0,0%,100%,.8)}.matchup-iq-stat__badge{margin-left:.125rem;padding:.0625rem .375rem;font-size:.75rem;font-weight:500;color:var(--color-text-muted);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-full)}.matchup-iq-stat__badge.sb-rank--good{color:var(--color-accent-teal);border-color:color-mix(in srgb, var(--color-accent-teal) 45%, transparent);background:color-mix(in srgb, var(--color-accent-teal) 12%, var(--color-surface))}.matchup-iq-stat__badge.sb-rank--mid{color:var(--color-warning-amber);border-color:color-mix(in srgb, var(--color-warning-amber) 45%, transparent);background:color-mix(in srgb, var(--color-warning-amber) 12%, var(--color-surface))}.matchup-iq-stat__badge.sb-rank--poor{color:var(--color-danger-bright);border-color:color-mix(in srgb, var(--color-danger-bright) 45%, transparent);background:color-mix(in srgb, var(--color-danger-bright) 12%, var(--color-surface))}.switch-tool-link{display:inline-flex;align-items:center;gap:.5rem;margin-left:auto;padding:.5rem .875rem;font-size:.8125rem;text-decoration:none;background:var(--color-surface-raised, var(--color-surface));border:1.5px solid color-mix(in srgb, var(--color-accent) 50%, var(--color-border));border-radius:var(--radius-full);transition:border-color .15s ease,background-color .15s ease}.switch-tool-link:hover{background:color-mix(in srgb, var(--color-accent) 12%, transparent);border-color:var(--color-accent)}.switch-tool-link__icon{width:1rem;height:1rem;color:var(--color-accent);flex-shrink:0}.switch-tool-link__prefix{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}.switch-tool-link__name{font-weight:600;color:var(--color-text)}@media(width < 640px){.matchup-iq-header .player-picker__identity,.matchup-iq-header .matchup-iq-toggle{flex:1 1 100%}.matchup-iq-vs{display:none}.player-picker__identity .table-logo{width:28px;height:28px}.player-picker__name{font-size:1rem}.matchup-iq-stat{flex:1 1 100%}.switch-tool-link{padding:.25rem .5rem;font-size:.75rem}}}