.learning-coach{position:relative;max-width:480px;margin:8px auto;padding:12px 13px;border:1px solid rgba(133,220,217,.5);border-radius:18px;background:linear-gradient(140deg,rgba(13,56,74,.98),rgba(20,30,55,.98));color:#f1ffff;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.learning-coach[hidden]{display:none!important}
.coach-heading>span{display:block;font-size:11px;letter-spacing:.08em;color:#b9d9df;margin-bottom:5px}
.coach-heading>strong{display:block;font-size:clamp(15px,4vw,21px);font-weight:650;line-height:1.25}
.coach-visual{max-width:360px;margin:3px auto}
.coach-visual svg{display:block;width:100%;height:auto;max-height:180px;overflow:visible}
.coach-visual text{fill:#edfffe;font-family:system-ui,sans-serif}
.coach-tile{fill:#255b6d;stroke:#8edfd4;stroke-width:1.5}
.coach-proton{fill:#9df3d9;stroke:#dbfff0;stroke-width:1}
.coach-neutron{fill:#b99fde;stroke:#e6d7fb;stroke-width:1}
.coach-nucleus{fill:#143d53;stroke:#829fc1;stroke-width:1.5}
.coach-cell{fill:#315365;stroke:#678491;stroke-width:.4}
.coach-track{fill:#558c97;stroke:#c2f2ec;stroke-width:.7}
.coach-target{fill:#b7f08e;stroke:#f5ffd6;stroke-width:1.7}
.coach-visual .coach-target-label{fill:#143828;font-weight:bold}
.coach-direction{fill:none;stroke:#b6f3d7;stroke-width:2;stroke-dasharray:4 7;opacity:.65;animation:coach-flow 2s linear 3;pointer-events:none}
.coach-vessel{fill:#163e53;stroke:#a8c7da;stroke-width:1.5}
.coach-particle{fill:#cfb7f0;stroke:#faf0ff;stroke-width:1}
.coach-moving{animation:coach-liquid 2s ease-in-out 3 alternate}
.coach-gas{animation:coach-gas 1.8s ease-in-out 3 alternate}
.coach-moving:nth-of-type(3n),.coach-gas:nth-of-type(3n){animation-direction:alternate-reverse}
.coach-arrow{fill:none;stroke:#b7eedc;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.coach-leaf{fill:#284f46;stroke:#b7eedc;stroke-width:3}
.coach-hint{font-size:13px;line-height:1.4;margin:4px 0 5px!important;color:#f1ffff}
.coach-note{display:block;font-size:10px;line-height:1.35;color:#bfd1df}
.view-game .question-stage.coach-focused{overflow:auto}
.view-game .question-stage .memory-card.memory-coached{display:flex;flex-direction:column;justify-content:center;overflow:auto;background:#082338;padding:8px}
.memory-coached>.memory-visual,.memory-coached #memory-title,.memory-coached #memory-fact,.memory-coached #memory-answer,.memory-coached #memory-explanation,.memory-coached figcaption>small{display:none!important}
.view-game .memory-coached .learning-coach{width:100%;box-sizing:border-box;margin:0 auto}
.view-game .memory-coached figcaption{position:static;padding:5px;background:none}
.view-game .memory-coached figcaption>.memory-duration{font-size:11px;color:#d9e6eb}
.coach-paused .learning-coach *{animation-play-state:paused!important}
.ai-recall-stats{padding:12px 0;border-top:1px solid rgba(50,86,69,.2);font-size:14px;line-height:1.5}.ai-recall-stats strong,.ai-recall-stats small{display:block}.ai-recall-stats small{color:#6a7b68;font-size:12px}
@keyframes coach-flow{to{stroke-dashoffset:-33}}
@keyframes coach-liquid{to{transform:translate(3px,-3px)}}
@keyframes coach-gas{to{transform:translate(-5px,6px)}}
@media(max-height:650px){.learning-coach{padding:8px 10px;margin:4px auto}.coach-visual svg{max-height:125px}.coach-heading>strong{font-size:16px}.coach-heading>span{font-size:10px;margin-bottom:3px}.coach-hint{font-size:12px}.coach-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.learning-coach *{animation:none!important}}