html.team-maker-dialog-open{overflow:hidden}html.team-maker-restoring-scroll{scroll-behavior:auto!important}html.team-maker-dialog-open body{top:var(--team-maker-scroll-offset,0);width:100%;position:fixed;overflow:hidden}.team-maker-page{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--canvas:var(--color-canvas-light);--surface:var(--color-white);--surface-soft:var(--color-shell-surface-soft);--surface-alt:var(--color-surface-alt);--ink:var(--color-shell-text-heading-2);--muted:var(--color-shell-text-muted-2);--faint:var(--color-color-20);--line:var(--color-shell-hairline-2);--line-strong:var(--color-line-strong);--primary:var(--color-primary);--primary-active:var(--color-primary-hover);--primary-dark:var(--color-primary-hover);--on-primary:var(--color-white);--on-danger:var(--color-white);--focus:var(--color-primary);--primary-soft:var(--color-shell-page-background);--primary-line:var(--color-primary-line);--danger:var(--color-ui-danger);--danger-fill:var(--color-ui-danger-fill);--danger-soft:var(--color-ui-danger-soft);--danger-line:var(--color-ui-danger-border);--orange:var(--color-orange);--orange-soft:var(--color-orange-soft);--orange-line:var(--color-orange-line);--middle-rank:var(--color-middle-rank);--middle-rank-soft:var(--color-middle-rank-soft);--middle-rank-line:var(--color-middle-rank-line);--green:var(--color-green);--green-soft:var(--color-green-soft);--green-line:var(--color-green-line);--rank-green-fill:var(--color-green);--rank-danger-fill:var(--color-ui-danger);--scrim:var(--color-shell-overlay-2);--ui-canvas:var(--canvas);--ui-surface:var(--surface);--ui-surface-soft:var(--surface-soft);--ui-text:var(--ink);--ui-text-muted:var(--muted);--ui-border:var(--line);--ui-border-strong:var(--line-strong);--ui-primary:var(--primary);--ui-primary-hover:var(--primary-active);--ui-on-primary:var(--on-primary);--ui-focus:var(--focus);--ui-danger:var(--danger);--ui-danger-fill:var(--danger-fill);--ui-on-danger:var(--on-danger);--ui-danger-soft:var(--danger-soft);--ui-danger-border:var(--danger-line);font-family:SUIT,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}.team-maker-page.team-maker-font-expanded{font-family:SUIT Full,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}html[data-theme=dark] .site-shell .team-maker-page{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:var(--color-canvas-dark);--surface:var(--color-shell-surface);--surface-soft:var(--color-shell-surface-soft-2);--surface-alt:var(--color-surface-alt-2);--ink:var(--color-text-dark);--muted:var(--color-shell-text-muted-3);--faint:var(--color-row-remove-color);--line:var(--color-shell-hairline-3);--line-strong:var(--color-line-strong-2);--primary:var(--color-primary);--primary-active:var(--color-primary-hover);--primary-dark:var(--color-shell-focus);--on-primary:var(--color-white);--on-danger:var(--color-on-danger);--focus:var(--color-shell-focus);--primary-soft:var(--color-shell-nav-wash-2);--primary-line:var(--color-primary-line-2);--danger:var(--color-row-remove-danger);--danger-fill:var(--color-danger-fill);--danger-soft:var(--color-row-remove-background);--danger-line:var(--color-row-remove-border);--orange:var(--color-orange-2);--orange-soft:var(--color-orange-soft-2);--orange-line:var(--color-orange-line-2);--middle-rank:var(--color-middle-rank-2);--middle-rank-soft:var(--color-middle-rank-soft-2);--middle-rank-line:var(--color-middle-rank-line-2);--green:var(--color-green-2);--green-soft:var(--color-green-soft-2);--green-line:var(--color-green-line-2);--scrim:var(--color-shell-overlay-3)}@media (prefers-color-scheme:dark){html[data-theme=auto] .site-shell .team-maker-page{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:var(--color-canvas-dark);--surface:var(--color-shell-surface);--surface-soft:var(--color-shell-surface-soft-2);--surface-alt:var(--color-surface-alt-2);--ink:var(--color-text-dark);--muted:var(--color-shell-text-muted-3);--faint:var(--color-row-remove-color);--line:var(--color-shell-hairline-3);--line-strong:var(--color-line-strong-2);--primary:var(--color-primary);--primary-active:var(--color-primary-hover);--primary-dark:var(--color-shell-focus);--on-primary:var(--color-white);--on-danger:var(--color-on-danger);--focus:var(--color-shell-focus);--primary-soft:var(--color-shell-nav-wash-2);--primary-line:var(--color-primary-line-2);--danger:var(--color-row-remove-danger);--danger-fill:var(--color-danger-fill);--danger-soft:var(--color-row-remove-background);--danger-line:var(--color-row-remove-border);--orange:var(--color-orange-2);--orange-soft:var(--color-orange-soft-2);--orange-line:var(--color-orange-line-2);--middle-rank:var(--color-middle-rank-2);--middle-rank-soft:var(--color-middle-rank-soft-2);--middle-rank-line:var(--color-middle-rank-line-2);--green:var(--color-green-2);--green-soft:var(--color-green-soft-2);--green-line:var(--color-green-line-2);--scrim:var(--color-shell-overlay-3)}}@keyframes tm-burst{0%{opacity:1;transform:translate(0,0)rotate(0)scale(1)}to{opacity:0;transform:translate3d(var(--dx), var(--dy), 0) rotate(var(--rot)) scale(.6)}}@keyframes tm-recv{0%{opacity:0;transform:scale(.92)translateY(-4px)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes tm-checkbox-pop{0%{box-shadow:0 0 0 0 var(--primary-line)}60%{box-shadow:0 0 0 4px var(--primary-line)}to{box-shadow:0 0 #0000}}@keyframes tm-send{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.88)translateY(-6px)}}@keyframes tm-team-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}@keyframes tm-win-pulse{0%{box-shadow:0 0 0 0 var(--color-box-shadow-24), 0 2px 8px var(--color-box-shadow-2);transform:scale(1)translateY(0)}22%{box-shadow:0 0 0 10px var(--color-shell-nav-wash-2), 0 18px 34px var(--color-box-shadow-25);transform:scale(1.045)translateY(-6px)}46%{box-shadow:0 0 0 16px var(--color-shell-page-background-3), 0 10px 24px var(--color-box-shadow-26);transform:scale(.995)translateY(0)}68%{transform:scale(1.018)translateY(-2px)}to{box-shadow:0 8px 22px var(--color-shell-nav-wash-2);transform:scale(1)translateY(0)}}@keyframes tm-lose-fade{0%{transform:scale(1)}35%{transform:scale(.962)translateY(3px)}70%{transform:scale(.986)translateY(0)}to{transform:scale(.99)}}@keyframes tm-chip-pop{0%{opacity:0;transform:scale(.4)rotate(-8deg)}55%{opacity:1;transform:scale(1.22)rotate(3deg)}78%{transform:scale(.95)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes tm-sweep{0%{opacity:0;transform:translate(-120%)}18%{opacity:1}to{opacity:0;transform:translate(120%)}}@keyframes tm-name-lift{0%,to{transform:translateY(0)}40%{transform:translateY(-3px)}}@keyframes tm-pop{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@scope(.team-maker-page){*{box-sizing:border-box}:scope{color:var(--ink);-webkit-font-smoothing:antialiased;background:0 0;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible,textarea:focus-visible,dialog:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button:disabled,input:disabled{cursor:not-allowed;opacity:1}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}.storage-alert{gap:var(--space-12);padding:var(--space-16) var(--space-16);background:var(--surface);border:1px solid var(--danger-fill);box-shadow:0 2px 8px var(--color-box-shadow-2);border-left-width:4px;border-radius:12px;align-items:flex-start;margin:0;display:flex}.storage-alert .alert-mark{width:20px;height:20px;margin-top:var(--space-2);color:var(--color-white);font-size:var(--font-size-14);background:var(--danger-fill);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.storage-alert strong{color:var(--danger);font-size:var(--font-size-14);display:block}.storage-alert p{margin:var(--space-4) 0 0;color:var(--muted);font-size:var(--font-size-14);line-height:1.55}.card,.history-card{padding:var(--space-24);background:var(--surface);border:1px solid var(--line);box-shadow:0 2px 8px var(--color-box-shadow-2);border-radius:14px}.participant-card,.settings-card{gap:var(--space-16);flex-direction:column;display:flex}.settings-card{gap:var(--space-16)}.section-heading,.result-heading,.rules-heading{gap:var(--space-16);justify-content:space-between;align-items:center;display:flex}h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{font-family:SUITE,SUIT,sans-serif}.participant-card>.section-heading{flex-wrap:wrap}.count-label{color:var(--muted);font-family:SUIT,sans-serif;font-size:var(--font-size-14);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.heading-actions,.rule-actions,.result-actions{gap:var(--space-8);flex:none;align-items:center;display:flex}.utility-button,.icon-text-button,.icon-button,.rule-button,.primary-small-button,.danger-filled-button{cursor:pointer;background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;min-height:36px;transition:background .16s,border-color .16s,color .16s,transform .12s}.utility-button,.icon-text-button,.rule-button{padding:0 var(--space-12);color:var(--muted);font-size:var(--font-size-14);font-weight:650}.utility-button:where(:not(:disabled)):hover,.icon-text-button:hover{background:var(--canvas);border-color:var(--color-border-color-2)}.roster-button{color:var(--primary-dark)}.participant-help{color:var(--muted);font-size:var(--font-size-14);margin:0;font-weight:400;line-height:1.5}.participant-help[data-tone=error],.participant-help[data-tone=warning]{font-weight:600}.participant-help[data-tone=error]{color:var(--danger)}.participant-help[data-tone=warning]{color:var(--color-color-21)}.icon-button{width:36px;color:var(--faint);font-size:var(--font-size-18);place-items:center;padding:0;display:grid}.icon-button.roster-button{color:var(--primary-dark)}.icon-button.roster-button:hover{background:var(--primary-soft);border-color:var(--primary-line)}.danger-button{color:var(--danger);border-color:var(--danger-line)}.danger-button:not(:disabled):hover{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-line)}.add-person-form,.roster-save-row{gap:var(--space-8);display:flex}.add-person-form{height:36px}.add-person-form>button{white-space:nowrap;flex:none}#save-roster-button{padding:0 var(--space-20);font-size:var(--font-size-16);white-space:nowrap;flex:none;font-weight:700}input[type=text],input[type=number],textarea{width:100%;min-width:0;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:10px}input[type=text],textarea{padding:var(--space-12) var(--space-16);font-size:var(--font-size-16);line-height:1.5}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--faint)}.soft-primary-button{padding:0 var(--space-20);cursor:pointer;color:var(--primary-dark);font-size:var(--font-size-14);background:var(--surface);border:1px solid var(--primary-line);border-radius:10px;flex:none;font-weight:700;transition:background .16s,border-color .16s,color .16s}.soft-primary-button:not(:disabled):hover{color:var(--primary-dark);background:var(--primary-soft);border-color:var(--primary)}.inline-notice{padding:var(--space-12) var(--space-12);color:var(--muted);font-size:var(--font-size-14);background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;margin:0;line-height:1.55}.inline-notice[data-tone=error]{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-line)}.inline-notice[data-tone=warning]{color:var(--orange);background:var(--orange-soft);border-color:var(--orange-line)}.empty-box,.subtle-empty{padding:var(--space-20);color:var(--muted);font-size:var(--font-size-14);text-align:center;background:var(--surface-soft);border:1px dashed var(--line-strong);border-radius:10px;margin:0;line-height:1.6}.rules-list,.today-history-list,.picker-list,.rosters-list{gap:var(--space-8);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.today-history-toggle{margin-top:var(--space-4);align-self:center}.rules-list{gap:var(--space-8)}}@scope(.team-maker-page){.participant-list{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.participant-row{gap:var(--space-12);padding:var(--space-8) var(--space-8) var(--space-8) var(--space-12);background:var(--surface);border:1px solid var(--line);border-radius:10px;align-items:center;transition:background .2s cubic-bezier(.2,0,.2,1),border-color .2s cubic-bezier(.2,0,.2,1);display:flex}}@scope(.team-maker-page){.participant-row.is-entering,.rule-row.is-entering,.history-summary-row.is-entering{animation:.26s cubic-bezier(.2,0,.2,1) tm-recv}.participant-row.is-leaving,.rule-row.is-leaving,.history-summary-row.is-leaving,.history-match.is-leaving{pointer-events:none;animation:.22s cubic-bezier(.2,0,.2,1) forwards tm-send}.participant-row[data-removal-movement]{will-change:transform}.participant-row[data-removal-movement=cross]{z-index:2;position:relative}.participant-row[data-included=false]{background:var(--canvas)}.team-maker-checkbox{width:20px;height:20px;color:var(--on-primary);appearance:none;background:var(--surface);border:1px solid var(--line-strong);cursor:pointer;border-radius:4px;flex:none;place-content:center;margin:0;display:grid;position:relative}.team-maker-checkbox:before{content:"";opacity:0;border:2px solid;border-width:0 2px 2px 0;width:6px;height:11px;transition:opacity .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)rotate(45deg)}.team-maker-checkbox:checked{background:var(--primary);border-color:var(--primary)}.team-maker-checkbox:checked:before{opacity:1}.team-maker-checkbox.is-animating{animation:.2s cubic-bezier(.2,0,.2,1) tm-checkbox-pop}}@scope(.team-maker-page){.participant-number{width:20px;color:var(--muted);font-size:var(--font-size-12);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;flex:none;font-weight:650}.participant-row .participant-name{height:36px;padding:0 var(--space-12);background:0 0;border-color:#0000;border-radius:8px;line-height:34px}.participant-row[data-included=false] .participant-name{color:var(--faint);text-decoration:line-through}.participant-row .participant-name:hover,.participant-row .participant-name:focus{background:var(--surface);border-color:var(--line)}}@scope(.team-maker-page){.rule-row .remove-row-button,.history-summary-row .remove-row-button,.history-match .remove-row-button{width:32px;min-width:32px;height:32px;min-height:32px;font-size:var(--font-size-16)}.rule-row .remove-row-button svg{transform:translateY(-1px)}.history-summary-row>.remove-row-button,.history-match>.remove-row-button{transform:translateY(5px)}}@scope(.team-maker-page){.rules-area{gap:var(--space-12);padding-top:var(--space-16);border-top:1px solid var(--color-surface-alt);flex-direction:column;display:flex}.rules-heading h3{font-size:var(--font-size-14);flex:none;margin:0}.rules-heading p{color:var(--muted);font-size:var(--font-size-12);margin:0;line-height:1.5}.rules-heading{gap:var(--space-12) var(--space-12);flex-wrap:wrap}.rules-copy{gap:var(--space-8);align-items:baseline;min-width:0;display:flex}.rule-button{padding:0 var(--space-16)}.rule-button.together{color:var(--primary-dark);border-color:var(--primary-line)}.rule-button.apart{color:var(--orange);border-color:var(--orange-line)}.rule-button.together:hover{background:var(--primary-soft);border-color:var(--primary)}.rule-button.apart:hover{background:var(--orange-soft);border-color:var(--orange)}}@scope(.team-maker-page){.rule-row,.history-summary-row,.roster-row{gap:var(--space-12);padding:var(--space-8) var(--space-8) var(--space-8) var(--space-12);background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;align-items:center;display:flex}.rule-row{min-height:50px}.rule-row>.rule-chip,.rule-row>.rule-names,.rule-row>.remove-row-button{align-self:center}.rule-row>.rule-names{transform:translateY(1px)}.rule-chip,.team-count-chip,.history-winner-chip{min-height:24px;padding:0 var(--space-8);font-size:var(--font-size-12);border:1px solid;border-radius:999px;flex:none;align-items:center;font-weight:750;display:inline-flex}}@scope(.team-maker-page){.rule-chip.together{color:var(--primary-dark);background:var(--primary-soft);border-color:var(--primary-line)}.rule-chip{width:60px;height:22px;min-height:22px;padding:0 var(--space-8);color:var(--primary-dark);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--primary-soft);border:1px solid var(--primary-line);justify-content:center;line-height:1}.rule-row.together{border-color:var(--primary-line)}.rule-row.apart{border-color:var(--orange-line)}.rule-chip.apart{color:var(--orange);background:var(--orange-soft);border-color:var(--orange-line)}.rule-names{min-width:0;min-height:32px;font-size:var(--font-size-14);flex-wrap:wrap;flex:1;align-content:center;align-items:center;line-height:1.4;display:flex}.rule-name-part{align-items:center;display:inline-flex}.rule-separator{width:22px;color:var(--muted);flex:none;justify-content:center;display:inline-flex}.mode-switch{gap:var(--space-8);padding:var(--space-4);background:var(--canvas);border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 1fr;display:grid;position:relative}.mode-switch:before{pointer-events:none;content:"";background:var(--surface);width:calc(50% - 7px);height:calc(100% - 8px);box-shadow:0 1px 2px var(--color-box-shadow-28), 0 0 0 1px var(--primary-line) inset;border-radius:8px;transition:transform .22s cubic-bezier(.2,0,.2,1);position:absolute;top:4px;left:4px;transform:translate(0)}.mode-switch[data-mode=size]:before{transform:translate(calc(100% + 6px))}.mode-switch button{z-index:1;padding:var(--space-12) var(--space-8);cursor:pointer;color:var(--muted);font-size:var(--font-size-14);background:0 0;border:0;border-radius:8px;font-weight:650;transition:color .2s cubic-bezier(.2,0,.2,1);position:relative}.mode-switch button[aria-checked=true]{color:var(--primary-dark)}.stepper-row{gap:var(--space-16);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.stepper-row label{font-size:var(--font-size-14);font-weight:600}.stepper-row p{color:var(--muted);font-size:var(--font-size-14);margin:0;line-height:1.5}.stepper-row p[data-tone=error]{color:var(--danger);font-weight:600}.stepper-copy{gap:var(--space-4);flex-direction:column;min-width:180px;display:flex}.stepper{gap:var(--space-12);flex:none;align-items:center;display:flex}.stepper>button{cursor:pointer;width:44px;height:44px;color:var(--ink);font-size:var(--font-size-20);background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;padding:0;font-weight:650;transition:background .16s,border-color .16s,color .16s}.stepper>button:not(:disabled):hover{color:var(--primary-dark);background:var(--primary-soft);border-color:var(--primary-line)}.stepper output{min-width:44px;font-size:var(--font-size-20);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center;font-weight:700}}@scope(.team-maker-page){.primary-button,.primary-small-button{cursor:pointer;color:var(--on-primary);background:var(--primary);border:1px solid var(--primary);font-weight:750}.primary-small-button{font-size:var(--font-size-14)}.primary-button:hover,.primary-small-button:hover{background:var(--primary-active);border-color:var(--primary-active)}.primary-button:not(:disabled):active,.primary-small-button:not(:disabled):active,.danger-filled-button:not(:disabled):active{transform:scale(.98)}}@scope(.team-maker-page){.make-button{width:100%;padding:var(--space-16) var(--space-20);font-size:var(--font-size-16);box-shadow:0 4px 14px var(--color-box-shadow-29);border-radius:12px;margin:0}.make-button:disabled{color:var(--faint);background:var(--surface-alt);border:1px dashed var(--line-strong);box-shadow:none}.make-button[data-has-result=true]:not(:disabled){color:var(--primary-dark);background:var(--surface);border-color:var(--primary-line);box-shadow:none}.make-button[data-has-result=true]:not(:disabled):hover,.make-button[data-has-result=true]:not(:disabled):active{color:var(--primary-dark);background:var(--primary-soft);border-color:var(--primary-line)}}@scope(.team-maker-page){.results-section{gap:var(--space-16);padding:var(--space-24);background:var(--surface);border:1px solid var(--line);box-shadow:0 2px 8px var(--color-box-shadow-2);border-radius:14px;flex-direction:column;margin:0;transition:border-color .32s cubic-bezier(.2,0,.2,1),box-shadow .32s cubic-bezier(.2,0,.2,1);display:flex}.results-section[data-has-result=true]{border-color:var(--primary);box-shadow:0 0 0 1px var(--color-box-shadow-30), 0 0 0 4px var(--color-box-shadow-31), 0 12px 26px -10px var(--color-box-shadow-10)}.result-heading{align-items:center;margin:0;padding:0}.result-heading .result-actions{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;min-width:0}.bracket-button-note{color:var(--muted);font-size:var(--font-size-14);text-align:right;margin:0;line-height:1.6}.reshuffle-button{color:var(--on-primary);background:var(--primary);border-color:var(--primary);font-weight:700}.reshuffle-button:hover{color:var(--on-primary);background:var(--primary-active);border-color:var(--primary-active)}.result-empty{gap:var(--space-8);padding:var(--space-32) var(--space-24);text-align:center;background:var(--surface);border:1px dashed var(--line-strong);border-radius:14px;flex-direction:column;align-items:center;display:flex}.result-empty[data-tone=error]{background:var(--danger-soft);border-color:var(--danger-line)}.result-empty strong{font-size:var(--font-size-16)}.result-empty[data-tone=error] strong{color:var(--danger)}.result-empty span{color:var(--muted);font-size:var(--font-size-14);line-height:1.6}.result-empty-description{white-space:nowrap}.result-empty-mark{aspect-ratio:96/73;background:var(--primary);width:48px;-webkit-mask:var(--result-empty-mark-image) center / contain no-repeat;-webkit-mask:var(--result-empty-mark-image) center / contain no-repeat;mask:var(--result-empty-mark-image) center / contain no-repeat;display:block}.team-grid{gap:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.team-card{gap:var(--space-12);min-width:0;padding:var(--space-16) var(--space-20);background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--primary);box-shadow:0 2px 8px var(--color-box-shadow-4);border-radius:14px;flex-direction:column;transition:background .32s cubic-bezier(.2,0,.2,1),border-color .32s cubic-bezier(.2,0,.2,1),box-shadow .32s cubic-bezier(.2,0,.2,1);display:flex;position:relative;overflow:hidden}.team-card.animate-team{animation:tm-team-in .42s cubic-bezier(.2, 0, .2, 1) var(--team-delay,0s) both}.team-card.animate-win{animation:.76s cubic-bezier(.2,0,.2,1) forwards tm-win-pulse}.team-card.animate-lose{animation:.52s cubic-bezier(.2,0,.2,1) forwards tm-lose-fade}.team-card.animate-win:before{pointer-events:none;content:"";background:linear-gradient(90deg, var(--color-shell-page-background-3) 0%, var(--color-background-29) 50%, var(--color-shell-page-background-3) 100%);opacity:0;width:45%;animation:.72s cubic-bezier(.2,0,.2,1) 60ms tm-sweep;position:absolute;top:0;bottom:0;left:0;transform:translate(-120%)}.team-card[data-place=first]{background:var(--primary-soft);border:2px solid var(--primary);border-top-width:6px}.team-card[data-place=first] h3{color:var(--primary-dark);font-weight:800}.team-card.animate-win h3{animation:.52s cubic-bezier(.2,0,.2,1) 80ms tm-name-lift}.team-card[data-place=middle]{background:var(--green-soft);border-top-color:var(--green-line)}.team-card[data-place=last]{background:var(--danger-soft);border-top-color:var(--danger-line)}.team-card-heading{gap:var(--space-12);justify-content:space-between;align-items:center;display:flex}.team-card-heading h3{min-width:0;font-size:var(--font-size-20);flex:1;margin:0}.team-name-button{gap:var(--space-8);width:100%;max-width:100%;padding:var(--space-2) var(--space-4);margin:calc(-1 * var(--space-2)) calc(-1 * var(--space-4));color:inherit;font:inherit;font-weight:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;display:inline-flex}.team-name-button span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.team-name-edit-mark{color:var(--muted);font-size:var(--font-size-14);opacity:0;flex:none;transition:opacity .16s}.team-name-edit-mark:before{content:"✎"}.team-name-button:hover .team-name-edit-mark,.team-name-button:focus-visible .team-name-edit-mark{opacity:1}.team-name-button:focus-visible,.team-name-input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.team-name-editor{width:min(100%,220px);display:block;position:relative}.team-name-input{width:100%;height:34px;padding:0 var(--space-8);color:var(--ink);font:inherit;font-size:var(--font-size-18);background:var(--surface);border:1px solid var(--line-strong);border-radius:7px;font-weight:750}.team-name-input[aria-invalid=true]{border-color:var(--danger)}.team-name-error{z-index:2;width:max-content;max-width:240px;padding:var(--space-8) var(--space-8);color:var(--danger);font-size:var(--font-size-12);background:var(--surface);border:1px solid var(--danger-line);box-shadow:0 6px 18px var(--color-box-shadow-5);border-radius:7px;font-weight:650;line-height:1.4;position:absolute;top:calc(100% + 5px);left:0}.team-name-error[hidden]{display:none}.team-count-chip{height:28px;min-height:28px;padding-right:var(--space-16);padding-left:var(--space-16);color:var(--muted);font-size:var(--font-size-14);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--canvas);border-color:var(--line)}.team-count-chip[data-place=first]{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.team-count-chip[data-place=middle]{color:var(--on-primary);background:var(--rank-green-fill);border-color:var(--rank-green-fill)}.team-count-chip[data-place=last]{color:var(--on-primary);background:var(--rank-danger-fill);border-color:var(--rank-danger-fill)}.team-count-chip[data-place=none]{color:var(--faint);background:var(--canvas);border-style:dashed;border-color:var(--line-strong)}.team-count-chip.animate-result-chip{animation:tm-chip-pop .48s cubic-bezier(.2, 0, .2, 1) var(--chip-delay,.12s) both}.team-members{gap:var(--space-2);padding:0 0 var(--space-4);flex-direction:column;margin:0;list-style:none;display:flex}.team-members li{gap:var(--space-12);padding:var(--space-4) 0;font-size:var(--font-size-16);border-bottom:1px solid var(--line);align-items:baseline;line-height:1.7;display:flex}.team-members li:last-child{border-bottom:1px solid var(--line)}.member-number{width:18px;color:var(--muted);font-size:var(--font-size-12);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex:none;font-weight:650}.member-name{overflow-wrap:anywhere;white-space:normal;word-break:break-word;flex:1;min-width:0;display:block}.team-card-footer{gap:var(--space-8);flex-direction:column;margin-top:auto;display:flex}.win-button,.draw-button{cursor:pointer;width:100%;height:40px;font-size:var(--font-size-14);border-radius:8px;font-weight:750;transition:background .16s,border-color .16s,color .16s}}@scope(.team-maker-page){.win-button{color:var(--primary-dark);background:var(--primary-soft);border:1px solid var(--primary-line)}.draw-button{color:var(--green);background:var(--surface);border:1px solid var(--green-line)}.win-button:not(:disabled):hover{background:var(--primary-soft);border-color:var(--primary)}.draw-button:not(:disabled):hover{background:var(--green-soft);border-color:var(--green)}.draw-button:disabled,.primary-small-button:disabled{color:var(--faint);background:var(--surface-soft);border-color:var(--line);cursor:not-allowed}.primary-small-button:disabled:hover{background:var(--surface-soft);border-color:var(--line)}}@scope(.team-maker-page){.win-button.rank-button{color:var(--orange);background:var(--orange-soft);border-color:var(--orange-line)}.win-button.rank-button:hover{background:var(--orange-soft);border-color:var(--orange)}.picked-section{gap:var(--space-12);padding:var(--space-16);background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;flex-direction:column;display:flex}.picked-section-title{color:var(--muted);font-size:var(--font-size-14);margin:0;font-weight:750}.picked-groups{gap:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.picked-person{gap:var(--space-8);padding:var(--space-8) var(--space-12);background:var(--green-soft);border:1px solid var(--green-line);border-radius:8px;flex-direction:column;align-items:stretch;display:flex}.picked-label{color:var(--green);font-size:var(--font-size-12);font-weight:750}.picked-person[data-place=first] .picked-label{color:var(--primary-dark)}.picked-person[data-place=middle] .picked-label{color:var(--orange)}.picked-person[data-place=last] .picked-label{color:var(--danger)}.picked-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.picked-row{gap:var(--space-8);align-items:center;min-width:0;min-height:36px;margin:0;display:flex}.picked-number{width:20px;height:36px;color:var(--muted);font-size:var(--font-size-12);flex:none;place-items:center;font-weight:650;line-height:1;display:grid}.picked-name{min-width:0;min-height:36px;font-size:var(--font-size-14);overflow-wrap:anywhere;word-break:keep-all;flex:1;align-items:center;line-height:1.4;display:flex;transform:translateY(1px)}.picked-row .remove-row-button{align-self:center}}@scope(.team-maker-page){.history-card{gap:var(--space-16);padding:var(--space-24);flex-direction:column;margin:0;display:flex}.statistics-content{gap:var(--space-12);flex-direction:column;display:flex}.history-card .section-heading{gap:var(--space-8);flex-wrap:wrap}.history-card .section-heading>.today-heading{gap:var(--space-4);align-items:baseline;display:flex}.history-card h3{font-size:var(--font-size-14);margin:0}.history-card .today-heading>p{margin:var(--space-2) 0 0;color:var(--muted);font-size:var(--font-size-12)}#today-history-count{font-size:var(--font-size-14)}.history-summary-row{min-width:0;font-size:var(--font-size-14)}.history-time{color:var(--muted);font-size:var(--font-size-12);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex:none;align-items:center;line-height:1;display:inline-flex}.history-summary-row .history-time{height:22px;margin-top:calc(var(--space-8) + var(--space-2))}.history-winner-chip{color:var(--primary-dark);background:var(--primary-soft);border-color:var(--primary-line)}.history-summary{min-width:0;max-width:100%;color:var(--muted);overflow-wrap:anywhere;text-overflow:clip;white-space:normal;word-break:keep-all;flex:1;line-height:1.55;display:block;overflow:visible}.seo-content{gap:var(--space-20);flex-direction:column;display:flex}}@scope(.team-maker-page){.guide-steps,.use-case-grid,.feature-list{margin:0;padding:0}.guide-steps{gap:var(--space-16);padding-left:var(--space-24);flex-direction:column;display:flex}.guide-steps li{padding-left:var(--space-4)}.guide-steps li::marker{color:var(--primary-dark);font-weight:800}.guide-steps h3,.faq-item h3{font-size:var(--font-size-16);margin:0;line-height:1.5}.guide-steps p,.faq-item p{margin:var(--space-4) 0 0;color:var(--muted);font-size:var(--font-size-14);word-break:keep-all;line-height:1.65}.use-case-grid,.feature-list{gap:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;display:grid}.use-case-grid li,.feature-list li{min-width:0;padding:var(--space-16);color:var(--muted);font-size:var(--font-size-14);background:var(--surface-soft);border:1px solid var(--line);word-break:keep-all;border-radius:10px;line-height:1.6}.use-case-grid li{gap:var(--space-4);flex-direction:column;display:flex}.use-case-grid strong{color:var(--ink);font-size:var(--font-size-14)}.feature-list li{padding-left:var(--space-32);position:relative}.feature-list li:before{color:var(--primary-dark);content:"✓";font-weight:800;position:absolute;top:15px;left:14px}.faq-list{flex-direction:column;gap:0;display:flex}.faq-item{padding:var(--space-16) 0;border-top:1px solid var(--line)}.faq-item:first-child{border-top:0;padding-top:0}.faq-item:last-child{padding-bottom:0}}@scope(.team-maker-page){.confirm-dialog h2{font-size:var(--font-size-22);letter-spacing:-.2px;margin:0}.confirm-dialog p{margin:var(--space-4) 0 0;color:var(--muted);font-size:var(--font-size-14);line-height:1.55}#history-description{align-items:center;gap:var(--space-8);display:flex}#history-description-legend{color:var(--green);font-weight:650}.dialog-note{color:var(--muted);font-size:var(--font-size-14);margin:0;line-height:1.55}#rule-dialog-description{word-break:keep-all}.confirm-dialog .confirm-warning{margin:var(--space-8) 0 0;color:var(--danger);font-weight:700}.error-text{color:var(--danger)}.dialog-actions{gap:var(--space-8);margin-top:var(--space-2);justify-content:flex-end;display:flex}.dialog-actions>button{min-height:42px;padding:0 var(--space-16)}.primary-small-button{border-radius:10px}.picker-list{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));max-height:360px;display:grid;overflow:auto}.picker-row{gap:var(--space-12);padding:var(--space-8) var(--space-12);background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;align-items:center;display:flex}.picker-row:has(input:checked){background:var(--primary-soft);border-color:var(--primary-line)}.picker-row label{cursor:pointer;font-size:var(--font-size-14);flex:1}.roster-row>div{flex:1;min-width:0}.roster-row strong,.roster-row span{display:block}.roster-row strong{font-size:var(--font-size-14);line-height:1.4}.roster-row span{margin-top:var(--space-2);color:var(--muted);font-size:var(--font-size-12)}.roster-load-button{padding:var(--space-8) var(--space-12);cursor:pointer;color:var(--primary-dark);font-size:var(--font-size-14);background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;flex:none;font-weight:700;transition:background .16s,border-color .16s,color .16s}.roster-load-button:not(:disabled):hover{background:var(--primary-soft);border-color:var(--primary-line)}}@scope(.team-maker-page){.wheel-dialog{align-items:center}.wheel-dialog .dialog-actions,.wheel-dialog .wheel-result{width:100%}.sound-toggle[aria-pressed=true]{color:var(--primary-dark);background:var(--primary-soft);border-color:var(--primary-line)}.sound-toggle:hover{color:var(--primary-dark);background:var(--color-background-30);border-color:var(--primary)}.wheel-body{gap:var(--space-16);justify-items:center;width:100%;display:grid}.wheel-side{gap:var(--space-8);flex-direction:column;width:100%;display:flex}.wheel-side-title{color:var(--muted);font-size:var(--font-size-14);text-align:center;margin:0;font-weight:750}@media (width>=640px){.wheel-dialog.has-picks{width:min(100% - 32px,620px)}.wheel-dialog.has-picks .wheel-body{grid-template-columns:minmax(0,1fr) minmax(210px,240px);place-items:start stretch}.wheel-dialog.has-picks .wheel-wrap{--wheel-size:320px}.wheel-dialog.has-picks .wheel-side-title,.wheel-dialog.has-picks .wheel-picked-list{text-align:left;justify-content:flex-start}.wheel-dialog.has-picks .wheel-picked-list{flex-direction:column;align-items:stretch}.wheel-dialog.has-picks .wheel-picked-item{justify-content:flex-start;min-height:44px}}.wheel-wrap{--wheel-size:min(360px, calc(100vw - 92px));width:var(--wheel-size);height:calc(var(--wheel-size) + 18px);margin:0 auto;position:relative}.wheel{width:var(--wheel-size);height:var(--wheel-size);background:var(--wheel-gradient,var(--color-background-31));border:6px solid var(--color-white);box-shadow:0 0 0 1px var(--line-strong), 0 8px 20px var(--color-box-shadow-32);transition:transform var(--wheel-spin-duration,6.5s) var(--wheel-spin-easing,cubic-bezier(.1, .72, .06, 1));border-radius:50%;position:absolute;top:18px;left:0;overflow:hidden}.wheel:after{content:"";background:var(--surface);width:24px;height:24px;box-shadow:0 0 0 1px var(--line-strong);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-pointer{z-index:2;background:var(--ink);clip-path:polygon(50% 100%,0 0,100% 0);width:22px;height:22px;position:absolute;top:0;left:50%;transform:translate(-50%)}.wheel-label{width:min(140px,34vw);font-size:var(--font-size-18);text-align:center;text-shadow:0 1px 0 var(--color-text-shadow-2);text-overflow:ellipsis;transform:rotate(var(--label-angle)) translateY(calc(var(--wheel-size) * -.345)) rotate(var(--label-counter-angle));transition:transform var(--wheel-spin-duration,6.5s) var(--wheel-spin-easing,cubic-bezier(.1, .72, .06, 1));white-space:nowrap;margin:-12px 0 0 calc(min(140px,34vw)/-2);font-weight:800;position:absolute;top:50%;left:50%;overflow:hidden}.wheel-result{height:86px;min-height:86px;padding:var(--space-12);color:var(--muted);font-size:var(--font-size-16);text-align:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;justify-content:center;align-items:center;margin:0;font-weight:800;line-height:1.5;display:flex}.wheel-result[data-picked=true]{color:var(--green);background:var(--green-soft);border-color:var(--green-line);font-weight:750}.wheel-result.animate-pop{animation:.26s cubic-bezier(.2,0,.2,1) tm-pop}.celebration-layer{z-index:80;pointer-events:none;position:fixed;inset:0;overflow:hidden}.celebration-particle{animation:tm-burst var(--duration) cubic-bezier(.16, .7, .3, 1) forwards;animation-delay:var(--delay);position:absolute;top:45%;left:50%}.split-actions>button{flex:1}@media (width<=480px){.wheel-dialog .split-actions{flex-wrap:wrap}.wheel-dialog .split-actions>button{flex:100%}.wheel-dialog #spin-wheel-button{order:1}.wheel-dialog #wheel-close-button{order:2}}}@scope(.team-maker-page){.history-overview{gap:var(--space-12);padding:var(--space-16);background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;flex-direction:column;display:flex}.history-overview h3{font-size:var(--font-size-14);margin:0;font-weight:800}.overview-facts{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(90px,1fr));margin:0;padding:0;list-style:none;display:grid}.overview-fact{gap:var(--space-2);padding:var(--space-8) var(--space-12);background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;display:flex}.overview-fact-label{color:var(--muted);font-size:var(--font-size-14);font-weight:650}.overview-fact-value{font-size:var(--font-size-22);font-variant-numeric:tabular-nums;font-weight:800}.overview-ranking{gap:var(--space-8);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.overview-row{gap:var(--space-8);grid-template-columns:18px minmax(48px,88px) minmax(0,1fr) auto;align-items:center;display:grid}.overview-place{color:var(--faint);font-size:var(--font-size-12);font-variant-numeric:tabular-nums;text-align:right;font-weight:750}.overview-name{font-size:var(--font-size-14);overflow-wrap:anywhere;word-break:keep-all;font-weight:700}.overview-bar{background:var(--canvas);border:1px solid var(--line);border-radius:999px;height:8px;display:block;overflow:hidden}.overview-bar-fill{background:var(--primary);border-radius:999px;height:100%;display:block}.overview-detail{color:var(--muted);font-size:var(--font-size-12);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}.history-groups{gap:var(--space-20);flex-direction:column;display:flex}.history-date-heading{padding-bottom:var(--space-8);margin:0 0 var(--space-8);border-bottom:1px solid var(--color-surface-alt);justify-content:space-between;align-items:center;display:flex}.history-date-heading h3{font-size:var(--font-size-16);margin:0}.history-date-heading span{margin-right:var(--space-8);color:var(--muted);font-size:var(--font-size-12)}.history-match-list{gap:var(--space-8);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.history-match,.history-summary-row{gap:var(--space-12);padding:var(--space-12) var(--space-8) var(--space-12) var(--space-12);background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:start;display:grid}.history-match>.history-time{height:22px;margin-top:calc(var(--space-8) + var(--space-2))}.history-teams{gap:var(--space-12);flex-direction:column;min-width:0;display:flex}.history-team-line{gap:var(--space-4);min-width:0;padding:var(--space-8) var(--space-12);background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;display:flex}.history-team-heading{gap:var(--space-8);align-items:center;min-width:0;display:flex}.history-team-line[data-place=first] .history-team-rank-label{color:var(--primary-dark);background:var(--primary-soft);border-color:var(--primary-line)}.history-team-line[data-place=middle] .history-team-rank-label{color:var(--green);background:var(--green-soft);border-color:var(--green-line)}.history-team-line[data-place=none] .history-team-label{color:var(--muted)}.history-team-picks{min-height:22px;padding:0 var(--space-8);color:var(--green);font-size:var(--font-size-12);background:var(--green-soft);border:1px solid var(--green-line);border-radius:999px;flex:none;align-items:center;font-weight:750;display:inline-flex}.history-team-names{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;word-break:keep-all;min-width:0;max-width:100%;color:var(--muted);font-size:var(--font-size-14);line-height:1.5;display:block;overflow:visible}.history-team-label{min-width:0;min-height:24px;color:var(--muted);font-size:var(--font-size-16);background:0 0;border:0;flex:0 auto;align-items:center;padding:0;font-weight:800;line-height:1;display:inline-flex}.history-team-label-name{overflow-wrap:anywhere;white-space:normal;word-break:keep-all;flex:0 auto;min-width:0;display:block}.history-team-rank-label{width:40px;min-width:40px;height:22px;padding:0 var(--space-4);color:var(--danger);font-size:var(--font-size-12);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--danger-soft);border:1px solid var(--danger-line);border-radius:999px;flex:none;justify-content:center;align-items:center;font-weight:750;line-height:1;display:inline-flex}}@scope(.team-maker-page){.confirm-dialog{border-color:var(--danger-line)}#confirm-description{overflow-wrap:normal;white-space:nowrap;max-width:none;overflow-x:auto}.confirm-dialog h2{color:var(--danger)}.danger-filled-button{color:var(--on-danger);background:var(--danger-fill);border-color:var(--danger-fill);border-radius:10px;font-weight:750}#confirm-action-button{font-size:var(--font-size-14)}.danger-filled-button:not(:disabled):hover{background:var(--color-background-27);border-color:var(--color-background-27)}}@scope(.team-maker-page){.wheel-picked-list{flex-direction:column;align-items:stretch;gap:0;margin:0;padding:0;list-style:none;display:flex}.wheel-picked-item{gap:var(--space-12);width:100%;min-height:44px;padding:0 var(--space-12);color:var(--ink);font-size:var(--font-size-14);background:0 0;border:0;border-radius:8px;align-items:center;margin:0;display:flex}.wheel-picked-item+.wheel-picked-item{border-top:1px solid var(--line)}.wheel-picked-number{width:28px;height:28px;color:var(--green);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--green-soft);border-radius:50%;flex:0 0 28px;place-items:center;font-weight:750;display:grid}.wheel-picked-name{word-break:keep-all;flex:auto;min-width:0;font-weight:750}.wheel-picked-flag{height:26px;padding:0 var(--space-12);color:var(--green);font-size:var(--font-size-12);background:var(--surface);border:1px solid var(--green-line);border-radius:999px;flex:none;align-items:center;font-weight:650;display:inline-flex}}@scope(.team-maker-page){#player-stats-dialog .stats-body{flex:1;min-height:0;overflow:hidden}#player-stats-dialog .stats-leader-list,#player-stats-dialog .stats-note{flex:none}#player-stats-dialog .stats-section{min-height:0}.stats-body{gap:var(--space-16);flex-direction:column;display:flex}.stats-leader-list{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0;padding:0;list-style:none;display:grid}.stats-leader{gap:var(--space-2);padding:var(--space-12) var(--space-12);background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;flex-direction:column;display:flex}.stats-leader-label{color:var(--muted);font-size:var(--font-size-12);font-weight:650}.stats-leader[data-tone=win] .stats-leader-label,.stats-leader[data-tone=win] .stats-leader-count{color:var(--primary-dark)}.stats-leader[data-tone=lose] .stats-leader-label,.stats-leader[data-tone=lose] .stats-leader-count{color:var(--danger)}.stats-leader[data-tone=pick] .stats-leader-label,.stats-leader[data-tone=pick] .stats-leader-count{color:var(--green)}.stats-leader-name{font-size:var(--font-size-18);overflow-wrap:anywhere;word-break:keep-all}.stats-leader-count{color:var(--muted);font-size:var(--font-size-14);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.stats-note{margin:calc(-1 * var(--space-8)) 0 0;color:var(--faint);font-size:var(--font-size-12)}.stats-section{gap:var(--space-8);max-height:320px;padding-right:var(--space-4);overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}.player-records-section{max-height:240px;overflow:hidden}.player-records-section .stats-table-wrap{flex:1;min-height:0;overflow:auto}.stats-section h3{font-size:var(--font-size-14);margin:0}.stats-pair-list{gap:var(--space-8);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.stats-pair{gap:var(--space-4) var(--space-12);padding:var(--space-8) var(--space-12);font-size:var(--font-size-14);background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:baseline;display:flex}.stats-pair span{color:var(--muted);font-size:var(--font-size-12)}.stats-table{width:100%;font-size:var(--font-size-14);border-collapse:collapse}.stats-table th,.stats-table td{height:44px;padding:var(--space-8) var(--space-8);text-align:center;vertical-align:middle;border-bottom:1px solid var(--line)}.stats-table thead th{z-index:1;color:var(--muted);font-size:var(--font-size-12);background:var(--surface);box-shadow:inset 0 -1px 0 var(--line);border-bottom:0;font-weight:650;position:sticky;top:0}.stats-table thead th:nth-child(2),.stats-table tbody th{text-align:left}.stats-table tbody th{overflow-wrap:anywhere;word-break:keep-all;font-weight:650}.stats-table td{font-variant-numeric:tabular-nums}.today-heading{gap:var(--space-4);flex-wrap:wrap;align-items:baseline;display:flex}.history-card .section-heading .won-legend,.today-heading .won-legend,.won-legend{color:var(--green);font-size:var(--font-size-14);font-weight:650}.history-person-name{font-size:var(--font-size-14);overflow-wrap:anywhere;white-space:normal}.history-person-name:not(:last-child):after{margin-right:var(--space-4);color:var(--muted);content:",";font-weight:400}.history-person-name.is-picked{color:var(--green);font-weight:750}}@scope(.team-maker-page){.wheel-side-head{gap:var(--space-8);justify-content:space-between;align-items:center;display:flex}.picked-card{padding:var(--space-12);background:var(--surface-soft);border:1px solid var(--line);border-radius:12px}.picked-clear{min-height:0;padding:var(--space-2) var(--space-4);color:var(--danger);font:inherit;font-size:var(--font-size-12);cursor:pointer;background:0 0;border:0;font-weight:650}.wheel-wrap.is-quick-finish .wheel,.wheel-wrap.is-quick-finish .wheel-label{transition:none}.wheel-result[data-picked=true]{gap:var(--space-2);background:0 0;border-color:#0000;flex-direction:column;align-items:center;display:flex}.wheel-outcome-eyebrow{gap:var(--space-8);color:var(--green);font-size:var(--font-size-14);font-feature-settings:"tnum";align-items:center;font-weight:750;display:inline-flex}.wheel-outcome-icon{flex:none;width:19px;height:auto}.wheel-outcome-name{color:var(--ink);font-family:SUITE,SUIT,sans-serif;font-size:var(--font-size-24);font-weight:850}:scope.team-maker-font-expanded .wheel-outcome-name{font-family:SUITE Full,SUIT Full,sans-serif}.wheel-picked-item[data-latest=true]{background:var(--green-soft);border-top-color:var(--green-line)}}@scope(.team-maker-page){.modal-tabs{border-bottom:1px solid var(--line);gap:0;display:flex}.modal-tab{height:38px;padding:0 var(--space-16);color:var(--muted);font:inherit;font-size:var(--font-size-14);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;align-items:center;font-weight:700;display:inline-flex}.modal-tab[aria-selected=true]{color:var(--primary);border-bottom-color:var(--primary)}.modal-panel{gap:var(--space-16);flex-direction:column;min-height:0;display:flex}#history-log-panel{max-height:min(560px,65vh);padding-right:var(--space-4);overscroll-behavior:contain;overflow-y:auto}.modal-panel[hidden]{display:none}.history-overview{gap:var(--space-16);background:0 0;border:0;border-radius:0;padding:0}.overview-facts{gap:var(--space-12);grid-template-columns:repeat(3,minmax(0,1fr))}.overview-fact{gap:var(--space-12);padding:var(--space-16);flex-direction:row;align-items:center}.overview-fact-icon{background:var(--primary-soft);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.overview-fact-icon[data-tone=green]{background:var(--green-soft)}.overview-fact-icon[data-tone=violet]{background:var(--color-background-28)}.overview-fact-icon img{width:29px;height:auto}.overview-fact-text{gap:var(--space-2);flex-direction:column;display:flex}.overview-block{gap:var(--space-12);flex-direction:column;display:flex}.overview-block-head{gap:var(--space-8);justify-content:space-between;align-items:center;display:flex}.overview-block-title{font-size:var(--font-size-14);margin:0;font-weight:800}.overview-sort-wrap{position:relative}#history-sort-button{gap:var(--space-8);align-items:center;display:inline-flex}#history-sort-button:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transform:translateY(-2px)rotate(45deg)}.sort-menu{z-index:4;gap:var(--space-2);width:268px;padding:var(--space-8);background:var(--surface);border:1px solid var(--line);box-shadow:0 16px 36px var(--color-box-shadow-27);border-radius:12px;flex-direction:column;margin:0;list-style:none;display:flex;position:absolute;top:calc(100% + 6px);right:0}.sort-menu[hidden]{display:none}.sort-item{gap:var(--space-2);width:100%;padding:var(--space-8) var(--space-12);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;flex-direction:column;display:flex}.sort-item:hover{background:var(--surface-soft)}.sort-item-label{font-size:var(--font-size-12);font-weight:700}.sort-item[aria-checked=true] .sort-item-label{color:var(--primary)}.sort-item-desc{color:var(--muted);font-size:var(--font-size-12)}.podium{gap:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}.podium-card{--medal:var(--primary);gap:var(--space-4);padding:var(--space-16) var(--space-12) var(--space-12);background:var(--surface-soft);border:1px solid var(--line);text-align:center;border-radius:12px;flex-direction:column;align-items:center;display:flex}.podium-card[data-rank="1"]{--medal:var(--color-medal)}.podium-card[data-rank="2"]{--medal:var(--color-medal-2)}.podium-card[data-rank="3"]{--medal:var(--orange)}.podium-laurel{width:58px;height:auto;margin-bottom:var(--space-8)}.podium-name{font-size:var(--font-size-16);font-weight:800}.podium-ties{max-width:100%;position:relative}.podium-ties-summary{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;display:block;overflow:hidden}.podium-ties-summary::-webkit-details-marker{display:none}.podium-ties-summary:after{margin-left:var(--space-4);color:var(--muted);font-size:var(--font-size-12);content:"▼"}.podium-ties-summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}.podium-tie-list{z-index:5;width:max-content;max-width:min(260px,75vw);padding:var(--space-8) var(--space-12);color:var(--ink);font-size:var(--font-size-12);white-space:normal;background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 10px 24px var(--color-box-shadow-27);border-radius:8px;margin:0;font-weight:650;line-height:1.5;list-style:none;display:none;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%)}.podium-tie-list li+li{margin-top:var(--space-4)}.podium-ties[open] .podium-tie-list,.podium-ties:hover .podium-tie-list,.podium-ties:focus-within .podium-tie-list{display:block}.podium-detail,.pick-chip{color:var(--muted);font-size:var(--font-size-12);white-space:nowrap;font-weight:650}.pick-chip:not([data-zero=true]){color:var(--green)}.podium-bar{width:100%;height:6px;margin-top:var(--space-4);background:var(--canvas);border-radius:999px;display:block;overflow:hidden}.podium-bar-fill{background:var(--medal);height:100%;display:block}.overview-search{width:min(220px,50%)}.overview-search input{width:100%;height:36px;padding:0 var(--space-12);color:var(--ink);font:inherit;font-size:var(--font-size-14);background:var(--surface);border:1px solid var(--line-strong);border-radius:9px}.rank-table-wrap,.stats-table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:auto}.rank-table-wrap{max-height:185px;overflow-y:auto}.rank-table{width:100%;font-size:var(--font-size-12);table-layout:fixed;border-collapse:collapse}.rank-table th,.rank-table td{padding:var(--space-8) var(--space-8);text-align:center;border-bottom:1px solid var(--line)}.rank-table th:nth-child(4),.rank-table td:nth-child(4),.rank-table th:nth-child(5),.rank-table td:nth-child(5){font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rank-table td:nth-child(4){text-align:right}.rank-table th:nth-child(4){text-align:center}.rank-table thead th{z-index:1;color:var(--muted);font-size:var(--font-size-12);background:var(--surface-soft);box-shadow:inset 0 -1px 0 var(--line);border-bottom:0;position:sticky;top:0}.rank-table tbody th{text-align:left;font-weight:750}#history-overview-ranking{font-size:var(--font-size-14)}.rate-cell{gap:var(--space-8);justify-content:flex-end;align-items:center;display:flex}.rate-num{text-align:right;flex:0 0 48px}.rate-bar{background:var(--canvas);border-radius:999px;flex:1;height:6px;display:block;overflow:hidden}.rate-bar-fill{background:var(--primary);height:100%;display:block}.rank-table-empty{color:var(--muted);text-align:center}.stats-leader-list{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-leader{gap:var(--space-12);padding:var(--space-12);background:var(--surface);border-radius:12px;justify-content:space-between}.stats-leader[data-lead=true]{padding:var(--space-12);border:2px solid var(--primary)}.stats-leader-top{gap:var(--space-8);justify-content:space-between;align-items:center;display:flex}.stats-leader-icon{background:var(--surface-alt);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.stats-leader[data-tone=win] .stats-leader-icon{background:var(--primary-soft)}.stats-leader[data-tone=pick] .stats-leader-icon{background:var(--green-soft)}.stats-leader[data-tone=lose] .stats-leader-icon{background:var(--danger-soft)}.stats-leader-icon img{object-fit:contain;width:50px;height:50px}.stats-leader[data-tone=pick] .stats-leader-icon img{display:none}.stats-leader[data-tone=pick] .stats-leader-icon:before{content:"";background:var(--green);width:50px;height:50px;-webkit-mask:var(--stats-leader-icon-image) center / contain no-repeat;-webkit-mask:var(--stats-leader-icon-image) center / contain no-repeat;mask:var(--stats-leader-icon-image) center / contain no-repeat;display:block}.stats-leader-text{gap:var(--space-4);text-align:right;flex-direction:column;flex:1;min-width:0;display:flex}.stats-leader-bar{background:var(--line);border-radius:999px;height:4px;display:block}.stats-leader-bar-fill{background:var(--primary);height:100%;display:block}.stats-leader[data-tone=pick] .stats-leader-bar-fill{background:var(--green)}.stats-leader[data-tone=lose] .stats-leader-bar-fill{background:var(--danger-fill)}.stats-pair-list{border:1px solid var(--line);border-radius:12px;gap:0;overflow:hidden}.stats-pair{gap:var(--space-12);padding:var(--space-8) var(--space-12);background:var(--surface);border:0;border-top:1px solid var(--line);border-radius:0;grid-template-columns:auto auto minmax(0,1fr) auto 92px;align-items:center;display:grid}.stats-pair:first-child{border-top:0}.stats-pair .stats-pair-rank{width:22px;height:22px;color:var(--color-white);font-size:var(--font-size-12);text-align:center;background:var(--primary);border-radius:50%;place-items:center;font-weight:750;line-height:1;display:grid}.stats-pair-faces{display:flex}.stats-face{width:30px;height:30px;color:var(--muted);font-size:var(--font-size-12);background:var(--surface-alt);border:2px solid var(--surface);border-radius:50%;place-items:center;font-weight:750;display:grid}.stats-face+.stats-face{margin-left:calc(-1 * var(--space-8))}.stats-face[data-tone=blue]{color:var(--primary-dark);background:var(--primary-soft)}.stats-face[data-tone=green]{color:var(--green);background:var(--green-soft)}.stats-pair-names{font-size:var(--font-size-14)}.stats-pair-record{height:24px;padding:0 var(--space-8);color:var(--green);font-size:var(--font-size-12);background:var(--green-soft);border:1px solid var(--green-line);white-space:nowrap;border-radius:999px;align-items:center;font-weight:750;display:inline-flex}.stats-pair-rate{justify-content:flex-end;height:24px;display:flex;position:relative}.stats-pair-rate strong{font-size:var(--font-size-12);font-weight:700}.stats-pair-bar{background:var(--line);border-radius:999px;height:3px;position:absolute;bottom:2px;left:0;right:0}.stats-pair-bar span{background:var(--primary);height:100%;display:block}.stats-table-wrap .stats-table{margin:0}.stats-table .col-rank{text-align:center;width:14%}.rank-laurel{width:30px;height:auto;margin:0 auto;display:block}.stats-table .num-win{color:var(--primary-dark);font-weight:700}.stats-table .num-lose{color:var(--danger);font-weight:700}.rank-table .num-pick,.stats-table .num-pick{color:var(--green)}}@scope(.team-maker-page){@media (width<=640px){.use-case-grid,.feature-list{grid-template-columns:minmax(0,1fr)}.result-heading{flex-direction:column;align-items:stretch}#bulk-description span{display:block}#history-dialog{overflow-y:hidden}#history-stats-panel{overscroll-behavior:contain;flex:1;overflow-y:auto}#player-stats-dialog .stats-body{overscroll-behavior:contain;overflow-y:auto}#player-stats-dialog .stats-section{flex:none}#player-stats-dialog .stats-section:not(.player-records-section){overscroll-behavior:auto;max-height:none;padding-right:0;overflow:visible}#confirm-description{overflow-wrap:anywhere;white-space:pre-line;max-width:100%;overflow-x:visible}.picked-groups{grid-template-columns:minmax(0,1fr)}.overview-facts{gap:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr))}.overview-fact{gap:var(--space-8);padding:var(--space-12) var(--space-4);text-align:center;flex-direction:column}.overview-fact-icon{width:40px;height:40px}.overview-fact-icon img{width:24px}.overview-fact-text{align-items:center}.podium{gap:var(--space-8);grid-template-columns:minmax(0,1fr)}.podium-card{gap:var(--space-2) var(--space-12);padding:var(--space-12) var(--space-12);text-align:left;grid-template-rows:auto auto auto;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.podium-laurel{grid-area:1/1/4;width:48px;margin:0}.podium-name,.podium-detail{grid-column:2}.podium-card .pick-chip{grid-area:1/3/3}.podium-card .podium-bar{margin-top:var(--space-4);grid-area:3/2/auto/-1}.rank-table th,.rank-table td{padding-right:var(--space-4);padding-left:var(--space-4)}.rank-table th:first-child{width:14%}.rank-table th:nth-child(2){width:20%}.rank-table th:nth-child(3){width:26%}.rank-table th:nth-child(4){width:25%}.rank-table th:nth-child(5){width:15%}.rank-table th:nth-child(3),.rank-table td:nth-child(3){white-space:nowrap}.rank-table .rate-cell{gap:var(--space-4);flex-direction:column;justify-content:center;align-items:stretch}.rank-table .rate-num{text-align:center;flex:none}.rank-table .rate-bar{flex:none;width:100%;height:4px}.stats-leader-list{grid-template-columns:minmax(0,1fr)}.stats-pair{grid-template-columns:auto auto minmax(0,1fr) auto}.stats-pair-rate{grid-column:3/-1}.overview-search{width:150px;max-width:50%}.participant-list{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}