.board-kit{background:#f5f7fc;border:1px solid #dce2ef;border-radius:20px;padding:22px}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.board-heading h1{font-size:30px}.board-heading p{color:#59647c;max-width:780px}.board-kit button,.board-kit select,.board-kit input{min-height:48px;font-size:16px}.board-toolbar,.board-options{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.board-toolbar button[aria-pressed=true]{background:#303fad;color:white;border-color:#303fad}.board-options label{display:flex;flex-direction:column;font-size:12px;gap:4px}.board-options select,.board-options input{border:1px solid #c8d1e5;border-radius:8px;background:white;padding:8px;max-width:250px}.board-options button{align-self:end}#boardSurface{display:block;width:100%;aspect-ratio:16/9;background:white;border:2px solid #b8c6e0;border-radius:8px;touch-action:none;user-select:none;cursor:crosshair}#boardSurface [data-board-item]{pointer-events:visiblePainted}.board-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.board-bottom>p{width:100%;font-size:13px;color:#59647c;margin:12px 0 0}.board-timer,.board-random{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.board-timer label{display:flex;align-items:center;gap:8px}.board-timer output{font:600 34px/1.2 monospace;color:#303fad;font-variant-numeric:tabular-nums}.board-random output{font-size:32px;min-width:32px}.board-random small{color:#59647c}.board-kit:fullscreen{overflow:auto;border:0;border-radius:0;padding:18px 30px}.board-kit:fullscreen #boardSurface{max-height:66vh}.board-kit:fullscreen .board-heading h1{font-size:24px;margin:0}.board-kit:fullscreen .board-heading p,.board-kit:fullscreen .eyebrow{display:none}@media(max-width:720px){.board-kit{padding:12px}.board-heading{display:block}.board-heading h1{font-size:25px}.board-toolbar button{flex:1 0 130px}.board-text-label{width:100%}.board-options .board-text-label input{max-width:none}.board-kit:fullscreen{padding:10px}}@media print{.board-heading,.board-toolbar,.board-options,.board-bottom{display:none!important}.board-kit{border:0;padding:0}#boardSurface{border:1px solid #aaa}}
.board-kit:fullscreen #boardSurface{max-height:calc(100dvh - 370px);min-height:240px}
.instrument-picker,.instrument-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.instrument-picker button[aria-pressed=true]{background:#e0e8ff;border-color:#5268ac;color:#263b83}.instrument-controls{padding:14px;background:#eaf0fb;border-radius:12px;align-items:end}.instrument-controls label{display:flex;flex-direction:column;gap:4px;font-size:12px}.instrument-controls input{width:120px;border:1px solid #b8c7e0;border-radius:8px;padding:8px}.instrument-help{font-size:13px;line-height:1.6;color:#425575}#instrumentOverlay{touch-action:none}#instrumentOverlay text{font-family:Arial,sans-serif}.board-kit:fullscreen #boardSurface{max-height:calc(100dvh - 520px);min-height:260px}@media print{.instrument-picker,#instrumentControls,#instrumentOverlay{display:none!important}}