.stb-fit{overscroll-behavior:contain;position:absolute;inset:0;overflow:auto;container:stb/size}.stb-board{--stb-cols:5;--stb-rows:2;--stb-ratio:1.4;--stb-gap:clamp(4px, 1.3cqw, 10px);--stb-pad:clamp(5px, 1.4cqmin, 12px);--stb-head:28px;--stb-tray:184px;--stb-tray-w:calc(100cqw - 4px);--stb-sp:clamp(6px, 1.5cqh, 14px);--stb-room-w:calc(100cqw - 4px);--stb-room-h:calc(100cqh - 4px - var(--stb-head) - var(--stb-tray) - 2 * var(--stb-sp));--stb-w:clamp(40px, min((var(--stb-room-w) - 4 * var(--stb-pad) - (var(--stb-cols) - 1) * var(--stb-gap)) / var(--stb-cols), (var(--stb-room-h) - 4 * var(--stb-pad) - (var(--stb-rows) - 1) * var(--stb-gap)) / var(--stb-rows) / var(--stb-ratio)), 96px);--die:clamp(40px, min(12cqw, 7cqh), 56px);justify-content:safe center;align-items:safe center;gap:var(--stb-sp);min-height:100%;color:var(--text);flex-direction:column;padding:2px;display:flex}.stb-board[data-tiles="12"]{--stb-cols:6}@container stb (height>=520px){.stb-board{--stb-ratio:1.65}}@container stb (width>=500px){.stb-board[data-tiles="9"]{--stb-cols:9;--stb-rows:1}}@container stb (width>=660px){.stb-board[data-tiles="12"]{--stb-cols:12;--stb-rows:1}}@container stb (height<=460px) and (aspect-ratio>=3/2){.stb-board{--stb-tray-w:clamp(180px, 34cqw, 240px);--stb-room-w:calc(100cqw - 4px - var(--stb-tray-w) - var(--stb-sp));--stb-room-h:calc(100cqh - 8px - var(--stb-head));--stb-tray:0px;--die:clamp(36px, 13cqh, 52px);flex-direction:row}.stb-board[data-tiles]{--stb-cols:5;--stb-rows:2}.stb-board[data-tiles="12"]{--stb-cols:6}}@container stb (height<=460px) and (aspect-ratio>=3/2) and (width<=489px){.stb-board[data-tiles="9"]{--stb-cols:3;--stb-rows:3;--stb-ratio:1.3}}@container stb (height<=460px) and (aspect-ratio>=3/2) and (width<=519px){.stb-board[data-tiles="12"]{--stb-cols:4;--stb-rows:3;--stb-ratio:1.3}}@container stb (height<=460px) and (aspect-ratio>=3/2) and (width>=760px){.stb-board[data-tiles="9"]{--stb-cols:9;--stb-rows:1}}@container stb (height<=460px) and (aspect-ratio>=3/2) and (width>=940px){.stb-board[data-tiles="12"]{--stb-cols:12;--stb-rows:1}}.stb-main{flex-direction:column;align-items:stretch;gap:4px;display:flex}.stb-head{align-items:center;gap:var(--sp-3);height:var(--stb-head);min-width:0;font-size:var(--fs-sm);display:flex}.stb-owner{min-width:0;font-weight:var(--fw-semibold);align-items:center;gap:6px;display:inline-flex}.stb-owner__chip{background:var(--c);width:12px;height:12px;box-shadow:0 0 0 1px var(--border-strong);border-radius:50%;flex:none}.stb-owner__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stb-left,.stb-best{font-variant-numeric:tabular-nums;color:var(--text-muted);flex:none}.stb-left{font-weight:var(--fw-semibold);color:var(--text);margin-inline-start:auto}.stb-box{padding:var(--stb-pad);border-radius:calc(var(--stb-pad) + 10px);background:var(--g-rim);box-shadow:inset 0 -3px 0 var(--g-rim-edge), var(--shadow-1)}.stb-felt{padding:var(--stb-pad);background:var(--g-felt);box-shadow:inset 0 2px 6px var(--g-rim-edge);border-radius:10px}.stb-tiles{justify-content:center;gap:var(--stb-gap);width:calc(var(--stb-cols) * var(--stb-w) + (var(--stb-cols) - 1) * var(--stb-gap));flex-wrap:wrap;display:flex}.stb-tile{appearance:none;width:var(--stb-w);height:calc(var(--stb-w) * var(--stb-ratio));color:var(--g-tile-text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;flex:none;margin:0;padding:0;position:relative}.stb-tile[aria-disabled]{cursor:default}.stb-tile:focus-visible{outline:3px solid var(--g-felt-text);outline-offset:2px}.stb-tile__face{border:2px solid var(--g-tile-edge);background:var(--g-tile);box-shadow:0 5px 0 var(--g-tile-edge);transition:transform var(--dur-2) var(--ease), top var(--dur-2) var(--ease), background-color var(--dur-2) var(--ease);border-radius:7px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0 0 5px}.stb-tile__face[data-kit-last]{position:absolute}.stb-tile__num{font-family:var(--font-display);font-size:calc(var(--stb-w) * .62);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;line-height:1}.stb-tile[data-open]:not([aria-disabled]):hover .stb-tile__face{transform:translateY(-3px)}.stb-tile[data-unusable] .stb-tile__num{color:var(--g-tile-dim);font-size:calc(var(--stb-w) * .46);font-weight:var(--fw-medium)}.stb-tile[data-picked] .stb-tile__face{border:3px solid var(--g-pick);background:var(--g-pick-tile);transform:translateY(-9%)}.stb-tile[data-picked] .stb-check-icon{width:34%;stroke:var(--g-pick);position:absolute;top:6%;left:50%;transform:translate(-50%)}.stb-tile[data-picked] .stb-tile__num{padding-top:22%}.stb-tile[data-shut] .stb-tile__face{border:2px dashed var(--g-shut-edge);background:var(--g-shut);height:34%;box-shadow:none;color:var(--g-shut-text);top:auto;bottom:0}.stb-tile[data-shut] .stb-tile__num{font-size:calc(var(--stb-w) * .3);font-weight:var(--fw-semibold)}.stb-check-icon{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1em;height:1em}.stb-tray{width:min(var(--stb-tray-w), 30rem);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;display:flex}.stb-roll{justify-content:center;align-items:center;gap:var(--sp-3);min-height:var(--die);display:flex}.stb-dice{gap:var(--sp-2);display:flex}.stb-dice .kit-die{--die:inherit}.stb-total{min-width:2.6em;font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.stb-hint{-webkit-line-clamp:2;line-clamp:2;min-height:2.6em;font-size:var(--fs-sm);text-align:center;-webkit-box-orient:vertical;margin:0;line-height:1.3;display:-webkit-box;overflow:hidden}.stb-slot{width:100%;min-height:var(--tap);justify-content:center;align-items:center;display:flex}.stb-check{justify-content:center;align-items:center;gap:var(--sp-1) var(--sp-3);flex-wrap:wrap;display:flex}.stb-check__sum{font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;color:var(--text-muted);align-items:center;gap:4px;display:inline-flex}.stb-check[data-complete] .stb-check__sum{color:var(--accent-strong)}.stb-shut{min-height:var(--tap)}.stb-shut[aria-disabled]{border-color:var(--border);background:var(--surface-3);color:var(--text-muted);cursor:not-allowed}.stb-dicechoice .kit-field__label{font-size:var(--fs-sm)}.stb-dicechoice .kit-seg-field{align-items:center;gap:var(--sp-2);display:flex}.stb-dicechoice .kit-seg__opt{min-height:var(--tap)}@container stb (height<=460px) and (aspect-ratio>=3/2){.stb-tray{align-self:center;gap:4px}.stb-hint{-webkit-line-clamp:3;line-clamp:3;min-height:3.9em}.stb-dicechoice .kit-seg-field{flex-direction:column;gap:2px}}@container stb (height<=340px) and (aspect-ratio<=3/2){.stb-board{--stb-ratio:1.3;--stb-tray:62px;--stb-head:24px;--stb-sp:6px;--die:38px}.stb-tray{justify-content:space-between;gap:var(--sp-3);width:min(100cqw - 4px,34rem);padding:4px var(--sp-2);flex-direction:row}.stb-roll{gap:var(--sp-2);flex:none}.stb-total{min-width:2em;font-size:var(--fs-xl)}.stb-hint{text-align:start;flex:1 1 0;min-height:0}.stb-slot{flex:auto;justify-content:flex-end;width:auto}.stb-check{flex-wrap:nowrap}.stb-tray[data-slot] .stb-hint,.stb-tray:not([data-slot]) .stb-slot{display:none}}@container stb (height<=340px) and (aspect-ratio<=3/2) and (width<=400px){.stb-board{--stb-tray:80px}.stb-total{display:none}.stb-check{flex-direction:column;align-items:flex-end;gap:2px}.stb-check__sum{font-size:var(--fs-xs)}}.stb-score{font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}@media (aspect-ratio>=5/4) and (height<=520px){.kit-strip:is([data-count="3"],[data-count="4"]):has(.stb-score){gap:var(--sp-1);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.kit-strip:is([data-count="3"],[data-count="4"]):has(.stb-score)>li{min-width:0}.kit-strip:is([data-count="3"],[data-count="4"]):has(.stb-score) .kit-badge__sub{display:none}.kit-strip:is([data-count="3"],[data-count="4"]):has(.stb-score) .kit-badge{gap:var(--sp-1);padding-inline:var(--sp-2)}.kit-strip:is([data-count="3"],[data-count="4"]):has(.stb-score) .kit-badge__chip{width:18px;height:18px}.kit-strip:is([data-count="3"],[data-count="4"]):has(.stb-score) .kit-badge__name{display:block}}.stb-result{text-align:center;color:var(--text-muted);margin:0}@media (prefers-reduced-motion:reduce){.stb-tile__face{transition:none}}