.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__top,.sg__side,.sg__stage{display:grid;align-content:start;gap:var(--space-3)}.sg__top{gap:var(--space-4)}.sg__top > *,.sg__side > *,.sg__stage > *{min-width:0;margin:0}.sg .tool-own,.sg__own-box{display:grid;gap:var(--space-2)}.sg .tool-own__label{font-weight:600}.sg .tool-own__how{display:block;font-weight:400}.sg .tool-own__text{min-height:0}.sg[data-sg-typing] .tool-own__text{min-height:min(13rem,25vh)}.sg .hint[data-tone="error"],.sgm .hint[data-tone="error"]{color:var(--bad);font-weight:600}.sg__own-row,.sg__own-tools,.sg__see,.sg__head{row-gap:0}.sg__own-row .hint{flex:1 1 14rem}.sg__own-tools{margin-inline:calc(var(--space-3) * -1)}.sg__board[data-sg-stale]{opacity:0.5}.sg__controls .btn{min-width:0;padding-inline:var(--space-3);white-space:nowrap}.sg .sg__note{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-3);scroll-margin-top:var(--space-2)}.sg .sg__note > p{flex:1 1 auto;min-width:0}.sg .sg__note > .btn{flex:none}.sg__own-row .hint[data-wait]{visibility:hidden}:where(.sg,.sgm) p{margin:0}.sg__all{display:inline-flex;align-items:center;min-height:var(--tap);font-size:var(--step--1)}.sg .check{gap:0}.sg .check input{display:grid;place-content:center;width:var(--tap);height:var(--tap);margin:0 0 0 -0.7rem;border:0.7rem solid transparent;border-radius:1rem;background:var(--surface) padding-box;box-shadow:inset 0 0 0 2px var(--line-strong);outline-offset:-0.5rem;appearance:none}.sg .check input::before{display:none}.sg .check input:checked{background:var(--brand) padding-box;box-shadow:none}.sg .check input:checked::after{width:0.4rem;height:0.75rem;border:solid var(--surface);border-width:0 0.17rem 0.17rem 0;content:"";transform:translateY(-0.08rem) rotate(45deg)}@media (forced-colors:active){.sg .check input{border:0;appearance:auto}.sg .check input::after{display:none}}.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__head{justify-content:center}.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{justify-content:flex-start;padding-inline:0.5rem}.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{gap:var(--space-2);width:100%;max-width:44rem;scroll-margin:var(--space-6)}.sg__strikes{display:flex;margin-inline-start:-0.375rem}.sg__x{position:relative;z-index:0;display:grid;place-items:center;width:var(--tap);height:var(--tap);padding:0;border:0;background:none;color:transparent;font:inherit;font-weight:800;cursor:pointer}.sg__x::before{position:absolute;inset:0.25rem 0.375rem;z-index:-1;border:2px dashed var(--line-strong);border-radius:var(--radius-sm);content:""}.sg__x:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.sg__x.is-on{color:var(--surface)}.sg__x.is-on::before{border:2px solid var(--bad);background:var(--bad)}.sg__x.is-hit{animation:sg-hit 0.6s var(--ease)}@keyframes sg-hit{35%{transform:scale(1.9)}}.sg__pot{display:flex;align-items:center;gap:var(--space-2);color:var(--ink-muted)}.sg__pot b{min-width:3ch;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:minmax(0,1fr) auto 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;min-width:0;font-weight:700;font-size:max(1rem,16px)}.sg__score{grid-column:2;grid-row:1;min-width:2ch;font-variant-numeric:tabular-nums;text-align:end}.sg__team-x{grid-column:3;grid-row:1;font-size:var(--step-1)}.sg__team-add{display:flex;align-items:center;min-height:var(--tap)}.sg__pick{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3);max-width:36rem}.sg__out,.sg__tools{gap:var(--space-1) var(--space-2)}.sg__out{margin-inline:calc(var(--space-3) * -1);padding-top:var(--space-2);border-top:1px solid var(--line)}.sg .more-row{max-width:none}.sg .tool-more__body{display:grid;gap:var(--space-2);padding-block:var(--space-1) var(--space-3)}.sg .tool-more__body .sg__tools{margin-inline:calc(var(--space-3) * -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__more{display:grid;justify-items:start;gap:var(--space-2)}.sgm__problems ul{margin:var(--space-1) 0 0;padding-left:var(--space-5)}@container (max-width:34rem){.sg__top,.sg__controls{gap:var(--space-2)}.sg__board{gap:var(--space-2);padding:var(--space-4) var(--space-3)}.sg[data-sg-open="play"]:not([data-sg-step="final"]) .sg__head{display:none}.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-list{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.sg__team{column-gap:var(--space-2);padding:var(--space-2)}.sgm__round{padding-inline:var(--space-3)}.sgm__head,.sgm__row{grid-template-columns:minmax(0,1fr) 3.5rem var(--tap)}.sgm__head > :first-child{grid-column:1}.sgm__rank{display:none}.sgm__row .input{padding-inline:var(--space-2)}}@container (min-width:56rem){.sg[data-sg-open="make"] .sg__top{grid-template-columns:minmax(0,26rem) minmax(0,1fr);gap:var(--space-5)}.sg[data-sg-open="make"] .sg__side{display:grid;position:sticky;top:var(--space-3);align-self:start}.sg[data-sg-open="make"] .sg__controls{position:static;order:0;margin:0;padding:0;border:0}}@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 70mm;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:0;list-style:none;counter-reset:sg-rank}.sg__sheet-answers li{display:grid;grid-template-columns:5mm minmax(0,1fr) auto;column-gap:2mm;align-items:baseline;padding:0.5mm 0;counter-increment:sg-rank}.sg__sheet-answers li::before{content:counter(sg-rank) "."}.sg__sheet-answers b{font-variant-numeric:tabular-nums;text-align:right}.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}}.sg .btn .icon{display:none}.sg .sg__hint{visibility:hidden;text-align:center}.sg .sg__strike{min-height:var(--tap);font-size:inherit;padding:0;border:0;border-radius:0;background:none;color:var(--link);font-weight:400;text-decoration:underline;text-underline-offset:0.25em}.sg[data-sg-waiting] :is(.sg__teams,.sg__out){display:none}.sg__side{display:contents}.sg__controls{position:sticky;bottom:0;z-index:1;order:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-4);max-width:none;margin-inline:calc(var(--space-2) * -1);padding:var(--space-2);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--surface)}.sg__controls .sg__next{flex:0 1 24rem}.sg__controls .sg__strike,.sg__controls .sg__back{flex:none}.sg__gives{display:grid;flex:1 0 100%;grid-template-columns:repeat(2,minmax(0,22rem));justify-content:center;gap:var(--space-2)}.sg__gives[hidden]{display:none}.sg__round{flex:none;color:var(--ink-muted);font-size:var(--step--1);font-variant-numeric:tabular-nums}.sg:is([data-sg-step="start"],[data-sg-step="final"]) .sg__round{display:none}.sg:not([data-sg-step="final"]) .sg__team .sg__score{display:none}.sg__controls .sg__give > span,.sg__tally > span,.sg__tally > b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg__controls .sg__give > span:last-child,.sg__tally > span{font-size:var(--step--1)}.sg__controls .sg__give,.sg__tally{display:grid;align-content:center;justify-items:center;gap:0;min-width:0;min-height:3rem;padding-block:var(--space-1);line-height:1.2;text-align:center;white-space:normal;overflow-wrap:anywhere}.sg__tally{border:2px solid transparent;border-radius:var(--radius-pill)}.sg__tally b{font-variant-numeric:tabular-nums}.sg__tally.is-new{animation:sg-got 1.2s var(--ease)}@keyframes sg-got{0%,60%{background:var(--brand-soft)}}.sg:is([data-sg-step="tiles"],[data-sg-step="give"],[data-sg-step="next"]) .sg__controls .sg__next{min-height:var(--tap);font-size:inherit}.sg .sg__back,.sg[data-sg-step="give"] .sg__next{flex:none;min-height:var(--tap);padding:0;border:0;border-radius:0;box-shadow:none;background:none;color:var(--link);font-size:inherit;font-weight:400;text-decoration:underline;text-underline-offset:0.25em}@container (max-width:34rem){.sg__controls .sg__next{flex:1 1 0}.sg[data-sg-step="give"] .sg__next{flex:none}}html:has(.consent-bar:not([data-dock="top"])) .sg__controls{bottom:calc(var(--consent-h,9rem) - 3px)}@media (max-width:47.99rem){html[data-anchor-pad] .sg__controls{bottom:calc(100px + env(safe-area-inset-bottom,0px));padding-bottom:var(--space-2)}}.sg[data-sg-step="tiles"] .sg__hint{visibility:visible}.sgm__actions{position:sticky;bottom:0;z-index:1;display:grid;padding-block:var(--space-2);border-top:1px solid var(--line);background:var(--surface)}.sgm__actions .btn{justify-self:center;width:min(100%,24rem)}.sgm__hint{scroll-margin-bottom:calc(var(--tap) * 2)}.sgm__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 var(--space-4)}.sg[data-sg-step="final"] .sg__question{min-height:0}.sg[data-sg-step="final"] .sg__board{align-content:center}.sg[data-sg-step="final"] .sg__stage{display:contents}.sg[data-sg-step="final"] .sg__controls{position:static;order:1;margin-inline:0;padding:0;border:0}.sg[data-sg-step="final"] :is(.sg__teams,.sg__see){order:2}@container (min-width:56rem){.sg[data-sg-open="make"][data-sg-step="final"] .sg__stage{display:grid}}html:has(.consent-bar:not([data-dock="top"])) .sgm__actions{bottom:calc(var(--consent-h,9rem) - 3px)}
