.snl-board{--gw:min(100cqw, 100cqh);--u:calc((var(--gw) - 2px) / 10);border-radius:var(--r-lg);background:var(--g-board);width:100%;height:100%;box-shadow:var(--shadow-2);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;place-items:center;display:grid;position:relative;container-type:size}.snl-play{--in-r:calc(var(--r-lg) - 1px);width:var(--gw);height:var(--gw);border:1px solid var(--g-frame);border-radius:var(--r-lg);position:relative;overflow:hidden}.snl-grid{aspect-ratio:1;border-radius:var(--in-r);flex:none;width:100%;position:relative;overflow:hidden}.snl-art{width:100%;height:100%;display:block}.snl-sq[data-tone=a]{fill:var(--g-cell-a)}.snl-sq[data-tone=b]{fill:var(--g-cell-b)}.snl-sq[data-finish]{fill:var(--g-finish)}.snl-lines{fill:none;stroke:var(--g-line);stroke-width:1px;vector-effect:non-scaling-stroke}.snl-star{fill:none;stroke:var(--g-finish-mark);stroke-width:.05px;stroke-linejoin:round}.snl-num{font-family:var(--font-body);font-size:2.5px;font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;fill:var(--g-num);paint-order:stroke;stroke-width:.7px;stroke-linejoin:round}.snl-num[data-tone=a]{stroke:var(--g-cell-a)}.snl-num[data-tone=b]{stroke:var(--g-cell-b)}.snl-num[data-tone=finish]{stroke:var(--g-finish);font-weight:var(--fw-bold)}.snl-ladder path{fill:none;stroke-linecap:round}.snl-ladder__edge{stroke:var(--g-cell-a);stroke-width:.17px;opacity:.75}.snl-ladder__rungs{stroke:var(--g-ladder);stroke-width:.055px}.snl-ladder__rails{stroke:var(--g-ladder);stroke-width:.08px}.snl-ladder[data-hot] .snl-ladder__edge{stroke:var(--g-num);opacity:.3;stroke-width:.24px}.snl-snake{--snake:var(--g-snake-a)}.snl-snake[data-tone="1"]{--snake:var(--g-snake-b)}.snl-snake[data-tone="2"]{--snake:var(--g-snake-c)}.snl-snake__body,.snl-snake__head{fill:var(--snake);stroke:var(--g-snake-edge);stroke-width:.03px;stroke-linejoin:round}.snl-snake__marks{fill:none;stroke:var(--g-snake-mark);stroke-width:.07px;stroke-linecap:round;stroke-dasharray:.02 .16;opacity:.7}.snl-snake__eye{fill:var(--g-eye);stroke:var(--g-snake-edge);stroke-width:.015px}.snl-snake__pupil{fill:var(--g-pupil)}.snl-snake[data-hot] :is(.snl-snake__body,.snl-snake__head){stroke:var(--g-num);stroke-width:.07px}.snl-last{z-index:1;width:var(--u);height:var(--u);pointer-events:none;position:absolute}.snl-pill{--pill-die:clamp(28px, calc(.9 * var(--u)), 40px);--pill-gap:var(--sp-1);z-index:4;align-items:center;gap:var(--sp-2);max-width:88%;padding:var(--pill-gap) var(--sp-4) var(--pill-gap) var(--pill-gap);border:2px solid var(--c);border-radius:calc(var(--pill-die) * .22 + var(--pill-gap) + 2px);background:var(--surface);box-shadow:var(--shadow-3);color:var(--text);font-size:clamp(13px, calc(.42 * var(--u)), 17px);pointer-events:none;margin:0;line-height:1.2;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.snl-pill .kit-die{--die:var(--pill-die);--g-die-edge:var(--c);box-shadow:none;flex:none}.snl-pill__text{flex-direction:column;min-width:0;display:flex}.snl-pill__who{font-weight:var(--fw-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.snl-pill__what{font-family:var(--font-display);font-weight:var(--fw-bold)}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduce]) .snl-pill{animation:snl-pill 1.9s var(--ease) both}}@media (prefers-reduced-motion:reduce){:root[data-motion=full] .snl-pill{animation:snl-pill 1.9s var(--ease) both}:root:not([data-motion=full]) .snl-pill{animation:none}}:root[data-motion=reduce] .snl-pill{animation:none}@keyframes snl-pill{0%{opacity:0;transform:translate(-50%,-40%)scale(.92)}12%,85%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%)}}.snl-tokens{z-index:2;pointer-events:none;position:absolute;inset:0}.snl-token{--tu:var(--u);width:calc(var(--d) * var(--tu));aspect-ratio:1;translate:calc(var(--x) * var(--u)) calc(var(--y) * var(--u));scale:var(--k,1);transform-origin:0 0;transition-property:translate,scale;transition-duration:var(--dur-2);transition-timing-function:var(--ease);display:grid;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.snl-token[data-start]{visibility:hidden}.snl-token[data-anim]{z-index:3;transition-timing-function:linear}.snl-token[data-anim=climb]{transition-timing-function:var(--ease)}.snl-token__disc{border:calc(max(1.5px, calc(.05 * var(--tu))) / var(--k,1)) solid var(--g-token-edge);background:var(--c);width:100%;height:100%;box-shadow:inset 0 0 0 calc(max(1px, calc(.035 * var(--tu))) / var(--k,1)) var(--g-token-ring), var(--shadow-1);color:var(--on);font-family:var(--font-display);font-size:calc(max(7px, calc(var(--d) * var(--k,1) * var(--tu) * .52)) / var(--k,1));font-weight:var(--fw-bold);border-radius:50%;place-items:center;line-height:1;display:grid}.snl-token__disc:before{content:attr(data-n);content:attr(data-n) / ""}.snl-token[data-turn] .snl-token__disc,.snl-token[data-winner] .snl-token__disc{outline:calc(max(2px, calc(.06 * var(--tu))) / var(--k,1)) solid var(--c);outline-offset:calc(max(1px, calc(.03 * var(--tu))) / var(--k,1))}.snl-token[data-winner] .snl-token__disc{outline-style:double;outline-width:calc(max(4px, calc(.1 * var(--tu))) / var(--k,1))}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduce]) .snl-token[data-hop=a] .snl-token__disc{animation:.12s ease-out snl-hop-a}:root:not([data-motion=reduce]) .snl-token[data-hop=b] .snl-token__disc{animation:.12s ease-out snl-hop-b}}@media (prefers-reduced-motion:reduce){:root[data-motion=full] .snl-token[data-hop=a] .snl-token__disc{animation:.12s ease-out snl-hop-a}:root[data-motion=full] .snl-token[data-hop=b] .snl-token__disc{animation:.12s ease-out snl-hop-b}}@keyframes snl-hop-a{50%{transform:translateY(-22%)scale(1.08)}}@keyframes snl-hop-b{50%{transform:translateY(-22%)scale(1.08)}}.snl-mark{aspect-ratio:1;border:1.5px solid var(--g-token-edge);background:var(--c);width:82%;color:var(--on);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:50%;place-items:center;line-height:1;display:grid}.snl-pos{font-size:var(--fs-sm);color:var(--text-muted);position:relative}@media (width<=599px){.kit-strip:is([data-count="5"],[data-count="6"]) .snl-pos{display:none}}.snl-log{gap:var(--sp-2);flex-direction:column;min-height:0;display:flex}.snl-log__title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-muted);margin:0}.snl-log__list{gap:var(--sp-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.snl-log__item{font-size:var(--fs-sm);line-height:var(--lh-snug);color:var(--text-muted);padding-left:18px;position:relative}.snl-log__item:first-child{font-weight:var(--fw-semibold);color:var(--text)}.snl-log__item:before{content:"";background:var(--c);width:10px;height:10px;box-shadow:0 0 0 1px var(--border-strong);border-radius:50%;position:absolute;top:.35em;left:2px}.snl-result{font-size:var(--fs-sm);color:var(--text-muted);text-align:center;text-wrap:balance;margin:0}@media (height<=700px) and ((aspect-ratio<5/4)){.kit-over:has(.snl-result):has(.kit-over__ranking) .kit-over__hero{display:none}}@media (height<=700px){.kit-over:has(.snl-result) :is(.kit-over__ranking,.kit-score-list){gap:0}.kit-over:has(.snl-result) .kit-score-list .kit-score__n{font-size:var(--fs-lg);line-height:var(--lh-snug)}.kit-over:has(.snl-result):has(.kit-over__ranking) .kit-over__tally{padding-block:var(--sp-2)}}@media (height<=860px){.kit-over:has(.snl-result):has(.kit-over__ranking>li:nth-child(5)) .kit-over__hero{display:none}.kit-over:has(.snl-result):has(.kit-over__ranking>li:nth-child(5)) :is(.kit-over__ranking,.kit-score-list){gap:0}.kit-over:has(.snl-result):has(.kit-over__ranking>li:nth-child(5)) .kit-score-list .kit-score__n{font-size:var(--fs-lg);line-height:var(--lh-snug)}}@media (height<=520px){.kit-over:has(.snl-result):has(.kit-over__ranking) .kit-dialog__body{justify-content:center;align-items:center;column-gap:var(--sp-6);grid-template-columns:minmax(0,auto) minmax(0,auto);display:grid}.kit-over:has(.snl-result):has(.kit-over__ranking) .kit-over__reason{grid-area:1/1/auto/-1}.kit-over:has(.snl-result):has(.kit-over__ranking) .kit-over__ranking{min-width:0;max-width:100%;margin:var(--sp-2) 0 0;grid-area:2/1;padding-inline-start:0;list-style-position:inside}.kit-over:has(.snl-result):has(.kit-over__ranking) .kit-over__ranking li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kit-over:has(.snl-result):has(.kit-over__ranking) .kit-over__tally{min-width:0;padding-block:var(--sp-1);flex-direction:column;grid-area:2/2;align-items:stretch;gap:0}.kit-over:has(.snl-result):has(.kit-over__ranking) :is(.kit-over__ranking,.kit-score-list) li{line-height:var(--lh-snug)}.kit-over:has(.snl-result):has(.kit-over__ranking) .kit-dialog__footer{margin-top:var(--sp-2)}.kit-over:has(.snl-result):has(.kit-over__ranking) .snl-result{margin-top:var(--sp-1);grid-area:3/1/auto/-1}}@media (height<=860px){.kit-over:has(.snl-result):has(.kit-over__ranking>li:nth-child(5)) .kit-dialog__body{justify-content:center;align-items:center;column-gap:var(--sp-6);grid-template-columns:minmax(0,auto) minmax(0,auto);display:grid}.kit-over:has(.snl-result):has(.kit-over__ranking>li:nth-child(5)) .kit-over__reason{grid-area:1/1/auto/-1}.kit-over:has(.snl-result):has(.kit-over__ranking>li:nth-child(5)) .kit-over__ranking{min-width:0;max-width:100%;margin:var(--sp-2) 0 0;grid-area:2/1;padding-inline-start:0;list-style-position:inside}.kit-over:has(.snl-result):has(.kit-over__ranking>li:nth-child(5)) .kit-over__ranking li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kit-over:has(.snl-result):has(.kit-over__ranking>li:nth-child(5)) .kit-over__tally{min-width:0;padding-block:var(--sp-1);flex-direction:column;grid-area:2/2;align-items:stretch;gap:0}.kit-over:has(.snl-result):has(.kit-over__ranking>li:nth-child(5)) :is(.kit-over__ranking,.kit-score-list) li{line-height:var(--lh-snug)}.kit-over:has(.snl-result):has(.kit-over__ranking>li:nth-child(5)) .kit-dialog__footer{margin-top:var(--sp-2)}.kit-over:has(.snl-result):has(.kit-over__ranking>li:nth-child(5)) .snl-result{margin-top:var(--sp-2);grid-area:3/1/auto/-1}}@media (height<=520px){.kit-over:has(.snl-result):has(.kit-over__ranking>li:nth-child(5)) .kit-dialog__body{align-items:start}.kit-over:has(.snl-result):has(.kit-over__ranking>li:nth-child(5)) .kit-over__tally{margin-top:var(--sp-2);grid-row:2/4}.kit-over:has(.snl-result):has(.kit-over__ranking>li:nth-child(5)) .snl-result{max-width:24ch;line-height:var(--lh-snug);text-align:start;grid-column:1}.kit-over:has(.snl-result):has(.kit-over__ranking>li:nth-child(5)) :is(.kit-over__ranking,.kit-score-list) li{line-height:1.15}.kit-over:has(.snl-result):has(.kit-over__ranking>li:nth-child(5)) .kit-score-list .kit-score__n{font-size:var(--fs-md)}}@media not all and (aspect-ratio>=5/4){.kit-stage:has(.snl-board) .kit-strip:is([data-count="3"],[data-count="4"]){grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.kit-stage:has(.snl-board) .kit-strip:is([data-count="3"],[data-count="4"])>li{min-width:0}.kit-stage:has(.snl-board) .kit-strip[data-count="3"]>li:last-child{grid-column:1/-1}.kit-stage:has(.snl-board) .kit-strip:is([data-count="5"],[data-count="6"]){flex-wrap:wrap;overflow:visible}.kit-stage:has(.snl-board) .kit-strip:is([data-count="5"],[data-count="6"])>li{flex:1 1 calc(33.333% - var(--sp-2));min-width:0}}@media (width>=600px) and ((aspect-ratio<5/4)){.kit-stage:has(.snl-board) .kit-strip:is([data-count="3"],[data-count="4"]){grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.kit-stage:has(.snl-board) .kit-strip[data-count="3"]>li:last-child{grid-column:auto}}@media (aspect-ratio>=5/4) and (height<=520px){.kit-stage:has(.snl-board) .kit-strip{gap:var(--sp-1);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.kit-stage:has(.snl-board) .kit-strip>li{min-width:0}.kit-stage:has(.snl-board) .kit-strip:is([data-count="3"],[data-count="4"]) .kit-badge{align-content:center;gap:0 var(--sp-2);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.kit-stage:has(.snl-board) .kit-strip:is([data-count="3"],[data-count="4"]) .kit-badge__chip{grid-row:1/span 2}.kit-stage:has(.snl-board) .kit-strip:is([data-count="3"],[data-count="4"]) .kit-badge__text{display:contents}.kit-stage:has(.snl-board) .kit-strip:is([data-count="3"],[data-count="4"]) :is(.kit-badge__name,.kit-badge__detail){grid-row:1;line-height:1.2}.kit-stage:has(.snl-board) .kit-strip:is([data-count="3"],[data-count="4"]) .kit-badge__sub{grid-area:2/2/auto/-1;line-height:1.2}.kit-stage:has(.snl-board) .kit-strip:is([data-count="5"],[data-count="6"]){row-gap:3px}.kit-stage:has(.snl-board) .kit-strip:is([data-count="5"],[data-count="6"]) .kit-badge{gap:6px;min-height:0;padding:3px 6px}.kit-stage:has(.snl-board) .kit-strip:is([data-count="5"],[data-count="6"]) .kit-badge__chip{width:22px;height:22px}.kit-stage:has(.snl-board) .kit-strip:is([data-count="5"],[data-count="6"]) :is(.kit-badge__name,.kit-badge__detail){font-size:var(--fs-sm);line-height:1.2}.kit-stage:has(.snl-board) .kit-strip:is([data-count="5"],[data-count="6"]) .kit-badge__sub{display:none}}
