.board{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;touch-action:pan-x pan-y;position:absolute;inset:0;overflow:auto}.board::-webkit-scrollbar{width:0;height:0;display:none}.board:focus-visible{outline:2.5px solid var(--play);outline-offset:-3px;border-radius:0}.board.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.board.is-panning .mcard__hit{cursor:grabbing}.board.is-panning .mcard:not(.is-open):hover{box-shadow:none;transform:none}.sizer{width:calc(var(--wall-w) * var(--wall-zoom,1));height:calc(var(--wall-h) * var(--wall-zoom,1));position:relative}.plane{width:var(--wall-w);height:var(--wall-h);transform-origin:0 0;--accent:var(--play);position:absolute;top:0;left:0}.board[data-zoom] .plane{transform:scale(var(--wall-zoom))}.mcard.mcard--wall{position:absolute}.cue{top:var(--cue-top);z-index:35;pointer-events:none;max-width:calc(100vw - 2 * var(--pad));border:1px solid var(--rule);text-align:center;background:#ffffffe6;margin:0;padding:5px 9px;font-size:9.5px;position:fixed;left:50%;transform:translate(-50%)}@media (pointer:coarse){.cue{display:none}}
body:has(.board) .main{padding:0}