.groups{display:grid;gap:var(--space-4);container-type:inline-size}.groups > *{min-width:0;margin:0}.groups__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.groups__controls > .btn{flex:1 1 14rem;max-width:24rem}.groups--list .groups__controls > .btn,.groups--slots .groups__controls > .btn{flex-basis:16rem}.groups :is(.pill,.select,.textarea,.input):disabled,.groups .check:has(:disabled){opacity:0.55;cursor:not-allowed}.groups .groups__mark:disabled,.groups .groups__hit:has(:disabled){cursor:not-allowed}.groups__value{display:flex;align-items:center;gap:var(--space-2)}.groups__value .select{width:auto}.groups__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));gap:var(--space-3);align-items:start}.groups__card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.groups__name{margin:0;padding:var(--space-2) var(--space-3);background:var(--brand-soft);color:var(--ink);font-size:var(--step-0)}.groups__list{margin:0;padding:var(--space-2) var(--space-3) var(--space-3);list-style:none}.groups__list li{padding:var(--space-1) 0;overflow-wrap:anywhere}.groups__list li + li{border-top:1px solid var(--line)}.groups__privacy{display:flex;align-items:center;gap:var(--space-2)}.groups .tool-own{display:grid;gap:var(--space-1)}.groups .tool-own > *{min-width:0;margin:0}.groups .tool-own__label{font-weight:600}.groups .tool-own__how{color:var(--ink-muted);font-size:var(--step--1);font-weight:400}.groups .tool-own__text{box-sizing:border-box;width:100%;height:calc(4 * 1.4em + 2 * var(--space-2) + 3px);min-height:4.5rem;padding:var(--space-2) var(--space-3);border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:max(1rem,16px);line-height:1.4;resize:vertical}.groups .tool-own__text[aria-invalid="true"]{border-color:var(--bad)}.groups .tool-own__foot{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-3)}.groups .tool-own__status{flex:1 1 14rem;margin:0;color:var(--ink-muted);font-size:var(--step--1)}.groups .tool-own__status[data-tone="bad"]{color:var(--bad);font-weight:600}.groups .tool-own__again{min-height:var(--tap);padding:0;border:0;background:none;color:var(--link);font:inherit;font-size:var(--step--1);font-weight:600;text-decoration:underline;cursor:pointer}.groups .roster{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.groups .roster > summary{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-2);min-height:var(--tap);padding:var(--space-2) var(--space-4);font-size:var(--step--1);cursor:pointer}.groups .roster__word{margin-left:auto;color:var(--link);font-weight:700}.groups .roster:not([open]) > summary > [data-word-open],.groups .roster[open] > summary > [data-word-closed]{display:none}.groups .tool-more{border-top:1px solid var(--line)}.groups .tool-more > summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:var(--tap);color:var(--ink-muted);cursor:pointer;list-style:none}.groups .tool-more > summary::-webkit-details-marker{display:none}.groups .tool-more > summary:hover{color:var(--ink)}.groups__chevron{flex:none;fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform 0.15s var(--ease)}.groups .tool-more[open] .groups__chevron{transform:rotate(180deg)}.groups .tool-more__body{padding-block:var(--space-2) var(--space-3)}.groups .roster-rules__say{margin:var(--space-1) 0 0}.groups .roster__label{font-weight:700}.groups .roster__body{padding:var(--space-2) var(--space-4) var(--space-4)}.groups .roster-rules__list{display:grid;gap:var(--space-1);margin:var(--space-2) 0 0;padding:0;list-style:none}.groups .roster-rules__list li{display:flex;align-items:center;gap:var(--space-2)}.groups .roster-rules__list li > :first-child{flex:1;overflow-wrap:anywhere}.groups .roster-rules__list .btn{min-width:var(--tap);min-height:var(--tap)}.groups__tabs{justify-self:start;max-width:100%}.groups__tabs--wrap{display:flex;flex-wrap:wrap;gap:var(--space-2)}.groups--list .groups__value,.groups--slots .groups__value{flex-wrap:wrap;min-width:0}.groups--list .groups__value .select,.groups--slots .groups__value .select{max-width:100%}.groups__boxes{display:grid;gap:var(--space-4)}.groups__box{min-width:0}.groups__box .textarea{height:6rem;min-height:4.5rem}@container (min-width:28rem){.groups__box .textarea{height:10rem}.groups[data-groups-mode="match"] .groups__boxes{grid-template-columns:1fr 1fr}}.groups__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 var(--space-3);min-height:var(--tap)}.groups__foot > .hint{flex:1 1 12rem;margin:0}.groups__sample{min-height:var(--tap);padding:0;border:0;background:none;color:var(--link);font:inherit;font-size:var(--step--1);font-weight:600;text-decoration:underline;text-underline-offset:0.15em;cursor:pointer}.groups__sample[hidden]{display:none}.groups__fresh,.groups__check{justify-self:start;gap:0;font-size:var(--step--1)}.groups__rows{grid-column:1 / -1;columns:2 16rem;column-gap:var(--space-4);margin:0;padding:0;list-style:none;counter-reset:groups-row}.groups__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);break-inside:avoid;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);counter-increment:groups-row}.groups__row::before{content:counter(groups-row);min-width:1.5em;color:var(--ink-muted);font-size:var(--step--1);font-variant-numeric:tabular-nums}.groups__a{font-weight:700;overflow-wrap:anywhere}.groups__b{overflow-wrap:anywhere}.groups__arrow{width:1.25rem;height:1.25rem;color:var(--ink-muted)}.groups__card--rest{border-style:dashed;border-color:var(--line-strong)}.groups__card--rest .groups__name{background:var(--surface-2);color:var(--ink)}.groups__empty{grid-column:1 / -1;padding:var(--space-5) var(--space-4);border:1.5px dashed var(--line-strong);border-radius:var(--radius);color:var(--ink-muted);text-align:center;text-wrap:balance}.groups [data-stale]{opacity:0.45}@media (prefers-reduced-motion:no-preference){.groups [data-result]{transition:opacity 0.15s var(--ease)}}.groups__rule-form{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-3)}.groups__rule-pick{display:grid;flex:1 1 10rem;grid-template-columns:minmax(0,1fr);gap:var(--space-1);min-width:0}.groups__rule-pick .select{width:100%}.groups--list [data-groups-rule-note]:empty,.groups--list [data-groups-rule-list]:empty{display:none}.groups__views{justify-self:start}.groups__chart{display:grid;gap:var(--space-3)}.groups__chart > *{min-width:0}.groups__wrap{position:relative}.groups--slots:has([data-groups-view="position"]:checked) [data-groups-table="player"],.groups--slots:has([data-groups-view="player"]:checked) [data-groups-table="position"]{display:none}@supports not selector(:has(*)){.groups__chart[data-view="player"] [data-groups-table="position"],.groups__chart[data-view="position"] [data-groups-table="player"]{display:none}}.groups__table th,.groups__table td{padding:var(--space-2);text-align:center;vertical-align:middle}.groups__table th[scope="row"]{position:sticky;left:0;z-index:1;min-width:7rem;max-width:9rem;padding-inline:var(--space-3);background:var(--surface);text-align:left;overflow-wrap:anywhere}.groups__table thead .groups__corner{position:sticky;left:0;z-index:2;padding-inline:var(--space-3);text-align:left}@container (max-width:30rem){.groups__table th,.groups__table td{padding-inline:var(--space-1)}.groups__table th[scope="row"],.groups__table thead .groups__corner{min-width:5.5rem;padding-inline:var(--space-2)}.groups [data-groups-table="player"] .groups__cell small{display:none}.groups__table .groups__place{width:1.25rem}.groups__table thead .groups__count{white-space:normal}}.groups__chart{position:relative}.groups__chart[data-more]::after{content:"\203A";position:absolute;top:1px;right:1px;bottom:1px;display:grid;place-items:center end;width:2.75rem;padding-right:var(--space-1);border-radius:0 var(--radius) var(--radius) 0;background:linear-gradient(to right,transparent,var(--surface) 70%);color:var(--ink-muted);font-size:1.5rem;font-weight:700;pointer-events:none}@media print{.groups__chart[data-more]::after{content:none}}.groups__place{width:2rem;color:var(--ink-muted)}.groups__count{font-weight:700}.groups__cell{white-space:nowrap}.groups__cell small{color:var(--ink-muted);font-size:0.8em}.groups__cell--off,.groups__off-row > *,.groups__table .groups__off-row th[scope="row"]{background:var(--surface-2);color:var(--ink-muted)}.groups__cell--off b{font-weight:500}.groups__marks{display:grid;gap:var(--space-2)}.groups__marks > *{min-width:0;margin:0}.groups__marks-table th,.groups__marks-table td{vertical-align:middle}.groups__marks-table td{padding:0}.groups__marks-table th[scope="row"]{overflow-wrap:anywhere}.groups__hit{display:grid;place-items:center;min-width:var(--tap);min-height:var(--tap);cursor:pointer}.groups .groups__mark{display:grid;place-items:center;width:var(--tap);height:var(--tap);margin:0;border:0;background:none;appearance:none;cursor:pointer}.groups .groups__mark::before,.groups .groups__mark::after{content:"";grid-area:1 / 1}.groups .groups__mark::before{width:1.375rem;height:1.375rem;border:2px solid var(--line-strong);border-radius:0.25rem;background:var(--surface)}.groups .groups__mark::after{width:0.4rem;height:0.75rem;border:solid var(--brand-ink);border-width:0 2.5px 2.5px 0;opacity:0;transform:translateY(-1px) rotate(45deg)}.groups .groups__mark:checked::before{border-color:var(--brand);background:var(--brand)}.groups .groups__mark:checked::after{opacity:1}.groups .groups__mark:focus-visible{outline:none}.groups .groups__mark:focus-visible::before{outline:2px solid var(--ring,var(--brand));outline-offset:2px}.groups .groups__mark:disabled{opacity:0.55}@media (forced-colors:active){.groups .groups__mark{width:1.5rem;height:1.5rem;margin:0.625rem;appearance:auto}.groups .groups__mark::before,.groups .groups__mark::after{content:none}}@media print{.groups__print-title{margin-bottom:4mm;font:700 16pt / 1.2 var(--font-display)}.groups__grid{grid-template-columns:repeat(4,1fr);gap:4mm}.groups__card{break-inside:avoid}.groups__name{border-bottom:1px solid currentcolor;background:none;color:inherit}}@page groups-lineup{size:landscape;margin:10mm}@media print{.groups [data-stale]{opacity:1}.groups__rows{columns:2;column-gap:8mm}.groups__row{margin:0;padding:1.5mm 0;border:0;border-bottom:1px solid var(--line);border-radius:0}.groups__empty{display:none}.groups--slots{page:groups-lineup}html[data-print="tool"] :is(body,main):has(.groups--slots){page:groups-lineup}html[data-print="tool"] main:has(.groups--list,.groups--slots){font-size:0}html[data-print="tool"] main:has(.groups--list,.groups--slots) > .tool{font-size:11pt}.groups__wrap{overflow:visible;border:0;border-radius:0}.groups__table{font-size:10pt}.groups__table th,.groups__table td{padding:1.5mm 2mm;border:1px solid var(--ink)}.groups__wrap--tight .groups__table{font-size:9pt;line-height:1.25}.groups__wrap--tight .groups__table th,.groups__wrap--tight .groups__table td{padding:0.8mm 2mm}.groups--slots [data-groups-unmet]{display:none}.groups .groups__table tbody tr:last-child > *{border-bottom:1px solid var(--ink)}.groups__table th[scope="row"]{position:static;max-width:none}.groups__table tr{break-inside:avoid}.groups__table .groups__cell--off,.groups__table .groups__off-row > *{color:inherit}}.groups--roster[data-fresh] > :is(.tool-bar,[data-roster]),.groups--roster:not([data-fresh]):not([data-setup]) > :is(.tool-own,[data-rules],[data-roster]),.groups--roster[data-setup] > .tool-bar,.groups__privacy{display:none}.groups--roster .groups__name{font-weight:500}.groups--list[data-fresh] > :is(.tool-bar,.groups__fresh),.groups--list:not([data-fresh]):not([data-setup]) > :is(.groups__tabs,.groups__boxes,.groups__rules),.groups--list:not([data-fresh]):not([data-setup]) > .groups__controls > .groups__value,.groups--list[data-setup] > .tool-bar{display:none}.groups--list .groups__name{font-weight:500}.groups--slots .groups__setup{display:grid;gap:var(--space-3)}