@media screen{.dobbelstenen-stage{display:flex;box-sizing:border-box;text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items: center;gap:3cqh;height:100cqh;padding:2cqh 2cqw}body.board-presenting .dobbelstenen-stage{padding-top:72px}.dobbelstenen-row{--n:2;--die:min(calc((100cqw - 4cqw - (var(--n) - 1)*2cqw)/var(--n)),50cqh);display:flex;justify-content:center;gap:2cqw}.dobbelstenen-die{position:relative;width:var(--die);height:var(--die);min-width:var(--board-hit);min-height:var(--board-hit);cursor:pointer;background:0 0;border:none;flex:none;padding:0}.dobbelstenen-die svg{display:block;width:100%;height:100%}.dobbelstenen-body{fill:#fff;stroke:var(--text-secondary);stroke-width:3}.dobbelstenen-pip{fill:var(--text-primary)}.dobbelstenen-text{fill:var(--text-primary);font-family:var(--font-heading);font-weight:700}.dobbelstenen-die[aria-pressed=true] .dobbelstenen-body{fill:#fff4e6;stroke:var(--accent);stroke-width:7}.dobbelstenen-lock{position:absolute;font-size:calc(var(--die)*.2);line-height:1;top:10%;right:10%}.dobbelstenen-die:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:18%}.dobbelstenen-rolling{animation:.3s ease-in-out infinite dobbelstenen-tumble}.dobbelstenen-row .dobbelstenen-die:nth-child(2n).dobbelstenen-rolling{animation-direction:reverse}@keyframes dobbelstenen-tumble{0%{transform:translate(0)rotate(-10deg)}50%{transform:translate(3%,-6%)rotate(12deg)}to{transform:translate(-3%,2%)rotate(-10deg)}}.dobbelstenen-sum{font-size:var(--board-lg);color:var(--text-primary);text-wrap:balance;margin:0;font-weight:700}.dobbelstenen-hint{font-size:var(--board-sm);color:var(--text-muted);margin:0}body.board-presenting .dobbelstenen-hint{display:none}.dobbelstenen-face-field input{border:1px solid var(--border-color-field);border-radius:var(--border-radius-sm);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-body);width:100%;margin:4px 0 8px;padding:8px 10px;font-size:13px}.dobbelstenen-face-field input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}}