#board-canvas{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}#board-canvas canvas{touch-action:none}#board-canvas.dragging{cursor:grabbing}.board-guides{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.home-zone{stroke-width:1.3;stroke-dasharray:5 5;stroke-linejoin:round}.home-zone.white{fill:#ead7a911;stroke:#edddb765}.home-zone.red{fill:#4a9b9f19;stroke:#70b7bc6b}.home-label rect{fill:#201e1cd9;stroke:#d7bd8044;stroke-width:.6}.home-label text{font:500 max(10px, calc(10px * var(--ui-scale, 1))) Roboto,Arial,sans-serif;letter-spacing:.8px;fill:#e4d8bb}.home-label.red text{fill:#99dadd}.home-label.red rect{stroke:#70b7bc55}.move-arrow{pointer-events:none}.arrow-ribbon{stroke:none}.player-clock{display:flex;flex-direction:column;align-items:center;gap:calc(2px * var(--ui-scale, 1))}.clock-delay{font:500 max(11px, calc(12px * var(--ui-scale, 1))) Roboto,Arial,sans-serif;color:#a5a5a5;letter-spacing:0}.clock-delay.counting{color:#aee5c5}.clock-reserve{font-variant-numeric:tabular-nums}.board-tools,.view-controls{z-index:2}.board-tools button[aria-pressed=true],.view-controls button[aria-pressed=true]{color:#bfe6d5;background:#35483a}.board-tools button,.view-controls button{white-space:nowrap}.study-board #board-canvas{position:relative}.study-board .view-controls{position:static;justify-content:flex-end;flex-wrap:wrap;padding:calc(7px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));gap:calc(6px * var(--ui-scale, 1));background:#222522;border-top:1px solid #383c38}.study-board .view-controls button{font-size:max(11px, calc(12px * var(--ui-scale, 1)));min-height:calc(30px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1))}.board-tools{flex-wrap:wrap}.board-tools #sound{margin-left:auto}@media(max-width:600px){.study-board .view-controls{justify-content:center;padding:calc(5px * var(--ui-scale, 1));gap:calc(3px * var(--ui-scale, 1))}.study-board .view-controls button{padding:calc(7px * var(--ui-scale, 1)) calc(6px * var(--ui-scale, 1));font-size:max(11px, calc(11px * var(--ui-scale, 1)))}.board-tools{padding:calc(5px * var(--ui-scale, 1));gap:calc(2px * var(--ui-scale, 1))}.board-tools button{padding:calc(6px * var(--ui-scale, 1));font-size:max(11px, calc(11px * var(--ui-scale, 1)))}.board-tools #sound{margin-left:0}.home-label text{font-size:calc(9px * var(--ui-scale, 1));letter-spacing:.4px}.home-label rect{opacity:.88}}
.bearoff-zone{fill:#9be8bb24;stroke:#b5f3cd;stroke-width:1.5;stroke-linejoin:round;filter:drop-shadow(0 0 calc(4px * var(--ui-scale, 1)) #91eab577)}.bearoff-zone.active{fill:#a6f3c644;stroke:#d4ffe4;stroke-width:2}
.move-arrow.active .arrow-ribbon{stroke:#f0ffe99c;stroke-width:.65;stroke-linejoin:round}
.move-guides.aiming .move-arrow:not(.active){opacity:.32}
.bearoff-zone{fill:#ffffff03;stroke:#c1aa8238;stroke-width:1;stroke-dasharray:4 5;filter:none}
.bearoff-zone.available{fill:#9be8bb14;stroke:#b5f3cd88;stroke-dasharray:none}
.bearoff-zone.active{fill:#a6f3c62c;stroke:#d4ffe4;stroke-width:2}
.bearoff-label{font:500 max(11px, calc(12px * var(--ui-scale, 1))) Roboto,Arial,sans-serif;fill:#b0aca1;paint-order:stroke;stroke:#252522;stroke-width:calc(2px * var(--ui-scale, 1))}
.small-actions #double{min-width:calc(54px * var(--ui-scale, 1));border:1px solid #b99a6266;border-radius:calc(5px * var(--ui-scale, 1));color:#e4c790;background:#b99a6210;font-weight:600}
.small-actions #double:disabled{opacity:.38}
@media(max-width:700px){.study-board #board-canvas{height:calc((100vw - calc(16px * var(--ui-scale, 1)))/var(--study-board-aspect,1.5));aspect-ratio:auto}}