.board-study-tools{display:flex;align-items:center;gap:6px;margin:0 0 10px;flex-wrap:wrap}.board-study-tools .button{min-height:32px;padding:5px 10px;font-size:11px;gap:7px}.board-study-tools .button .icon{width:15px;height:15px}.board-study-tools .button[aria-pressed="true"]{background:var(--green-soft);border-color:var(--green);color:var(--green)}.board-study-tools .study-clear{margin-left:auto;color:var(--muted)}.board-study-tools small{font-size:10px;color:var(--muted)}
.puzzle-replay-controls{padding:11px 0 4px;border-top:1px solid var(--line);margin-top:2px}.puzzle-replay-status{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);padding:0 3px 6px}.puzzle-replay-status .replaying{color:var(--green);font-weight:700}.puzzle-replay-status small{font-size:10px;font-variant-numeric:tabular-nums}.puzzle-replay-buttons{display:flex;align-items:center;justify-content:center;gap:9px}.puzzle-replay-buttons .icon-button{border:1px solid var(--line);background:var(--surface-raised);height:34px;width:42px;min-width:34px;border-radius:6px}.puzzle-replay-buttons .icon-button:hover:not(:disabled){color:var(--green);border-color:var(--green)}.puzzle-replay-buttons button:disabled{opacity:.3;cursor:default}.puzzle-replay-controls p{font-size:10px;color:var(--muted);margin:7px 0 0;text-align:center}.puzzle-resume{margin-left:auto;min-height:34px!important;font-size:10px!important;padding:5px 10px!important}.puzzle-review-notice{display:flex;align-items:center;gap:10px;padding:12px 15px;margin-bottom:12px;background:var(--green-soft);border:1px solid var(--green);border-radius:8px;color:var(--ink);font-size:12px}.puzzle-review-notice span{flex:1}.puzzle-review-notice .button{white-space:nowrap;min-height:32px;font-size:10px;padding:5px 9px}
.training-workspace .board-card{overflow:visible}.board-wrap{isolation:isolate}.board-study-tools:has([aria-pressed="true"]) small{color:var(--green)}
@media(max-width:600px){.board-study-tools{gap:5px;margin-bottom:7px}.board-study-tools .button{font-size:10px;padding:5px 8px}.board-study-tools small{display:none}.puzzle-replay-buttons{gap:6px}.puzzle-replay-buttons .icon-button{width:37px;height:32px}.puzzle-replay-controls{padding-top:9px}.puzzle-review-notice{padding:10px;font-size:11px}}

.focus-mode{--focus-board-size:min(calc(100dvh - 180px),calc(100vw - 426px),1100px)}
.focus-mode .page-training{--focus-board-size:min(calc(100dvh - 250px),calc(100vw - 426px),1100px)}
.focus-mode .board-study-tools{margin-bottom:7px}.focus-mode .puzzle-replay-controls{padding-top:6px}
@media(max-width:999px) and (min-width:750px){.focus-mode{--focus-board-size:min(calc(100dvh - 180px),calc(100vw - 356px))}.focus-mode .page-training{--focus-board-size:min(calc(100dvh - 250px),calc(100vw - 356px))}}
@media(max-width:749px){.focus-mode{--focus-board-size:min(calc(100dvh - 180px),calc(100vw - 24px))}.focus-mode .page-training{--focus-board-size:min(calc(100dvh - 250px),calc(100vw - 24px))}}