/* Shared Bauhaus board system: public studies, practice, homework and review. */
:root{--board-light:#f4e9d2;--board-dark:#8da6c8;--board-frame:#293344}
:is(.chessboard,.member-board){background:var(--board-frame);border:5px solid var(--board-frame);border-radius:0;box-shadow:0 0 0 1px #f8f1e4,0 0 0 2px #29334440;overflow:hidden;isolation:isolate}
:is(.chessboard,.member-board) .square{background:var(--board-light);border-radius:0;box-shadow:none}
:is(.chessboard,.member-board) .square.dark{background:var(--board-dark)}
svg.bauhaus-piece.white{--piece-fill:#fff8e6;--piece-stroke:#28344b;--piece-accent:#bc513b}
svg.bauhaus-piece.black{--piece-fill:#28344b;--piece-stroke:#fff4d9;--piece-accent:#e4bc58}
svg.bauhaus-piece .piece-accent{fill:var(--piece-accent)}svg.bauhaus-piece .piece-detail{fill:var(--piece-stroke)}
:is(.chessboard,.member-board) .square>svg.bauhaus-piece{display:block;width:88%;height:88%;max-width:none;overflow:visible;filter:none;text-shadow:none;-webkit-text-stroke:0;pointer-events:none}
:is(.chessboard,.member-board) .coord{font:500 clamp(7px,1vw,10px)/1 var(--sans,Arial,sans-serif);color:#354562;pointer-events:none}
:is(.chessboard,.member-board) .coord.file{left:auto;right:3px;top:auto;bottom:3px}
:is(.chessboard,.member-board) .coord.rank{left:3px;right:auto;top:3px;bottom:auto}
:is(.chessboard,.member-board) .square.selected{background:#efd391;box-shadow:inset 0 0 0 3px #9c6428}
:is(.chessboard,.member-board) .square.selected.dark{background:#d4b567}
:is(.chessboard,.member-board) .square.last-move{background:#efdbab}
:is(.chessboard,.member-board) .square.last-move.dark{background:#cbb884}
:is(.chessboard,.member-board) .square.selected.last-move{box-shadow:inset 0 0 0 3px #9c6428}
.interactive-board .square:hover,.member-board .square:hover{box-shadow:inset 0 0 0 2px #29334480}
:is(.chessboard,.member-board) .square:focus-visible{outline:3px solid #294bb1;outline-offset:-3px;z-index:2}
.interactive-board .square.legal:after{background:#29334465}.interactive-board .square.legal:has(.piece):after{background:transparent;border-color:#29334488}
.interactive-board .square.answer-correct{box-shadow:inset 0 0 0 3px #294bb1}.interactive-board .square.answer-error{box-shadow:inset 0 0 0 3px #bd442e}
.interactive-board .square.hint-square:before{border-color:#bd442e}
.journey-board .chessboard{border-width:3px}.journey-board .coord{font-size:7px}
.piece-guide{margin-top:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink)}.piece-guide summary{font-size:11px;line-height:1.5;padding:13px 0;cursor:pointer;min-height:44px}.piece-guide-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:0 0 17px}.piece-guide-grid>span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;line-height:1.4}.piece-guide-grid svg{width:42px;height:42px;max-width:100%}
.promotion-panel button,.promote-choices button{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:10px 12px;text-transform:capitalize;background:var(--surface,#fff8e6);border:1px solid var(--line);color:var(--ink);font-size:11px}.promotion-panel button svg,.promote-choices button svg{width:44px;height:44px}.promotion-panel button:hover,.promote-choices button:hover{border-color:#294bb1;background:#e4e9f3}.promotion-panel{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.promotion-panel>span{flex-basis:100%;font-size:12px}.promote-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
@media(max-width:600px){:is(.chessboard,.member-board){border-width:4px}.piece-guide-grid{gap:2px}.piece-guide-grid>span{font-size:9px}.piece-guide-grid svg{width:38px;height:38px}.promotion-panel button,.promote-choices button{padding:8px;flex:1}.promotion-panel button svg,.promote-choices button svg{width:36px;height:36px}}

.promotion-panel button span{margin:0}.course-board .square.legal:after{background:#29334465}.course-board .square.legal:has(.piece):after{background:transparent;border-color:#29334488}