.board{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;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}.plane{--accent:var(--play);position:relative}.mcard.mcard--wall{position:absolute}.cue{top:var(--cue-top);z-index:35;pointer-events:none;width:max-content;max-width:calc(100vw - 2 * var(--pad));border:1px solid var(--rule);text-align:center;background:#ffffffe6;align-items:center;gap:7px;margin:0;padding:5px 9px;font-size:9.5px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.cueinfo{pointer-events:auto;display:inline-flex}.cueinfo__btn{width:13px;height:13px;color:var(--muted);cursor:help;background:0 0;border:0;place-items:center;padding:0;display:grid}.cueinfo__btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:12px;height:12px}.cueinfo__btn:hover,.cueinfo__btn:focus-visible{color:var(--ink)}.cueinfo__pop{top:calc(100% + var(--s-2));z-index:1;width:max-content;max-width:min(44ch, calc(100vw - 2 * var(--pad)));border:1px solid var(--rule);font-family:var(--body);font-size:var(--article-size);text-transform:none;letter-spacing:normal;text-align:left;color:var(--ink);text-wrap:pretty;opacity:0;visibility:hidden;background:#fffffff5;padding:9px 12px;line-height:1.45;transition:opacity .14s;position:absolute;left:50%;transform:translate(-50%)}.cueinfo:hover .cueinfo__pop,.cueinfo__btn:focus-visible~.cueinfo__pop{opacity:1;visibility:visible}
body:has(.board) .main{padding:0}