.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 .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 > summary::after{content:"Change";margin-left:auto;color:var(--link);font-weight:700}.groups .roster[open] > summary::after{content:"Close"}.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__area{position:relative;display:grid;min-width:0}.groups__sample{position:absolute;right:var(--space-5);bottom:var(--space-2);max-width:calc(100% - var(--space-5) - var(--space-3))}.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 [data-groups-table="player"] thead th:nth-child(2),.groups [data-groups-table="position"] thead th:first-child{text-align:left}.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__mark{width:1.25rem;height:1.25rem;margin:0;accent-color:var(--brand);cursor:pointer}@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}}