@media screen{:root{--board-xl:clamp(40px,18cqmin,360px);--board-lg:clamp(28px,9cqmin,180px);--board-md:clamp(18px,4.5cqmin,80px);--board-sm:clamp(14px,2.5cqmin,44px);--board-hit:48px}.board-stage{container-type:size;aspect-ratio:16/9;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden;touch-action:manipulation;width:100%}.board-stage:focus{outline:none}.board-display{font-family:var(--font-heading);font-variant-numeric:tabular-nums;line-height:1}.board-draggable{touch-action:none;user-select:none}.board-hud,body.board-presenting .sidebar,body.board-presenting .workspace-header,body.board-presenting .seo-text,body.board-presenting .site-footer,body.board-presenting .consent-reopen{display:none}body.board-presenting .status-toast{top:24px;bottom:auto}body.board-presenting .board-stage{position:fixed;z-index:10;aspect-ratio:auto;border:none;border-radius:0;inset:0}body.board-presenting .board-hud{display:flex;position:fixed;z-index:40;gap:8px;top:12px;right:12px}.board-hud button{width:var(--board-hit);height:var(--board-hit);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;opacity:.7;border-radius:50%;font-size:22px;line-height:1}.board-hud button:hover{opacity:1}.board-hud button:focus-visible{opacity:1}.board-hud button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}body.board-presenting.board-drawer-open .sidebar{display:flex;position:fixed;z-index:30;box-shadow:var(--shadow-soft);overflow-y:auto;width:min(var(--sidebar-width),100%);inset:0 auto 0 0}}