.page{--yz-rule: #E3DED4;--yz-held: #FFEFC2;--yz-total: #1E5BD6}.disc--amber{background:var(--color-accent);border:3px solid var(--color-accent-strong)}.disc--walnut{background:var(--yz-total);border:3px solid var(--color-border)}.board-wrap{display:grid;gap:var(--space-4)}.yz-tray{display:grid;gap:var(--space-3);justify-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4) var(--space-3)}.yz-dice{display:flex;gap:var(--space-2);justify-content:center}.yz-die{--die: clamp(44px, 13vw, 64px);width:var(--die);aspect-ratio:1;padding:calc(var(--die) * .16);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 2px 6px #231c161f;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.yz-die[disabled]{cursor:default}.yz-die--empty{opacity:.5}.yz-die.held{border-color:var(--color-accent);background:var(--yz-held);box-shadow:0 0 0 2px var(--color-accent)}.yz-die:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.yz-die--rolling{animation:yz-tumble .35s var(--ease)}@keyframes yz-tumble{0%{transform:rotate(0) translateY(0)}30%{transform:rotate(-14deg) translateY(-8px)}65%{transform:rotate(10deg) translateY(-3px)}to{transform:none}}.pip{border-radius:50%;background:var(--color-text)}.pip--off{background:transparent}.yz-roll{min-width:200px}.yz-card{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--yz-rule);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden;font-size:.95rem}.yz-card th,.yz-card td{min-height:44px;height:44px;padding:0 var(--space-2);border-bottom:1px solid var(--yz-rule);border-left:1px solid var(--yz-rule);text-align:center}.yz-card tbody th{text-align:left;font-weight:500;color:var(--color-text-muted)}.yz-card th:first-child,.yz-card td:first-child{border-left:0}.yz-card thead th{background:var(--color-bg);font-weight:600}.yz-seat{min-width:64px}.yz-seat span{display:inline-block;vertical-align:middle;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yz-seat .disc{vertical-align:middle;margin-right:6px}.yz-seat.active{border-bottom:3px solid var(--color-accent)}.yz-sum th,.yz-sum td{background:var(--color-bg);font-size:.85rem}.yz-total th,.yz-total td{font-weight:700;font-size:1rem;color:var(--yz-total)}.yz-card td.last{background:var(--color-accent-soft);position:relative;z-index:1;animation:rh-blink .6s var(--ease) 2}.yz-zero{color:var(--color-text-muted)}.yz-pick{width:100%;min-height:44px;border:1px dashed var(--color-accent);border-radius:var(--radius-sm);background:transparent;color:var(--color-accent);font-weight:600}.yz-pick:hover{background:var(--color-accent-soft)}@media (max-width: 700px){.yz-tray{position:sticky;top:0;z-index:5}}@media (max-width: 420px){.yz-card{font-size:.9em}.yz-card th,.yz-card td{padding:0 4px}.yz-seat span{max-width:64px}.yz-seat .disc{display:none}}