.dice-station { display:grid;grid-template-columns:minmax(0,1fr) minmax(165px,1fr);gap:8px 20px;margin:0 0 16px;padding:14px;border:1px solid var(--table-line,#8b7862);border-radius:12px;background:var(--table-panel,#342a22);color:var(--table-paper,#fff3dc); }
.dice-presentation { min-width:0;align-self:center; }
.dice-stage { height:116px;min-width:0; }
.dice-stage canvas { display:block;width:100%;height:100%; }
.dice-faces { display:flex;justify-content:center;gap:7px; }
.dice-value { display:grid;place-items:center;min-width:27px;height:27px;border:1px solid currentColor;border-radius:6px;font:700 15px/1 sans-serif;background:var(--table-paper,#fff3dc);color:var(--table-ink,#281e14); }
.dice-controls { display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:9px;min-width:0; }
.dice-result { font-size:17px; }
.dice-controls .button { margin:0;min-height:44px;padding:10px 14px; }
.dice-help { margin:0;font-size:12px;line-height:1.5; }
.dice-station[data-renderer=fallback] .dice-stage { display:none; }
.dice-station[data-renderer=fallback] .dice-value { min-width:34px;height:38px;font-size:20px; }
.ur-reserves { grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.ur-reserves[hidden],.dice-pass[hidden] { display:none; }
.ur-reserve { display:flex;flex-direction:column;gap:7px;min-width:0;padding:9px;border-radius:8px;border:1px solid var(--table-line,#89745b);background:var(--table-paper,#fff3dc);color:var(--table-ink,#281e14); }
.ur-reserve:disabled { opacity:1;cursor:default; }
.ur-reserve.is-turn { border:2px solid var(--table-highlight,#dab469); }
.ur-reserve:not(:disabled):hover,.ur-reserve:focus-visible { outline:2px solid var(--table-paper,#fff3dc);outline-offset:2px; }
.ur-reserve-label { font-size:11px;font-weight:600; }
.ur-reserve-pieces { display:flex;align-items:center;justify-content:center;gap:3px;min-height:32px;font-size:11px; }
.ur-reserve-piece { display:block;width:calc((100% - 18px)/7);max-width:33px;aspect-ratio:1;font-size:24px; }
.ur-reserve-piece img { width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 1px #0008); }
@media(max-width:600px){.dice-station{gap:10px;padding:10px;grid-template-columns:minmax(0,1fr) minmax(145px,1fr)}.dice-stage{height:100px}.dice-value{min-width:21px;height:25px}.dice-faces{gap:4px}.ur-reserves{gap:6px}.ur-reserve{padding:6px}.ur-reserve-label{font-size:10px}.ur-reserve-pieces{gap:2px}.dice-result{font-size:15px}}
@media(prefers-reduced-motion:reduce){.dice-station *{animation:none!important;transition:none!important}}