@layer components{.stat-builder__gutter{padding:.5rem .5rem 1rem}@media(width >= 768px){.stat-builder__gutter{padding:.75rem 1.5rem 1.25rem}}.stat-builder__results{margin-top:1rem}.content-container:has(.player-picker){overflow:visible}.stat-builder__wordmark-bold{font-weight:800}.stat-builder__wordmark-light{font-weight:300}.stat-builder__wordmark-accent{font-weight:600;color:var(--color-accent)}.stat-builder__empty-card{padding:5.5rem 1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.stat-builder__empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;color:var(--color-text-muted)}.stat-builder__empty-icon{width:3.25rem;height:3.25rem;color:var(--color-text-muted)}.stat-builder__empty-title{font-size:1.125rem;font-weight:700;color:var(--color-text)}.stat-builder__empty-text{max-width:24rem}.sb-value{font-weight:700}.sb-rank{margin-left:.375rem;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)}.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))}.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))}.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))}.sb-split-toggle{display:inline-flex;align-items:stretch;gap:.15rem;margin-top:.25rem;padding:.15rem;border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-text) 8%, transparent)}.sb-split-toggle__option{padding:.2rem .5rem;font-size:.6875rem;font-weight:600;color:var(--color-text-muted);background:none;border:none;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.sb-split-toggle__option--active{background:var(--color-accent);color:var(--color-black)}html:not(.dark) .sb-split-toggle__option--active{color:var(--color-white)}.sb-split-hidden{display:none}.player-picker{position:relative;margin-bottom:1rem}.player-picker__search{position:relative;display:flex;align-items:center}.player-picker__search-icon{position:absolute;left:1.25rem;width:1.25rem;height:1.25rem;color:var(--color-text-muted);pointer-events:none}.player-picker__search-icon--compact{left:.875rem;width:1rem;height:1rem}.player-picker__input{width:100%;padding:1.125rem 1.375rem 1.125rem 3.375rem;font-size:1.25rem;font-weight:600;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--radius-xl);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 12%, transparent),0 0 20px 2px color-mix(in srgb, var(--color-accent) 25%, transparent);transition:box-shadow .15s ease}.player-picker__input:focus{outline:none;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent) 16%, transparent),0 0 28px 4px color-mix(in srgb, var(--color-accent) 32%, transparent)}.player-picker__input--compact{width:21rem;padding:.625rem 1rem .625rem 2.5rem;font-size:.9375rem;font-weight:500;border-color:var(--color-border);box-shadow:none}.player-picker__dropdown{position:absolute;z-index:20;left:0;right:0;margin-top:.375rem;list-style:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 24px var(--color-divider-strong);overflow:hidden}.player-picker__result{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;color:var(--color-text);text-decoration:none}.player-picker__result:hover{background:var(--color-hover)}.player-picker__result-name{flex:1;font-weight:500}.player-picker__result-pos{font-size:.75rem;color:var(--color-text-muted)}.player-picker__match{color:var(--color-accent-teal);font-weight:700}.player-picker__empty{padding:.75rem .875rem;color:var(--color-text-muted)}.player-picker__trending{margin-top:.75rem}.player-picker__trending-label{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.player-picker__trending-icon{width:.875rem;height:.875rem}.player-picker__trending-chips{display:flex;flex-wrap:wrap;gap:.375rem}.player-picker__chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .625rem;font-size:.8125rem;color:var(--color-text);text-decoration:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full)}.player-picker__chip:hover{border-color:var(--color-accent)}.player-picker__chip-logo{border-radius:var(--radius-full)}.player-picker__chosen{display:flex;align-items:center;gap:1.25rem;padding:2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.player-picker__meta{display:flex;flex-direction:column;gap:.375rem;line-height:1.2}.player-picker__name{font-size:2.5rem;font-weight:700}.player-picker__subtitle{font-size:.9375rem;color:var(--color-text-muted)}.player-picker__change{position:relative;display:flex;align-items:center;margin-left:auto}.player-picker__reset{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.5rem;height:2.5rem;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-full)}.player-picker__reset:hover{color:var(--color-text);background:var(--color-hover)}.player-picker__reset-icon{width:1.125rem;height:1.125rem}}