.board-studio{width:100%;max-width:780px;margin:0 auto}.board-studio [hidden]{display:none!important}.board-studio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;background:var(--yg-btn-face,#fff);border:1px solid #9b897a44;border-radius:15px 15px 0 0}.board-studio-toolbar strong{font-family:Georgia,serif;font-size:19px;font-weight:500}.board-view-options{display:flex;gap:4px}.board-view-options button{min-width:48px;min-height:36px}.board-view-options [aria-pressed=true]{background:#28594e!important;color:#fff!important;border-color:#28594e!important}.board-frame{background:radial-gradient(ellipse at 50% 45%,#e7ddd0,#c2b1a0);border:1px solid #9b897a55;padding:16px;box-shadow:inset 0 2px 8px #33221716;border-radius:0 0 18px 18px;overflow:hidden}.board-frame #board{width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;aspect-ratio:1;border:9px solid #3a2b22!important;border-radius:7px!important;box-shadow:0 9px 22px #35231740;box-sizing:border-box;display:block}.board-3d-host{width:100%;aspect-ratio:1.16;min-height:200px}.board-webgl{display:block;width:100%;height:100%;touch-action:manipulation;outline-offset:-4px}.board-webgl:focus-visible{outline:2px solid #967539;border-radius:10px}.board-render-status{font-size:12px;line-height:1.5;opacity:.8;margin:10px 4px}.board-angle{display:flex;align-items:center;gap:12px;font-size:12px;margin:14px 4px 8px}.board-angle input{width:130px;accent-color:#28594e}.chess-page .game-side,.checkers-page .game-side{align-self:start}.game-focus .board-studio{max-width:min(780px,calc(100dvh - 180px))}.game-focus .board-3d-host{aspect-ratio:1.2}.game-focus .board-render-status{margin:5px 0}@media(max-width:979px){.board-studio{max-width:700px}}@media(max-width:600px){.board-frame{padding:6px}.board-studio-toolbar{padding:10px}.board-studio-toolbar strong{font-size:16px}.board-view-options button{min-height:40px}.board-3d-host{aspect-ratio:1}.board-frame #board{border-width:6px!important}.game-focus .board-studio{max-width:100%}.board-render-status{font-size:11px}.board-angle{margin:8px 4px}}[data-theme=dark] .board-frame{background:radial-gradient(ellipse at 50% 45%,#423d37,#29292a)}

.board-frame #board[hidden]{display:none!important}
