@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}.stat-builder__results .data-table th{background:linear-gradient(var(--color-header-bg), var(--color-header-bg)),var(--color-surface)}.stat-builder__results th:nth-child(3),.stat-builder__results td:nth-child(3){border-left:1px solid var(--color-border)}.stat-builder__gutter .ci-cards .filter-card__title::before,.stat-builder__gutter .ci-cards .active-stats-section__label::before{display:none}.stat-builder__gutter .ci-cards .filter-card__header,.stat-builder__gutter .ci-cards .active-stats-section__header{position:relative;padding-left:2.5rem}.stat-builder__gutter .ci-cards .ci-accordion>.filter-card__header,.stat-builder__gutter .ci-cards .ci-accordion>.active-stats-section__header{padding-bottom:1.125rem}.stat-builder__gutter .ci-cards .ci-accordion__toggle{position:absolute;left:.75rem;top:50%;margin-left:0;transform:translateY(-50%)}.stat-builder__gutter .ci-cards .ci-accordion__chevron{width:.8125rem;height:.8125rem;color:var(--color-primary-green);transform:rotate(-90deg)}.stat-builder__gutter .ci-cards .ci-accordion.is-expanded .ci-accordion__chevron{transform:rotate(0deg)}.content-container:has(.player-picker){overflow:visible}.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:500}.sb-stat-label-abbr{display:none}.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-row{display:flex;align-items:center;gap:.625rem}.sb-split-toggle{display:inline-flex;align-items:stretch;gap:.15rem;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}@media(hover: none){.sb-split-toggle__option{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.375rem .75rem;font-size:.75rem}}.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}.sb-compare{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1rem}.sb-compare__row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.sb-compare__label{font-size:.8125rem;font-weight:600;color:var(--color-text-muted)}.sb-compare__chip{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .3rem .3rem .625rem;font-size:.8125rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full)}.sb-compare__remove{display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;color:var(--color-text-muted);border-radius:var(--radius-full)}.sb-compare__remove:hover{color:var(--color-text);background:color-mix(in srgb, var(--color-text) 10%, transparent)}.sb-compare__remove-icon{width:.75rem;height:.75rem}.sb-compare__add{position:relative;display:inline-flex;align-items:center}.sb-compare__results{position:absolute;inset-block-start:calc(100% + .25rem);inset-inline-start:0;z-index:5;min-width:16rem}.sb-compare__add-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;color:var(--color-accent);cursor:pointer;background:none;border:1px dashed var(--color-accent);border-radius:var(--radius-full)}.sb-compare__add-icon{width:.875rem;height:.875rem}.sb-compare__full{font-size:.8125rem;color:var(--color-text-muted)}.sb-compare-header{display:inline-flex;align-items:center;gap:.4375rem}.sb-compare-header__name{font-weight:600}.sb-compare-table .sb-compare-cell{display:inline-flex;align-items:center;gap:.375rem;padding:.15rem .5rem;border-radius:var(--radius-full)}.sb-compare-table .sb-compare-cell.sb-split-hidden{display:none}.sb-compare-table .sb-compare-cell .sb-value{font-weight:300}.sb-compare-table .sb-compare-cell--best{background:color-mix(in srgb, var(--color-accent-teal) 26%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-accent-teal) 55%, transparent)}.sb-compare-table .sb-compare-cell--best .sb-value{font-weight:600;color:var(--color-accent-teal)}.sb-compare-toggle{display:flex;justify-content:flex-end;margin-bottom:.5rem}.sb-compare-toggle .custom-split-header:empty{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);overflow:hidden;text-overflow:ellipsis;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{flex:0 1 auto;width:11rem;padding:.5rem .875rem .5rem 2.25rem;font-size:.8125rem;font-weight:500;box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 12%, transparent),0 0 12px 1px color-mix(in srgb, var(--color-accent) 25%, transparent)}.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;color:var(--color-accent)}.player-picker__carousel{position:relative}.player-picker__trending-chips{display:flex;flex-wrap:nowrap;gap:.375rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none}.player-picker__trending-chips::-webkit-scrollbar{display:none}.player-picker__carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;color:var(--color-text);cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:0 1px 4px rgba(0,0,0,.15)}.player-picker__carousel-arrow[hidden]{display:none}.player-picker__carousel-arrow:hover{border-color:var(--color-accent)}.player-picker__carousel-arrow svg{width:1rem;height:1rem}.player-picker__carousel-arrow--prev{left:-0.375rem}.player-picker__carousel-arrow--next{right:-0.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);flex-shrink:0;scroll-snap-align:start}.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:0 1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.player-picker__identity{display:flex;align-items:center;gap:1.25rem;flex:1 1 0%;min-width:0}.player-picker__identity>.logo-tooltip{flex-shrink:0}.player-picker__meta{display:flex;flex-direction:column;gap:.375rem;min-width:0;line-height:1.2}.player-picker__name{font-size:1.5rem;font-weight:800;letter-spacing:-0.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.player-picker__subtitle{font-size:.75rem;color:var(--color-text-muted)}.player-picker__subtitle-abbr{display:none}.player-picker__change{position:relative;display:flex;align-items:center}.player-picker__actions{display:flex;align-items:center;gap:.75rem;margin-left:auto}.player-picker__reset{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--color-text-muted);border:1px solid var(--color-accent);border-radius:var(--radius-full);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 12%, transparent),0 0 12px 1px color-mix(in srgb, var(--color-accent) 25%, transparent)}.player-picker__reset:hover{color:var(--color-text);background:var(--color-hover)}.player-picker__reset-icon{width:.5625rem;height:.5625rem}@media(width < 64rem){.stat-builder__empty-card{padding:3rem 1.5rem}.player-picker__input{padding:1rem 1.125rem 1rem 3rem;font-size:1.0625rem}.player-picker__chip{padding:.4375rem .75rem}.player-picker__chosen{flex-wrap:wrap;gap:.75rem;padding:1.25rem}.player-picker__identity{gap:.5rem}.player-picker__identity .table-logo{width:22px;height:22px}.player-picker__meta{flex:1 1 auto}.player-picker__name{font-size:1.5rem}.player-picker__input--compact{width:8rem;padding:.375rem .75rem .375rem 2rem;font-size:.625rem}.player-picker__search-icon--compact{left:.625rem}.player-picker__reset{width:.875rem;height:.875rem}.player-picker__reset-icon{width:.4375rem;height:.4375rem}}@media(width < 28.125rem){.stat-builder__empty-card{padding:2.5rem 1.25rem}.player-picker__chosen{padding:.75rem;gap:.5rem}.player-picker__identity{gap:.5rem}.player-picker__name{font-size:1.25rem}}@media(width < 31.25rem){.player-picker__subtitle-full{display:none}.player-picker__subtitle-abbr{display:inline}.player-picker__name{font-size:13px}.sb-stat-label-full{display:none}.sb-stat-label-abbr{display:inline}.sb-rank{margin-left:.25rem;padding:.0625rem .25rem;font-size:.625rem}}}