.board-canvas{background-color:#ededed;background-image:linear-gradient(#e3e3e3 1px,#0000 1px),linear-gradient(90deg,#e3e3e3 1px,#0000 1px);background-size:160px 160px;background-attachment:scroll;position:fixed;inset:0;overflow:auto}.board-canvas__inner{color:#0a0a0a;width:max-content}.board-canvas a{color:#2234fa;text-decoration:none}.board-canvas a:hover{color:#0a0a0a}.board-canvas{cursor:grab}.board-canvas[data-panning]{cursor:grabbing;-webkit-user-select:none;user-select:none}.board-controls{z-index:10;font-family:var(--font-jetbrains-mono), monospace;color:#0a0a0a;background:#fafafa;border:1px solid #9a9a9a;align-items:stretch;display:flex;position:fixed;bottom:24px;left:24px}:where(.board-controls) button{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-right:1px solid #c4c4c4;height:40px;padding:0 14px;line-height:40px}.board-controls button:last-child{border-right:0}.board-controls button:hover{background:#ededed}.board-controls button:focus-visible{outline-offset:-2px;outline:2px solid #2234fa}.board-controls__btn{min-width:44px;font-size:19px}.board-controls__pct{letter-spacing:.08em;font-variant-numeric:tabular-nums;min-width:74px;font-size:15px}.board-controls__text{letter-spacing:.12em;text-transform:uppercase;color:#4a4a4a;font-size:13px}.board-controls__sep{background:#c4c4c4;width:1px}@media (max-width:560px){.board-controls__text,.board-controls__sep{display:none}}