.sg{display:grid;gap:var(--space-4);container-type:inline-size}.sg > *,.sg__play > *{min-width:0;margin:0}.sg__play{display:grid;gap:var(--space-4)}.sg__modes{justify-self:start}.sg__controls{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-3);max-width:36rem}.sg__controls .btn{min-width:0;padding-inline:var(--space-3);white-space:nowrap}.sg__note,.sgm__note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4)}.sg__note{scroll-margin-top:calc(var(--tap) + var(--space-6))}.sg__note p,.sgm__note p{margin:0}.sg__board{align-content:start;gap:var(--space-3);padding:var(--space-5) var(--space-4);border:1.5px solid var(--line-strong)}.sg__board > *{min-width:0;max-width:100%}.sg__question{display:grid;align-content:center;max-width:34ch;min-height:2.4em;font-size:var(--step-2);line-height:1.2;overflow-wrap:anywhere}.sg__tiles{display:grid;grid-auto-flow:column;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,auto);gap:var(--space-2) var(--space-3);width:100%;max-width:44rem;margin:0;padding:0;list-style:none;text-align:left}.sg__tiles[data-rows="1"]{grid-template-rows:auto}.sg__tiles[data-rows="2"]{grid-template-rows:repeat(2,auto)}.sg__tiles[data-rows="3"]{grid-template-rows:repeat(3,auto)}.sg__tile{position:relative;min-height:3.25rem;border:2px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-2)}.sg__tile[open]{border-color:var(--brand);background:var(--surface)}.sg__cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding-inline:var(--space-2);border-radius:inherit;list-style:none;cursor:pointer}.sg__cover::-webkit-details-marker{display:none}.sg__cover:hover .sg__number{background:var(--brand);color:var(--surface)}.sg__number{display:grid;flex:none;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--brand-soft);color:var(--ink);font:var(--display-weight) var(--step-1) / 1 var(--font-display);font-variant-numeric:tabular-nums;transition:background-color 0.15s var(--ease),color 0.15s var(--ease)}.sg__tile[open] .sg__cover{right:auto;width:3.25rem;padding:0}.sg__peek{min-width:0;overflow:hidden;color:var(--ink-muted);font-size:var(--step--1);text-overflow:ellipsis;white-space:nowrap}.sg__tile[open] .sg__peek{display:none}.sg__answer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:3rem;margin:0 0 0 3.25rem;padding:var(--space-1) var(--space-3) var(--space-1) 0;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.sg__points{flex:none;min-width:2.25rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--brand-soft);font-variant-numeric:tabular-nums;text-align:center}.sg__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-5);width:100%;max-width:44rem}.sg__foot p{margin:0}.sg__strikes{display:flex;gap:var(--space-2)}.sg__x{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:2px dashed var(--line-strong);border-radius:var(--radius-sm);color:transparent;font-weight:800}.sg__x.is-on{border:2px solid var(--bad);background:var(--bad);color:var(--surface)}.sg__pot{display:flex;align-items:center;gap:var(--space-2);color:var(--ink-muted)}.sg__pot b{min-width:2ch;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}.sg__teams{display:grid;gap:var(--space-3)}.sg__heading{margin:0;font-size:var(--step-0)}.sg__team-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.sg__team{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-2) var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.sg__team-name{grid-column:1 / -1;min-width:0;font-weight:700}.sg__score{padding-left:var(--space-1);font-variant-numeric:tabular-nums}.sg__give{min-width:0;white-space:nowrap}.sg__game{display:grid;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--line)}.sg__pick{max-width:24rem}.sg__tools{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2)}.sg__prefs{display:grid;gap:var(--space-1)}.sgm{display:grid;gap:var(--space-4);max-width:44rem}.sgm > *{min-width:0;margin:0}.sgm__title:focus{outline:none}.sgm__round{display:grid;gap:var(--space-3);min-width:0;margin:0;padding:var(--space-3) var(--space-4) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface)}.sgm__legend{padding-inline:var(--space-2);font-weight:750}.sgm__head,.sgm__row{display:grid;grid-template-columns:1.5rem minmax(0,1fr) 4.5rem var(--tap);align-items:center;gap:var(--space-2)}.sgm__head{margin:0;color:var(--ink-muted);font-size:var(--step--1);font-weight:700}.sgm__head > :first-child{grid-column:1 / 3}.sgm__rows{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.sgm__rank{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-weight:700;text-align:center}.sgm__row .input{min-width:0}.sgm__points{text-align:center}.sgm__round-tools,.sgm__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.sgm__more{display:grid;justify-items:start;gap:var(--space-2)}.sgm__problems ul{margin:var(--space-1) 0 0;padding-left:var(--space-5)}.sgm__problems p{margin:0}@container (max-width:34rem){.sg__controls{gap:var(--space-2)}.sg__board{padding:var(--space-4) var(--space-3)}.sg__question{font-size:var(--step-1)}.sg__tiles{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);grid-template-rows:none}.sg__team{grid-template-columns:1fr;justify-items:start;padding:var(--space-2)}.sg__give{width:100%;padding-inline:var(--space-2)}.sgm__round{padding-inline:var(--space-3)}.sgm__head,.sgm__row{grid-template-columns:1.25rem minmax(0,1fr) 3.75rem var(--tap);gap:var(--space-1)}}@media print{.sg__board{display:none}.sg__sheet-title{margin:0 0 5mm;font:700 16pt / 1.2 var(--font-display)}.sg__sheet-rounds{columns:2;column-gap:10mm;margin:0;padding-left:6mm}.sg__sheet-rounds > li{margin-bottom:5mm;break-inside:avoid}.sg__sheet-q{margin:0 0 1.5mm;font-weight:700}.sg__sheet-answers{margin:0;padding-left:5mm}.sg__sheet-answers li{padding:0.5mm 0}.sg__sheet-answers li::marker{color:#333}.sg__sheet-answers b{float:right;font-variant-numeric:tabular-nums}.sg__sheet-scores{width:100%;margin-top:4mm;border-collapse:collapse;break-inside:avoid}.sg__sheet-scores caption{padding-bottom:2mm;font-weight:700;text-align:left}.sg__sheet-scores th,.sg__sheet-scores td{height:8mm;padding:1mm 2mm;border:0.3mm solid #000;text-align:left}.sg__sheet-scores th:first-child{width:18mm}}