#board-3d-toggle{display:block;margin:8px auto 12px;padding:11px 20px;border:1px solid #dcb56d;border-radius:10px;background:linear-gradient(#f6d68e,#b78740);color:#13263b;font-weight:800;cursor:pointer;min-height:44px}
#board-3d-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}
#board-3d-scene[hidden]{display:none!important}
#board-3d-scene{position:absolute;inset:0;background:#08192b;overflow:hidden;z-index:3}
#board-3d-scene canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#board-3d-scene canvas:active{cursor:grabbing}#board-3d-scene canvas:focus-visible{outline:3px solid #ffe0a0;outline-offset:-4px}
#board-3d-explorer[hidden]{display:none!important}#board-3d-explorer{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:10px 0 16px}#board-3d-explorer label{font-weight:700}#board-3d-explorer select{min-height:44px;max-width:100%;padding:8px;border-radius:8px;background:#132e46;color:#fff4d6;border:1px solid #dcb56d}#board-3d-explorer button{min-height:44px;padding:8px 15px;border-radius:8px;background:#d8af64;color:#10243b;font-weight:800}#board-3d-explorer button:disabled{opacity:.45}#board-3d-explorer button:focus-visible,#board-3d-explorer select:focus-visible{outline:3px solid #fff;outline-offset:2px}#board-3d-landmarks[hidden]{display:none!important}#board-3d-landmarks{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:8px 0 14px}#board-3d-landmarks button{min-height:44px;padding:8px 13px;border:1px solid #dcb56d;border-radius:9px;background:#173951;color:#fff0c9;cursor:pointer}#board-3d-landmarks button:focus-visible{outline:3px solid white}#board-3d-controls[hidden]{display:none!important}#board-3d-controls{display:flex;justify-content:center;gap:10px;margin:8px 0 14px}#board-3d-controls button{min-height:44px;min-width:48px;padding:8px 14px;border:1px solid #dcb56d;border-radius:9px;background:#163754;color:#ffe6aa;font-weight:700;cursor:pointer}#board-3d-controls button:focus-visible{outline:3px solid white}
#board-stage.board-3d-active{min-height:260px;aspect-ratio:4/3}
#board-stage.board-3d-active>#board-pawns,#board-stage.board-3d-active>#board-numbers{visibility:hidden}
body.tv-only #board-3d-toggle{display:none}
@media(max-width:600px){#board-3d-toggle{width:100%;font-size:14px}#board-stage.board-3d-active{min-height:210px}}