:root{--cell-size:46px}.training-grid{display:grid;grid-template-columns:240px minmax(0,1fr) 320px;gap:5px;align-items:start}.meta-panel,.truth-panel,.action-panel{border:1px solid var(--line);border-radius:18px;background:#fffdf9;padding:14px}.meta-panel{position:sticky;top:16px;display:flex;flex-direction:column}.truth-panel{display:grid;gap:16px}.action-panel{display:flex;flex-direction:column;gap:12px;align-self:stretch;max-height:var(--truth-panel-height,520px)}.action-buttons{display:grid;grid-template-columns:1fr;gap:8px;margin-top:auto}.action-panel .game-context{flex:1;min-height:0;display:flex;flex-direction:column}.action-panel .game-context .move-list{flex:1;min-height:0;max-height:none;overflow-y:auto;display:flex;flex-direction:column}.board-frame{display:grid;justify-items:center;position:relative;overflow:hidden}.board-top,.board-bottom{display:grid;grid-template-columns:repeat(9,var(--cell-size));justify-content:center;font-size:10px;color:rgba(0,0,0,0.35);width:calc(var(--cell-size) * 9);text-align:center;position:absolute;left:50%;transform:translateX(-50%);pointer-events:none;z-index:2}.board-top{top:0;padding-top:1px}.board-bottom{bottom:0;padding-bottom:1px}.board-row{display:grid;grid-template-columns:auto auto auto;gap:8px;align-items:center}.board-top,.board-bottom{display:grid;grid-template-columns:repeat(9,var(--cell-size));justify-content:center;font-size:12px;color:var(--muted);width:calc(var(--cell-size) * 9);text-align:center}.board-top span,.board-bottom span,.board-left span,.board-right span{display:inline-flex;align-items:center;justify-content:center}.board-left,.board-right{display:grid;grid-template-rows:repeat(10,1fr);font-size:12px;color:var(--muted);text-align:center;height:calc(var(--cell-size) * 10);width:24px}.board-left span,.board-right span{height:var(--cell-size)}.board{border:1px solid #1d1a16;background:url("/static/xiangqi/assets/board/board-ccbridge.png");background-size:contain;background-repeat:no-repeat;background-position:0 0;margin:0 auto;width:calc(var(--cell-size) * 9);height:calc(var(--cell-size) * 10)}.board.cg-enabled{background:none;overflow:hidden;position:relative}.board.cg-enabled .cg-wrap,.board.cg-enabled .cgx-container{width:100%;height:100%}.board.cg-enabled .cgx-board{background:url("/static/xiangqi/assets/board/board-ccbridge.png");background-size:100% 100%;background-repeat:no-repeat;background-position:center}.board.cg-enabled square,.board.cg-enabled piece,.board.cg-enabled .cgx-square,.board.cg-enabled .cgx-piece{width:calc(100% / 9);height:calc(100% / 10)}.board.cg-enabled .cgx-overlay{pointer-events:none;z-index:3;background-repeat:no-repeat;background-position:center;background-size:contain}.board.cg-enabled .cgx-piece{background-size:contain;background-repeat:no-repeat;background-position:center}.board.cg-enabled .cgx-square.selected,.board.cg-enabled .selected{box-shadow:inset 0 0 0 4px rgba(122,69,22,0.98),0 0 0 2px rgba(236,196,133,0.85)!important;background:transparent!important;border-radius:0!important}.board.cg-enabled .cgx-square.move-dest,.board.cg-enabled .move-dest{background:radial-gradient(circle at center,rgba(20,133,48,0.92) 0 18%,rgba(20,133,48,0.28) 19%,transparent 28%)!important;background-position:center center!important;background-repeat:no-repeat!important;border-radius:0!important}.board.cg-enabled .cgx-square.move-dest.oc,.board.cg-enabled .move-dest.oc{background:radial-gradient(circle at center,transparent 0 36%,rgba(164,37,37,0.95) 37% 45%,transparent 46%)!important;background-position:center center!important;background-repeat:no-repeat!important}.board.cg-enabled .puzzle-hint-source{box-shadow:inset 0 0 0 3px rgba(122,69,22,0.95)!important;background:transparent!important;border-radius:0!important}.board.cg-enabled .puzzle-hint-target{background:radial-gradient(circle at center,rgba(20,133,48,0.92) 0 18%,rgba(20,133,48,0.28) 19%,transparent 28%)!important;background-position:center center!important;background-repeat:no-repeat!important}.board.cg-enabled .puzzle-hint-target.puzzle-hint-capture{background:radial-gradient(circle at center,transparent 0 36%,rgba(164,37,37,0.95) 37% 45%,transparent 46%)!important;background-position:center center!important;background-repeat:no-repeat!important}.board.cg-enabled .puzzle-reject-target{background:linear-gradient(45deg,transparent 42%,rgba(196,29,29,0.98) 42% 58%,transparent 58%),linear-gradient(-45deg,transparent 42%,rgba(196,29,29,0.98) 42% 58%,transparent 58%)!important;background-position:center center!important;background-repeat:no-repeat!important;background-size:68% 68%!important;pointer-events:none!important;z-index:5}.board.cg-enabled .cgx-square.premove-dest:not(.move-dest),.board.cg-enabled .cgx-square.premove-dest.oc:not(.move-dest),.board.cg-enabled .premove-dest:not(.move-dest),.board.cg-enabled .premove-dest.oc:not(.move-dest){background:transparent!important;box-shadow:none!important}.board.cg-enabled .current-premove{background:transparent!important;box-shadow:none!important}.board.cg-enabled .cgx-piece.white.p-piece{background-image:url("/static/xiangqi/assets/pieces/red_pawn.png")}.board.cg-enabled .cgx-piece.white.a-piece{background-image:url("/static/xiangqi/assets/pieces/red_advisor.png")}.board.cg-enabled .cgx-piece.white.b-piece{background-image:url("/static/xiangqi/assets/pieces/red_elephant.png")}.board.cg-enabled .cgx-piece.white.n-piece{background-image:url("/static/xiangqi/assets/pieces/red_knight.png")}.board.cg-enabled .cgx-piece.white.c-piece{background-image:url("/static/xiangqi/assets/pieces/red_cannon.png")}.board.cg-enabled .cgx-piece.white.r-piece{background-image:url("/static/xiangqi/assets/pieces/red_rook.png")}.board.cg-enabled .cgx-piece.white.k-piece{background-image:url("/static/xiangqi/assets/pieces/red_king.png")}.board.cg-enabled .cgx-piece.black.p-piece{background-image:url("/static/xiangqi/assets/pieces/black_pawn.png")}.board.cg-enabled .cgx-piece.black.a-piece{background-image:url("/static/xiangqi/assets/pieces/black_advisor.png")}.board.cg-enabled .cgx-piece.black.b-piece{background-image:url("/static/xiangqi/assets/pieces/black_elephant.png")}.board.cg-enabled .cgx-piece.black.n-piece{background-image:url("/static/xiangqi/assets/pieces/black_knight.png")}.board.cg-enabled .cgx-piece.black.c-piece{background-image:url("/static/xiangqi/assets/pieces/black_cannon.png")}.board.cg-enabled .cgx-piece.black.r-piece{background-image:url("/static/xiangqi/assets/pieces/black_rook.png")}.board.cg-enabled .cgx-piece.black.k-piece{background-image:url("/static/xiangqi/assets/pieces/black_king.png")}.board-controls{display:flex;justify-content:center;gap:12px}.status{text-align:center;color:var(--muted)}.game-context{margin-top:10px;border:1px solid var(--line);border-radius:14px;background:#fffaf4;padding:12px}.game-context-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.game-context-header h3{margin:0;font-size:16px}.move-list{max-height:180px;overflow-y:auto;border-top:1px dashed var(--line);padding-top:10px;display:grid;gap:8px}@media (max-width:1180px){.training-grid{grid-template-columns:minmax(0,1fr)}.meta-panel,.truth-panel,.action-panel{position:static;min-width:0}.truth-panel{order:1}.action-panel{order:2}.meta-panel{order:3}.board-frame,.board-row{max-width:100%}.board{max-width:100%}.board-top,.board-bottom{width:100%}.board-left,.board-right{height:auto}}@media (max-width:720px){.board-top,.board-bottom{font-size:10px}.board-left,.board-right{font-size:10px;width:20px}}@media (max-width:600px){.move-list{max-height:130px}}@media (max-height:860px){body.board-focus-mode .truth-panel,body.board-focus-mode .meta-panel,body.board-focus-mode .action-panel{padding:12px}body.board-focus-mode .game-context{padding:10px}body.board-focus-mode .move-list{max-height:140px}body.board-focus-mode .board-controls{gap:8px}}@media (max-width:900px) and (max-height:780px){body.board-focus-mode .truth-panel,body.board-focus-mode .meta-panel,body.board-focus-mode .action-panel{border-radius:14px;padding:10px}body.board-focus-mode .training-grid{gap:10px}body.board-focus-mode .status{font-size:12px}}@media (max-width:600px) and (max-height:760px){body.board-focus-mode .board-controls{flex-direction:row;gap:6px}body.board-focus-mode .move-list{max-height:110px}}@media (max-width:600px){body.board-focus-mode .training-grid{gap:4px}body.board-focus-mode .truth-panel,body.board-focus-mode .meta-panel,body.board-focus-mode .action-panel{padding:6px;border-radius:8px}body.board-focus-mode .truth-panel{gap:6px}body.board-focus-mode .board-left,body.board-focus-mode .board-right{display:none}}