@layer components{.proj-tool{--proj-ink-1: color-mix(in srgb, var(--color-text) 79%, color-mix(in srgb, var(--brand-purple) 16%, var(--color-bg)));--proj-ink-2: color-mix(in srgb, var(--color-text) 69%, color-mix(in srgb, var(--brand-purple) 16%, var(--color-bg)));--proj-ink-3: color-mix(in srgb, var(--color-text) 56%, color-mix(in srgb, var(--brand-purple) 12%, var(--color-bg)));--proj-ink-4: color-mix(in srgb, var(--color-text) 46%, color-mix(in srgb, var(--brand-purple) 9%, var(--color-bg)));--proj-lavender: color-mix(in srgb, var(--color-text) 73%, var(--proj-ink-1));--proj-panel-1: color-mix(in srgb, var(--color-surface) 92%, var(--brand-purple) 8%);--proj-panel-2: color-mix(in srgb, var(--color-surface) 88%, var(--brand-purple) 12%);--proj-panel-3: color-mix(in srgb, var(--color-surface) 85%, var(--brand-purple) 15%);--proj-rule: var(--color-border-faint);--proj-pin-shadow: rgb(0 0 0 / 12%);--proj-popover-shadow: 0 12px 32px color-mix(in srgb, var(--color-black) 18%, transparent);--proj-bad: var(--color-danger);--proj-bad-soft: var(--color-danger)}html.dark .proj-tool{--proj-rule: #211e36;--proj-pin-shadow: rgb(6 3 12 / 55%);--proj-popover-shadow: 0 12px 32px color-mix(in srgb, var(--color-black) 60%, transparent);--proj-bad: var(--color-danger-bright);--proj-bad-soft: #ff6b6b}.proj-heading__title .brand-name-hero__divider,.proj-heading__title .brand-name-hero__qualifier{color:var(--proj-ink-2)}@media(width > 1024px){.proj-command-bar{display:flex;align-items:stretch;width:100%;background:var(--color-surface);border:1px solid var(--color-border-faint);border-radius:12.8px}.proj-command-bar__spacer{flex:1}.proj-command-panel{margin-bottom:12.8px}.proj-command-bar__lead{display:flex;align-items:stretch;flex-shrink:0;padding:6.4px 16px}.proj-command-bar__fields{display:flex;align-items:stretch;gap:9.6px}.proj-field-label{font-size:8.8px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--proj-ink-4);white-space:nowrap;line-height:1;position:relative;top:-4.8px}.proj-command-bar__divider{align-self:stretch;width:.8px;flex-shrink:0;background:var(--color-border-faint)}.proj-command-bar__divider[data-variant=tall]{margin:1.6px 14.4px 0;background:color-mix(in srgb, var(--border-hairline) 60%, var(--color-surface))}.proj-command-bar__divider:not([data-variant]){margin:9.6px 0}.proj-command-bar .wr-cb-field{justify-content:center;width:76.8px}.proj-command-bar .wr-cb-popover__trigger.is-active,.proj-command-bar .wr-cb-popover__trigger:has(.wr-cb-popover__display--matchup){font-weight:600;color:var(--color-text);border-color:var(--proj-lavender)}.proj-command-bar .wr-cb-popover__header{margin-bottom:8px}.proj-command-bar .wr-cb-popover__header-label{font-size:8.8px}.proj-command-bar .wr-cb-popover__all{height:19.2px;padding:0 8px;border-radius:4.8px;font-size:8.8px}.proj-command-bar .wr-cb-team-grid,.proj-command-bar .wr-cb-game-list{gap:4.8px}.proj-command-bar .wr-cb-team-tile,.proj-command-bar .wr-cb-game-row{height:32px;border-radius:4.8px}.proj-command-bar .wr-cb-team-tile img{width:20.8px;height:20.8px}.proj-command-bar .wr-cb-game-row{gap:6.4px}.proj-command-bar .wr-cb-game-row img{width:17.6px;height:17.6px}.proj-command-bar .wr-cb-game-row__at{font-size:8.8px}.proj-command-bar__position{position:relative;display:flex;align-items:stretch;justify-content:center;gap:9.6px}.proj-command-bar__position .wr-cb-field{width:112px}.proj-pos-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:4.8px}.proj-pos-group-head{margin:9.6px 0 6.4px}.proj-pos-chip{display:flex;align-items:center;justify-content:center;height:32px;border-radius:6.4px;border:1px solid var(--color-border-faint);background:color-mix(in srgb, var(--color-surface) 85%, var(--brand-purple) 15%);color:var(--color-text);font-size:10.4px;font-weight:400;cursor:pointer}.proj-pos-chip.is-active{border-color:var(--proj-lavender);background:color-mix(in srgb, var(--proj-lavender) 8%, transparent);font-weight:600}.proj-pos-chip--flex{width:100%;gap:6.4px}.proj-pos-chip__caption{font-size:8.8px;font-weight:300;color:var(--color-text-muted)}.proj-toggle{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:6.4px 0;box-sizing:border-box;width:112px;height:67.2px;flex-shrink:0;align-self:center;border-radius:9.6px}.proj-toggle[data-locked=true]{opacity:.7;pointer-events:none}.proj-toggle .proj-field-label{color:var(--proj-ink-4);top:-3.2px}.proj-toggle[data-group=proj] .proj-field-label{top:-3.68px}.proj-toggle[data-group=props][data-active=true]{box-shadow:inset 0 0 0 1.2px color-mix(in srgb, var(--color-accent-teal) 95%, transparent),0 0 0 4px color-mix(in srgb, var(--color-accent-teal) 20%, transparent),0 0 20.8px 4px color-mix(in srgb, var(--color-accent-teal) 40%, transparent)}.proj-toggle[data-group=props][data-active=true] .proj-field-label{color:var(--color-text)}.proj-toggle[data-group=proj][data-active=true]{box-shadow:inset 0 0 0 1.2px color-mix(in srgb, var(--proj-lavender) 90%, transparent),0 0 0 4px color-mix(in srgb, var(--proj-lavender) 16%, transparent),0 0 20.8px 4px color-mix(in srgb, var(--proj-lavender) 30%, transparent)}.proj-toggle[data-group=proj][data-active=true] .proj-field-label{color:var(--color-text)}.proj-toggle .sb-split-toggle{width:76px;height:30px;padding:2px;gap:2px;border-radius:8px;border-color:var(--border-hairline);overflow:hidden}.proj-toggle .sb-split-toggle__option{display:inline-flex;align-items:center;justify-content:center;width:34px;padding:0;font-size:10px;letter-spacing:.12em;border-radius:6px;background:none;color:var(--proj-ink-4)}.proj-toggle[data-group=props][data-active=true] .sb-split-toggle{border-color:var(--color-primary-green);box-shadow:0 0 9.6px color-mix(in srgb, var(--color-accent-teal) 35%, transparent)}.proj-toggle[data-group=proj][data-active=true] .sb-split-toggle{border-color:var(--proj-lavender)}.proj-toggle[data-active=false] .sb-split-toggle__option--active{background:color-mix(in srgb, var(--proj-lavender) 10%, transparent);color:var(--color-text)}.proj-toggle[data-group=props][data-active=true] .sb-split-toggle__option--active{background:rgba(0,0,0,0);border-color:var(--color-primary-green);box-shadow:inset 0 0 0 .8px color-mix(in srgb, var(--color-primary-green) 75%, transparent),0 0 11.2px color-mix(in srgb, var(--color-accent-teal) 40%, transparent);color:var(--color-text)}.proj-toggle[data-group=proj][data-active=true] .sb-split-toggle__option--active{background:rgba(0,0,0,0);border-color:var(--proj-lavender);box-shadow:inset 0 0 0 .8px color-mix(in srgb, var(--proj-lavender) 60%, transparent),0 0 11.2px color-mix(in srgb, var(--proj-lavender) 35%, transparent);color:var(--color-text)}.proj-toggle__note{position:absolute;bottom:.8px;left:0;right:0;white-space:nowrap;text-align:center;font-size:7.2px;font-weight:300;line-height:1;color:var(--color-text);pointer-events:none}.proj-command-bar__search{display:flex;align-items:center;flex:0 0 auto;padding:8px 6.4px}.proj-search-field{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:67.2px;padding:8.8px 0 0 4.8px}.proj-search-field .proj-field-label{height:8.8px;line-height:1;white-space:nowrap;top:-3.6px}.proj-search{position:relative;display:inline-flex;align-items:center;height:40px;width:142.4px;border-radius:10px;border:1px solid var(--color-border-strong);background:rgba(0,0,0,0);box-shadow:inset 0 0 0 .8px color-mix(in srgb, var(--color-text) 10%, transparent),0 0 14.4px color-mix(in srgb, var(--color-text) 14%, transparent)}.proj-search__glyph{position:absolute;left:9.6px;font-size:11.2px;color:var(--color-text-muted);pointer-events:none}.proj-search__input{width:100%;height:38px;background:rgba(0,0,0,0);border:none;color:var(--color-text);font-size:13px;font-weight:300;padding:0 11.2px 0 32px}.proj-search__input:focus-visible{outline:2px solid var(--color-accent-teal);outline-offset:-2px}.proj-scoring-wrap{display:flex;align-items:center;align-self:center;padding:7.68px 7.68px 7.68px 22.08px}.proj-scoring{display:flex;align-items:stretch;min-height:80.64px;border-radius:11.52px;border:.48px solid color-mix(in srgb, var(--brand-purple) 45%, transparent);background:var(--color-surface)}.proj-scoring[data-dfs=true]{border-width:.96px;border-color:color-mix(in srgb, var(--brand-purple) 70%, transparent);box-shadow:inset 0 0 0 .96px color-mix(in srgb, var(--brand-purple) 55%, transparent),0 0 0 3.84px color-mix(in srgb, var(--brand-purple) 10%, transparent),0 0 38.4px 5.76px color-mix(in srgb, var(--brand-purple) 18%, transparent)}.proj-scoring__current{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8.64px;padding:0 17.28px;margin:9.6px 0;border-right:.96px solid var(--border-hairline);white-space:nowrap}.proj-scoring__current .proj-field-label{font-size:10.56px;top:-4.8px}.proj-command-bar .wr-cb-mobile-dfs__label{font-size:14.5px;text-transform:none;white-space:nowrap}.proj-command-bar .wr-cb-mobile-dfs__label-part{font-weight:var(--wr-cb-fw-light)}.proj-command-bar .wr-cb-mobile-dfs__label-part[data-part=dfs]{font-weight:600}.proj-scoring__choice{display:flex;flex-direction:column;align-items:center;gap:5.76px}.proj-scoring__value{display:inline-flex;align-items:center;justify-content:center;height:21.12px}.proj-scoring__ppr{font-size:18.24px;font-weight:600;letter-spacing:.04em;color:var(--color-text)}.proj-scoring__sub{position:relative;top:7.2px;height:10.56px;font-size:9.6px;font-weight:400;letter-spacing:.02em;line-height:10.56px;color:var(--proj-ink-4);white-space:nowrap}.proj-scoring__sub:empty{visibility:hidden}.proj-scoring .proj-scoring__logo{width:21.12px;height:21.12px}.proj-scoring__reset{position:absolute;top:-5.8px;right:3.8px;width:15.4px;height:15.4px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:4.8px;border:1px solid var(--border-hairline);background:rgba(0,0,0,0);color:var(--proj-ink-2);font-size:9.6px;line-height:1;cursor:pointer}.proj-scoring__reset:hover{color:var(--color-text);border-color:var(--color-border)}.proj-scoring__buttons{display:flex;flex-direction:column;justify-content:center;gap:3.84px;padding:0 11.52px;margin:7.68px 0}.proj-scoring__site{display:flex;align-items:center;gap:9.6px;height:26.88px;padding:0 9.6px;border-radius:6.72px;border:.96px solid var(--color-border-faint);background:rgba(0,0,0,0);white-space:nowrap;cursor:pointer}.proj-scoring__site.is-active{border-color:color-mix(in srgb, var(--brand-purple) 80%, transparent);background:color-mix(in srgb, var(--brand-purple) 14%, transparent);box-shadow:inset 0 0 0 .96px color-mix(in srgb, var(--brand-purple) 40%, transparent),0 0 11.52px color-mix(in srgb, var(--brand-purple) 35%, transparent)}.proj-scoring__site.is-active .proj-scoring__site-name{font-weight:600;color:var(--color-text)}.proj-scoring .proj-scoring__site-logo{width:13.44px;height:13.44px;flex-shrink:0}.proj-scoring__site-name{width:71.04px;text-align:left;font-size:11.04px;font-weight:400;color:var(--color-text-secondary);white-space:nowrap}.proj-scoring__own{display:inline-flex;align-items:center;height:17.28px;padding:0 5.76px;border-radius:4.8px;border:.96px solid color-mix(in srgb, var(--brand-purple) 60%, transparent);background:color-mix(in srgb, var(--brand-purple) 16%, transparent);font-size:9.12px;font-weight:600;letter-spacing:.06em;line-height:1;color:var(--color-text)}.proj-scoring__site-caption{font-size:8.6px;font-weight:400;color:var(--color-text);letter-spacing:.02em;white-space:nowrap}}@media(width > 1024px)and (width < 1200px){.proj-command-bar__lead{padding:6.4px 4px}.proj-command-bar__fields{gap:4px}.proj-command-bar__divider[data-variant=tall]{margin:1.6px 3px 0}.proj-command-bar__position{gap:4px}.proj-command-bar__search{flex:1 1 120px;min-width:100px;padding:8px 2px}.proj-search-field{padding:8.8px 0 0}.proj-search{width:100%}.proj-scoring-wrap{padding:7.68px 3px 7.68px 6px}.proj-scoring__current{padding:0 6px}.proj-scoring__buttons{padding:0 4px}.proj-scoring__site{padding:0 4px;gap:4px}}}
