.board-viewport { position:relative; overflow:hidden; width:100%; isolation:isolate; }
.board-viewport .board { transform-origin:0 0; }
.board-viewport.camera-active .board { will-change:transform; }
.board-viewport::after { content:""; position:absolute; inset:0; pointer-events:none; z-index:20; opacity:var(--camera-presence,0); background:radial-gradient(ellipse at center,transparent 45%,#050a1294 100%),linear-gradient(#080e18a6,transparent 5%,transparent 95%,#080e18a6); }
.camera-setting { display:flex; align-items:center; gap:10px; min-height:44px; font-size:.875rem; }
.camera-setting input { width:20px; height:20px; accent-color:var(--blue); }
@media(prefers-reduced-motion:reduce) { .board-viewport::after { display:none; } }