.board-learning{margin:20px 0 0;padding:14px 18px;border:1px solid #78989166;border-radius:14px;background:#102721;color:#f3f9f5}
.board-learning summary{cursor:pointer;font-weight:800;padding:8px 0}
.board-learning-content{padding-top:12px;line-height:1.5}
.board-learning-content .peg-list{margin:8px 0 16px;flex-wrap:wrap}
.board-learning-content .peg{display:grid;place-items:center;color:#fff;text-shadow:0 1px 3px #000;font-weight:900}
.board-training-toggle{display:flex;align-items:center;gap:8px;line-height:1.4;font-weight:750}
.board-training-toggle input{width:20px;height:20px;flex:0 0 auto}
.board-learning-explanation{font-size:.86rem;line-height:1.5}
.gomoku-board .cell[data-training-threat]{font-size:1.2rem;font-weight:900;outline:2px solid #ffbf47;outline-offset:-3px;color:#421e00;background-color:#ffe3aa}
.gomoku-board .cell[data-training-threat=own]{color:#033b20;background-color:#aff5cd;outline-color:#0a7c45}
.board-review-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:12px;max-width:360px;border-radius:12px;background:#1d4541;margin:12px 0}
.review-cell{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:#0c1e1c;color:#cbd9d5;font-weight:850}
.review-cell.p1{background:#e7b72b;color:#261b00}.review-cell.p2{background:#df5b5b;color:#250707}
.board-learning button{min-height:44px}.board-learning [hidden]{display:none}