.model-stage #board{position:relative;display:block;width:100%;height:100%;touch-action:pan-y}
.model-stage #board canvas{display:block;width:100%;height:100%}
.model-stage #board-loading{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:calc(12px * var(--ui-scale, 1));background:var(--soft)}
.model-stage #board-loading[hidden]{display:none}
.preview-footer{flex-wrap:wrap;gap:calc(10px * var(--ui-scale, 1))}.preview-footer>[data-i18n=boardHint]{font-size:max(11px, calc(11px * var(--ui-scale, 1)))}
.model-stage .board-guides{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}
body:is([data-board-theme=club],[data-board-theme=oak-stone]) .board-shell,body:is([data-board-theme=club],[data-board-theme=oak-stone]) .study-board{background:#262622}
/* Paired OKLCH lightness/chroma levels; only the red/blue hue differs. */
body:is([data-board-theme=club],[data-board-theme=oak-stone]) .avatar.red,body:is([data-board-theme=club],[data-board-theme=oak-stone]) .checker-dot.red{background:radial-gradient(ellipse at 35% 28%,#448bcb,#0e5e9a 45%,#01355b 90%);border-color:#3179b7}
body:is([data-board-theme=club],[data-board-theme=oak-stone]) .avatar.white,body:is([data-board-theme=club],[data-board-theme=oak-stone]) .checker-dot.white{background:radial-gradient(ellipse at 35% 28%,#c46665,#923a3b 45%,#561d1e 90%);border-color:#b05454}
body:is([data-board-theme=club],[data-board-theme=oak-stone]) .home-zone.white{fill:#c54c5815;stroke:#d9717c66}
body:is([data-board-theme=club],[data-board-theme=oak-stone]) .home-label.white text{fill:#f0a3aa}
body:is([data-board-theme=club],[data-board-theme=oak-stone]) .home-label.white rect{stroke:#c85a6255}
body:is([data-board-theme=club],[data-board-theme=oak-stone]) .home-zone.red{fill:#c9a36515;stroke:#d2b07966}
body:is([data-board-theme=club],[data-board-theme=oak-stone]) .home-label.red text{fill:#e1c38f}
body:is([data-board-theme=club],[data-board-theme=oak-stone]) .home-label.red rect{stroke:#b69a6555}