@media screen{.breukenmuur-stage{--breukenmuur-ink:#2e241b;position:relative;display:flex;gap:var(--board-sm);box-sizing:border-box;padding:var(--board-sm);color:var(--breukenmuur-ink);flex-direction:column;height:100%}.breukenmuur-row,.breukenmuur-laid,.breukenmuur-ghost,.breukenmuur-circle{--tone:calc(var(--d)*30 - 20);--breukenmuur-soft:hsl(var(--tone)55% 88%);--breukenmuur-lit:hsl(var(--tone)60% 68%);--breukenmuur-edge:hsl(var(--tone)40% 30%)}body.board-presenting .breukenmuur-view{padding-right:calc(var(--board-hit)*3 + 44px)}.breukenmuur-view{overflow-y:auto;flex:1 1 0;min-height:0}.breukenmuur-rows{display:flex;box-sizing:border-box;border-bottom:3px solid var(--breukenmuur-ink);flex-direction:column;min-height:100%}.breukenmuur-row{--d:1;position:relative;box-sizing:border-box;flex:1 0 var(--board-hit);container-type:size;border-top:3px solid var(--breukenmuur-ink)}.breukenmuur-piece,.breukenmuur-laid,.breukenmuur-ghost{position:absolute;box-sizing:border-box;display:flex;color:inherit;font-family:var(--font-heading);font-size:min(45cqh,calc(80cqw/var(--d)));justify-content:center;align-items: center;margin:0;padding:0;line-height:1;top:0;bottom:0}.breukenmuur-whole{font-size:1.3em}.breukenmuur-piece{border:0;border-left:3px solid var(--breukenmuur-ink);background:var(--breukenmuur-soft);cursor:pointer}.breukenmuur-last{border-right:3px solid var(--breukenmuur-ink)}.breukenmuur-on{background:var(--breukenmuur-lit);box-shadow:inset 0 0 0 6px var(--text-primary)}.breukenmuur-piece:focus-visible{outline:4px solid var(--accent);outline-offset:-8px}.breukenmuur-piece.breukenmuur-on:focus-visible{outline-color:var(--bg-card);outline-offset:-10px}.breukenmuur-laid:focus-visible{outline:4px solid var(--text-primary);outline-offset:-8px}.breukenmuur-laid{z-index:2;border:3px solid var(--breukenmuur-edge);background:hsl(var(--tone)60% 68%/.85);cursor:pointer}.breukenmuur-ghost{z-index:5;pointer-events:none;border:3px solid var(--breukenmuur-edge);background:hsl(var(--tone)60% 68%/.85);box-shadow:var(--shadow-soft);font-size:var(--board-sm);left:0}.breukenmuur-frac{display:inline-flex;flex-direction:column;align-items: center;line-height:.95}.breukenmuur-frac>span:first-child{border-bottom:.08em solid;padding:0 .15em .04em}.breukenmuur-row-line{border-top:0}.breukenmuur-row-line:before,.breukenmuur-row-line:after{content:"";position:absolute;background:var(--breukenmuur-ink)}.breukenmuur-row-line:before{height:3px;top:16%;left:0;right:0}.breukenmuur-row-line:after{width:3px;height:24%;top:4%;right:0}.breukenmuur-row-line .breukenmuur-piece{font-size:min(28cqh,calc(80cqw/var(--d)));border:0;align-items: flex-start;padding-top:32cqh}.breukenmuur-row-line .breukenmuur-piece.breukenmuur-on:focus-visible{outline-color:var(--accent);outline-offset:-8px}.breukenmuur-row-line .breukenmuur-frac,.breukenmuur-row-line .breukenmuur-whole{position:relative;z-index:1}.breukenmuur-end{position:absolute;z-index:1;font-family:var(--font-heading);pointer-events:none;font-size:28cqh;line-height:1;top:32cqh}.breukenmuur-end-0{left:6px}.breukenmuur-end-1{right:6px}.breukenmuur-row-line .breukenmuur-piece:before,.breukenmuur-row-line .breukenmuur-piece:after{content:"";position:absolute}.breukenmuur-row-line .breukenmuur-piece:before{background:var(--breukenmuur-ink);width:3px;height:24%;top:4%;left:0}.breukenmuur-row-line .breukenmuur-piece,.breukenmuur-row-line .breukenmuur-on{box-shadow:none;background:0 0;font-weight:700}.breukenmuur-row-line .breukenmuur-on:after{border:2px solid var(--breukenmuur-ink);background:var(--breukenmuur-lit);box-shadow:inset 0 0 0 4px var(--text-primary);box-sizing:border-box;height:24cqh;top:16%;left:0;right:0;transform:translateY(-50%)}.breukenmuur-circles{--cols:4;--grid-rows:1;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--grid-rows),minmax(0,1fr));gap:var(--board-sm);height:100%}.breukenmuur-circle{min-width:0;min-height:0}.breukenmuur-circle svg{display:block;width:100%;height:100%}.breukenmuur-wedge{fill:var(--breukenmuur-soft);stroke:var(--breukenmuur-ink);stroke-width:3px;vector-effect:non-scaling-stroke;cursor:pointer}.breukenmuur-wedge.breukenmuur-on{fill:var(--breukenmuur-lit);stroke:var(--text-primary);stroke-width:6px}.breukenmuur-wedge:focus-visible{outline:none;stroke:var(--accent);stroke-width:6px}.breukenmuur-wedge.breukenmuur-on:focus-visible{stroke:var(--text-primary);stroke-width:8px;stroke-dasharray:18 8}.breukenmuur-wedge-label{font-family:var(--font-heading);fill:var(--breukenmuur-ink);pointer-events:none}.breukenmuur-bar{display:flex;justify-content:flex-end;align-items: center;gap:var(--board-sm);min-height:var(--board-hit)}.breukenmuur-sum{font-size:var(--board-md);color:var(--text-primary);flex:1;min-width:0;margin:0}.breukenmuur-value{color:var(--text-secondary)}.breukenmuur-btn{min-height:var(--board-hit);padding:0 var(--board-sm);border:2px solid var(--border-color-field);border-radius:var(--border-radius-sm);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-heading);font-size:var(--board-sm);cursor:pointer}.breukenmuur-btn-primary{border-color:var(--accent);background:var(--accent);color:#fff}.breukenmuur-btn[aria-disabled=true]{opacity:.45;cursor:default}.breukenmuur-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}}
