.yd-fit{overscroll-behavior:contain;position:absolute;inset:0;overflow:auto;container:yd-fit/size}.yd-board{--yd-gap:clamp(4px, 1.2cqh, 10px);--yd-die:clamp(44px, min(15cqw, 8.5cqh), 64px);--yd-tray:calc(var(--yd-die) + 64px);--yd-head:34px;--yd-row-gap:3px;--yd-row:clamp(28px, (100cqh - var(--yd-tray) - var(--yd-head) - 3 * var(--yd-gap) - 8 * var(--yd-row-gap)) / 9, 46px);--yd-cw:clamp(2.75rem, 14cqw, 3.75rem);gap:var(--yd-gap);max-width:46rem;min-height:100%;color:var(--text);flex-direction:column;margin-inline:auto;padding:2px;display:flex}.yd-tray{padding:var(--yd-gap) var(--sp-2) 4px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2);flex-direction:column;flex:none;align-items:center;gap:2px;display:flex}.yd-dice{justify-content:center;gap:clamp(4px,2cqw,14px);display:flex}.yd-die{appearance:none;min-width:var(--tap);border-radius:var(--r-md);color:inherit;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;margin:0;padding:4px 2px 0;display:flex}.yd-die[aria-disabled]{cursor:default}.yd-die .kit-die{--die:var(--yd-die)}@media (hover:hover) and (pointer:fine){.yd-die:not([aria-disabled]):hover .kit-die{border-color:var(--accent-strong)}}.yd-die:not([aria-disabled]):active .kit-die{transition:transform var(--dur-1) var(--ease-out);transform:scale(.94)}.yd-held{visibility:hidden;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-strong);line-height:1.2}.yd-held[data-on]{visibility:visible}.yd-info{justify-content:center;align-items:center;gap:2px var(--sp-3);min-height:22px;font-size:var(--fs-sm);color:var(--text-muted);text-align:center;flex-wrap:wrap;line-height:1.2;display:flex}.yd-rolls{font-weight:var(--fw-semibold);color:var(--text);align-items:center;gap:6px;display:inline-flex}.yd-pips{gap:3px;display:inline-flex}.yd-pip{border:1.5px solid var(--border-strong);border-radius:50%;width:8px;height:8px}.yd-pip[data-on]{border-color:var(--accent-strong);background:var(--accent-strong)}.yd-card-head{align-items:center;gap:var(--sp-2);min-height:var(--yd-head);flex:none;padding-inline:2px;display:flex}.yd-card-title{min-width:0;font-weight:var(--fw-semibold);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.yd-card-title__all{display:none}.yd-best{font-size:var(--fs-sm);color:var(--text-muted);flex:none}.yd-all{appearance:none;min-height:var(--tap);padding:0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--surface);color:var(--text);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;flex:none;margin-block:-6px}.yd-all[aria-pressed=true]{border-color:var(--accent-strong);background:var(--accent-soft)}.yd-card{align-items:flex-start;gap:var(--sp-2);flex:none;display:flex}.yd-sec{gap:var(--yd-row-gap);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.yd-row{grid-template-columns:minmax(0, 1fr) var(--yd-cw);min-height:var(--yd-row);padding-left:var(--sp-2);border-radius:var(--r-md);align-items:center;gap:4px;display:grid;position:relative}.yd-headwrap,.yd-slot[data-other]{display:none}.yd-label{min-width:0;font-size:clamp(12px,3.6cqw,15px);line-height:1.15}.yd-slot{min-width:0;display:block}.yd-cell{min-height:calc(var(--yd-row) - 4px);font-variant-numeric:tabular-nums;font-weight:var(--fw-semibold);justify-content:center;align-items:center;gap:2px;display:flex}.yd-box{appearance:none;border-radius:var(--r-md);background:var(--surface-2);width:100%;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--fw-semibold);cursor:pointer;border:1.5px solid #0000;margin:0;padding:0 4px}.yd-box:before{content:"";border-radius:var(--r-md);position:absolute;inset:0}.yd-box[aria-disabled]{cursor:default}.yd-box:not([data-filled]):not([data-preview]){border-color:var(--border);background:0 0;border-style:dotted}.yd-box[data-preview]{border-style:dashed;border-color:var(--accent-strong);background:var(--surface);color:var(--accent-strong)}.yd-box[data-zero]{border-color:var(--border-strong);color:var(--text-muted)}.yd-box[data-aim]{border-style:solid;border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.yd-row:has(.yd-box[data-preview]:not([aria-disabled]):hover),.yd-row:has(.yd-box[data-aim]){background:var(--accent-soft)}.yd-check{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.yd-row--sum{min-height:calc(var(--yd-row) * .8)}.yd-row--sum .yd-label,.yd-sum{color:var(--text-muted);font-size:clamp(11px,3.2cqw,14px)}.yd-sum--got{color:var(--accent-strong)}.yd-row--total{border-top:1px solid var(--border-strong);border-radius:0}.yd-row--total .yd-label,.yd-row--total .yd-sum{font-size:clamp(13px,3.8cqw,16px);font-weight:var(--fw-bold);color:var(--text)}@container yd-fit (width>=540px) and (height>=600px){.yd-board{--yd-row:clamp(26px, (100cqh - var(--yd-tray) - var(--yd-head) - 4 * var(--yd-gap) - 17 * 2px) / 17.6, 40px);--yd-row-gap:2px}.yd-card{flex-direction:column;align-items:stretch;gap:6px}.yd-card,.yd-card-head{width:min(100%, calc(16rem + var(--n) * 6.5rem));align-self:center}.yd-row{grid-template-columns:minmax(7.5rem, 1fr) repeat(var(--n), minmax(3rem, 5.5rem))}.yd-headwrap,.yd-slot[data-other]{display:block}.yd-name[data-other]{display:flex}.yd-slot[data-active]{border-radius:var(--r-md);background:var(--accent-soft)}.yd-card-title__one,.yd-all{display:none}.yd-card-title__all{display:inline}}.yd-board[data-all]{--yd-row:32px}.yd-board[data-all] .yd-card-title__one{display:none}.yd-board[data-all] .yd-card-title__all{display:inline}.yd-board[data-all] .yd-card{flex-direction:column;align-items:stretch;gap:6px}.yd-board[data-all] .yd-row{grid-template-columns:minmax(6.5rem, 1fr) repeat(var(--n), minmax(2.5rem, 4.5rem))}.yd-board[data-all] .yd-headwrap,.yd-board[data-all] .yd-slot[data-other]{display:block}.yd-board[data-all] .yd-name[data-other]{display:flex}.yd-board[data-all] .yd-slot[data-active]{border-radius:var(--r-md);background:var(--accent-soft)}.yd-board[data-all]:is([data-players="5"],[data-players="6"]) .yd-row{grid-template-columns:minmax(4.5rem, 1fr) repeat(var(--n), minmax(2rem, 4.5rem));gap:2px;padding-left:4px}.yd-headwrap{z-index:2;margin-bottom:calc(var(--yd-row-gap) - 6px);background:var(--bg);position:sticky;top:0}.yd-head{min-height:32px}.yd-name{min-width:0;font-size:var(--fs-xs);font-weight:var(--fw-semibold);justify-content:center;align-items:center;gap:4px;padding:2px 4px;display:flex}.yd-name__text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.yd-name__short{white-space:nowrap;display:none}.yd-board[data-all]:is([data-players="3"],[data-players="4"],[data-players="5"],[data-players="6"]) .yd-name{flex-direction:column;gap:2px;padding-inline:0;line-height:1.1}.yd-board[data-all]:is([data-players="3"],[data-players="4"],[data-players="5"],[data-players="6"]) .yd-name__short{display:inline}.yd-board[data-all]:is([data-players="3"],[data-players="4"],[data-players="5"],[data-players="6"]) .yd-name__text{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container yd-fit (width>=540px) and (width<=719.98px) and (height>=600px){.yd-board:is([data-players="5"],[data-players="6"]) .yd-name{flex-direction:column;gap:2px;padding-inline:0;line-height:1.1}.yd-board:is([data-players="5"],[data-players="6"]) .yd-name__short{display:inline}.yd-board:is([data-players="5"],[data-players="6"]) .yd-name__text{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@container yd-fit (width>=720px) and (height>=600px){.yd-board:is([data-players="5"],[data-players="6"]) .yd-name{flex-direction:column;gap:2px;line-height:1.15}.yd-board:is([data-players="5"],[data-players="6"]) .yd-name__text{white-space:normal;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box}}.yd-board[data-all]:is([data-players="5"],[data-players="6"]) .yd-togo{font-size:10px;line-height:1;display:block}.yd-board[data-all]:is([data-players="5"],[data-players="6"]) .yd-row--sum .yd-sum{line-height:1.1}.yd-chip{background:var(--c);width:10px;height:10px;box-shadow:0 0 0 1px var(--border-strong);border-radius:50%;flex:none}@container yd-fit (aspect-ratio>=3/2) and (height<=460px){.yd-board{--yd-die:clamp(36px, 12cqh, 52px);--yd-row:clamp(24px, (100cqh - 8 * var(--yd-row-gap) - 4px) / 9, 40px);grid-template-columns:calc(3 * max(var(--yd-die), var(--tap)) + 2 * 6px + 2 * var(--sp-2) + 14px) minmax(0, 1fr);grid-template-rows:auto 1fr;align-items:start;max-width:none;display:grid}.yd-tray{grid-area:1/1}.yd-card-head{flex-wrap:wrap;grid-area:2/1;margin-top:4px}.yd-all{margin-block:0}.yd-card{grid-area:1/2/3/3}.yd-dice{flex-wrap:wrap;gap:2px 6px}.yd-label{font-size:clamp(12px,2.6cqw,14px)}}.yd-seat-mark{letter-spacing:-.02em;white-space:nowrap;font-size:10px;line-height:1}.kit-badge__chip:has(>.yd-seat-mark){border-radius:999px;width:auto;min-width:24px;padding-inline:3px}.yd-score{font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}@media (width<=599px){.kit-strip:is([data-count="5"],[data-count="6"]):has(.yd-score) .kit-badge{align-items:center;gap:2px var(--sp-2);padding:var(--sp-1) var(--sp-2);grid-template-columns:auto 1fr;grid-template-areas:"chip detail""text text";display:grid}.kit-strip:is([data-count="5"],[data-count="6"]):has(.yd-score) .kit-badge__chip{grid-area:chip;height:22px}.kit-strip:is([data-count="5"],[data-count="6"]):has(.yd-score) .kit-badge__detail{grid-area:detail;justify-self:end}.kit-strip:is([data-count="5"],[data-count="6"]):has(.yd-score) .kit-badge__text{grid-area:text}.kit-strip:is([data-count="5"],[data-count="6"]):has(.yd-score) .kit-badge__name{font-size:var(--fs-sm);display:block}.kit-strip:is([data-count="5"],[data-count="6"]):has(.yd-score) .kit-badge__sub{display:none}}.yd-result{text-align:center;color:var(--text-muted);margin:0}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .yd-die .kit-die{transition:none}}:root[data-motion=reduce] .yd-die .kit-die{transition:none}
