.toolbar-actions{display:flex;align-items:center;gap:10px}
.ai-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:40px;min-width:61px;padding:0 9px;border:1px solid var(--line);border-radius:6px;background:var(--surface);font-size:12px;font-weight:650;color:var(--text);flex-shrink:0}
.ai-button svg{width:16px;height:16px}
.ai-button:hover:not(:disabled){border-color:var(--green);color:var(--green)}
.ai-button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}
.ai-lesson{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 18px;padding:12px 0;min-width:0}
.ai-lesson-header{display:flex;align-items:center;gap:10px;min-height:34px;flex-wrap:wrap}
.ai-lesson-heading{display:flex;align-items:center;gap:8px;flex:1;min-width:140px;font-size:12px}
.ai-lesson-heading strong{font-weight:600}
.ai-step-count{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}
.ai-lesson-actions{display:flex;align-items:center;gap:3px;flex-shrink:0}
.ai-lesson-actions .icon-button{width:32px;height:32px}
.ai-lesson-actions svg{width:17px;height:17px}
.ai-speed{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px;margin-right:7px}
.ai-speed select{font:inherit;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:4px;height:30px;padding:0 5px;max-width:100px}
.ai-reason{font-size:12px;line-height:1.8;color:var(--muted);margin:7px 0 0;min-height:44px;overflow-wrap:anywhere}
.ai-lesson[data-phase=preview] .ai-lesson-heading strong{color:var(--green)}
.cell[data-ai=source]{outline:2px solid #b18127;outline-offset:-2px}
.cell[data-ai=target]{outline:3px solid #287cad;outline-offset:-3px}
.cell[data-ai=target][data-ai-action=flag]{outline-color:var(--red)}
.cell[data-ai=target]::after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-radius:1px;background:#287cad;pointer-events:none}
.cell[data-ai=target][data-ai-action=flag]::after{background:var(--red)}
.cell[data-ai=target]{position:relative}
@media(max-width:620px){.toolbar-actions{gap:5px}.ai-button{height:36px;min-width:50px;padding:0 6px;font-size:11px}.toolbar-actions .restart-button{width:34px;height:36px}.game-toolbar .counter{min-width:0;gap:6px}.game-toolbar .counter-symbol{width:26px}.game-toolbar .counter strong{font-size:20px}.ai-lesson{padding:10px 0;margin-bottom:14px}.ai-lesson-header{gap:4px}.ai-lesson-heading{min-width:110px}.ai-speed{gap:4px;margin-right:3px}.ai-lesson-actions .icon-button{width:30px}.ai-reason{min-height:65px}}