@layer components{.week-splits-filter{display:contents}@media(width < 1024px){.week-splits-filter--inline{display:none}}@media(width >= 1024px){.week-splits-filter--header{display:none}}.week-splits-filter__trigger-row{order:100;flex-shrink:0;display:contents}.week-splits-filter--header .week-splits-filter__trigger-row{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:3px;order:0}.week-splits-filter__wordmark .wordmark{font-size:.5625rem;letter-spacing:-0.2px;line-height:1}.week-splits-filter__trigger{display:inline-flex;align-items:center;gap:4px;padding:.4rem 1rem;border:1px solid var(--color-accent);border-radius:var(--filter-control-radius);background:rgba(0,0,0,0);color:var(--color-text);font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.5;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease}.week-splits-filter--inline .week-splits-filter__trigger{order:100;flex-basis:auto;margin-left:auto;flex-shrink:0}.week-splits-filter--header .week-splits-filter__trigger{gap:5px;padding:6px 10px;font-size:.6875rem;font-weight:300;letter-spacing:-0.1px;box-shadow:0 0 12px color-mix(in srgb, var(--btn-shaded-active-border) 18%, transparent)}.week-splits-filter__trigger:hover{background:var(--btn-shaded-active-bg)}.week-splits-filter--open .week-splits-filter__trigger{background:var(--btn-shaded-active-bg);border-color:var(--btn-shaded-active-border);color:var(--btn-shaded-active-text)}.week-splits-filter--open .week-splits-filter__trigger:hover{background:var(--btn-shaded-active-bg)}.week-splits-filter--open .week-splits-filter__trigger .week-splits-filter__lock{color:inherit}.week-splits-filter__lock{width:1em;height:1em;color:var(--color-accent)}.week-splits-filter__chevron{width:.9em;height:.9em;color:var(--color-text-secondary);transition:transform .2s ease}.week-splits-filter--header .week-splits-filter__chevron{display:none}.week-splits-filter--open .week-splits-filter__chevron{color:inherit;transform:rotate(180deg)}.week-splits-filter__panel{order:101;flex-basis:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 12px 20px -10px rgba(0,0,0,.35);display:grid;grid-template-areas:"top" "buttons" "pills";gap:1rem 0}@media(width >= 768px){.week-splits-filter__panel{padding:1rem}}.week-splits-filter__panel-top{grid-area:top;display:flex;flex-direction:column;gap:1rem}.week-splits-filter__panel-header{display:flex;align-items:center;justify-content:space-between}.week-splits-filter__panel-title{display:flex;align-items:center;gap:.375rem;margin:0;font-size:.875rem;font-weight:600;color:var(--color-accent)}.week-splits-filter__panel-title .week-splits-filter__info-icon{display:none}@media(width < 768px){.week-splits-filter__panel-title .week-splits-filter__info-icon{display:inline-flex}}.week-splits-filter__panel-desc{margin:0;font-size:.75rem;color:var(--color-text-secondary);align-self:start}@media(width < 768px){.week-splits-filter__panel-desc{display:none}}.week-splits-filter__selected-summary{display:flex;align-items:center;gap:.5rem;min-height:1.25rem}@media(width < 768px){.week-splits-filter__selected-summary{display:none}}.week-splits-filter__selected-pre{font-size:.75rem;color:var(--color-text-secondary);flex-shrink:0}.week-splits-filter__selected-pill{display:inline-flex;align-items:center;padding:.125rem .625rem;border:1px solid var(--btn-shaded-active-border);border-radius:999px;font-size:.75rem;font-weight:300;color:var(--btn-shaded-active-text);background:rgba(0,0,0,0)}.week-splits-filter__buttons{grid-area:buttons;display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.week-splits-filter__buttons .week-splits-filter__legend{margin-left:auto}@media(width < 768px){.week-splits-filter__buttons .week-splits-filter__legend{display:none}}.week-splits-filter__button{display:inline-flex;align-items:center;justify-content:center;appearance:none;padding:0 .75rem;height:24px;border:1px solid var(--color-border);border-radius:8px;background:rgba(0,0,0,0);color:var(--color-text);font-family:inherit;font-size:.75rem;font-weight:300;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}@media(width < 768px){.week-splits-filter__button{font-size:.7rem}}.week-splits-filter__button .week-splits-filter__button-label-short{display:none}@media(width < 768px){.week-splits-filter__button .week-splits-filter__button-label-full{display:none}.week-splits-filter__button .week-splits-filter__button-label-short{display:inline}}.week-splits-filter__button.active{background-color:var(--btn-shaded-active-bg);border-color:var(--btn-shaded-active-border);color:var(--btn-shaded-active-text)}.week-splits-filter__button:hover:not(.active){opacity:.8}.week-splits-filter__button.week-splits-filter__button--locked{opacity:.6;gap:.3rem}.week-splits-filter__button.week-splits-filter__button--locked .week-splits-filter__button-lock{width:.65rem;height:.65rem;flex-shrink:0;color:var(--color-accent)}.week-splits-filter__button.week-splits-filter__button--locked.active .week-splits-filter__button-lock{color:inherit}.week-splits-filter__pills{grid-area:pills;display:grid;grid-template-columns:repeat(9, 1fr);gap:.375rem;align-self:start}@media(width >= 768px){.week-splits-filter__pills{grid-template-columns:repeat(18, 1fr)}}.week-splits-filter__pill{display:inline-flex;align-items:center;justify-content:center;appearance:none;min-width:0;width:100%;height:26px;border:1px solid var(--btn-shaded-border);border-radius:6px;background:var(--btn-shaded-bg);color:var(--btn-shaded-text);font-family:inherit;font-size:.75rem;font-weight:300;cursor:pointer}.week-splits-filter__pill.active{background-color:var(--btn-shaded-active-bg);border-color:var(--btn-shaded-active-border);color:var(--btn-shaded-active-text)}.week-splits-filter__pill--unplayed{cursor:not-allowed;background:#0c1018;border-style:dashed;border-color:var(--color-border)}.week-splits-filter__pill--locked{opacity:.5;gap:.2rem}.week-splits-filter__pill--locked .week-splits-filter__pill-lock{width:.55rem;height:.55rem;flex-shrink:0;color:var(--color-accent)}.week-splits-filter__pill--locked.active .week-splits-filter__pill-lock{color:inherit}.week-splits-filter__legend{display:flex;flex-wrap:wrap;gap:.75rem}.week-splits-filter__legend--tooltip{margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--color-border)}.week-splits-filter__legend-item{display:inline-flex;align-items:center;gap:.375rem;font-size:.7rem;color:var(--color-text-secondary)}.week-splits-filter__legend-dot{display:inline-block;width:.75rem;height:.75rem;border-radius:var(--radius-full);border:1px solid var(--color-border)}.week-splits-filter__legend-dot--selected{background-color:var(--color-accent-blue);border-color:var(--color-accent-blue)}html.dark .week-splits-filter__legend-dot--selected{background-color:var(--color-primary-green);border-color:var(--color-primary-green)}.week-splits-filter__legend-dot--unselected{background:rgba(0,0,0,0)}.week-splits-filter__legend-dot--unplayed{background:#0c1018;border-style:dashed;border-color:var(--faint)}.week-splits-filter__clear{display:inline-flex;align-items:center;gap:.25rem;padding:0;border:none;background:rgba(0,0,0,0);color:var(--color-text-secondary);font-family:inherit;font-size:.7rem;font-weight:300;cursor:pointer;white-space:nowrap;transition:color .15s ease}.week-splits-filter__clear:hover{color:var(--color-text)}.week-splits-filter__clear-icon{width:.875rem;height:.875rem;flex-shrink:0}}