@media screen{.rekenrek-stage{--bead:min(calc(88cqw/11.5),18cqh);--rekenrek-red:#d12f25;display:flex;box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items: center;gap:5cqh;height:100cqh;padding:3cqh 2cqw}body.board-presenting .rekenrek-stage{padding-top:72px}.rekenrek-rows{position:relative;display:flex;gap:calc(var(--bead)*.5);flex-direction:column}.rekenrek-row{position:relative;width:calc(var(--bead)*11.5);height:var(--bead)}.rekenrek-rod{position:relative;width:100%;height:100%}.rekenrek-rod:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:var(--border-radius-sm)}.rekenrek-wire{position:absolute;background:var(--text-secondary);border-radius:3px;height:6px;top:calc(50% - 3px);left:.347826%;right:.347826%}.rekenrek-bead{--x:0;position:absolute;top:0;left:calc(var(--x)*100%/11.5);width:8.69565%;height:100%;transition:left .15s ease-out}.rekenrek-bead:before{content:"";position:absolute;box-sizing:border-box;border:5px solid var(--text-primary);forced-color-adjust:none;border-radius:50%;inset:4%}.rekenrek-bead-red:before{background:var(--rekenrek-red)}.rekenrek-bead-white:before{box-shadow:inset 0 0 0 calc(var(--bead)*.12)#fff,inset 0 0 0 calc(var(--bead)*.17)var(--text-primary);background:#fff}@media (prefers-reduced-motion:reduce){.rekenrek-bead{transition:none}}.rekenrek-row-off .rekenrek-rod{visibility:hidden}.rekenrek-row-off{border:4px dashed var(--border-color-field);border-radius:var(--border-radius-md);box-sizing:border-box}.rekenrek-off-mark{position:absolute;display:flex;font-family:var(--font-heading);font-size:var(--board-lg);color:var(--accent);justify-content:center;align-items: center;font-weight:700;inset:0}.rekenrek-cover{position:absolute;min-height:var(--board-hit);border:4px dashed var(--accent);border-radius:var(--border-radius-md);background:var(--bg-card);color:var(--accent);font:inherit;font-family:var(--font-heading);font-size:var(--board-md);cursor:pointer;font-weight:700;inset:-2% -1%}.rekenrek-cover:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.rekenrek-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.rekenrek-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:2cqw}.rekenrek-btn{min-width:var(--board-hit);min-height:max(var(--board-hit),6cqh);border:2px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-card);color:var(--text-primary);font:inherit;font-size:var(--board-sm);cursor:pointer;padding:0 3cqh;font-weight:600}.rekenrek-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}}
