#trainingPanel[hidden],#trainingHUD[hidden]{display:none!important}
#trainingPanel{position:fixed;inset:0;background:rgba(3,14,20,.94);z-index:16000;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}
.trainingCard{width:min(660px,100%);background:#102833;border:1px solid #355766;border-radius:20px;padding:26px;color:#eaf7ff;font-family:system-ui;box-shadow:0 25px 90px #0008}
.trainingCard h2{font-size:26px;margin:5px 0 10px}.trainingCard p{color:#b5cdd7;line-height:1.6}
#trainingLessons{display:grid;gap:9px;margin:20px 0}.trainingLesson{text-align:left!important;width:100%;padding:15px!important}.trainingLesson small{display:block;font-size:12px;font-weight:400;margin-top:5px;color:#b5cdd7}
#trainingHUD{position:fixed;z-index:12000;left:50%;bottom:14px;transform:translateX(-50%);width:min(650px,calc(100% - 24px));box-sizing:border-box;border:1px solid #78934c;border-radius:15px;background:rgba(6,25,28,.95);padding:15px 18px;color:white;font:13px/1.5 system-ui;box-shadow:0 8px 30px #0008}
#trainingHUD b{color:#ffe46c;letter-spacing:.6px}#trainingHUD p{margin:6px 0}#trainingHUD small{color:#b4cbd2}#trainingStatus{margin-top:5px;color:#d5e7d5}.trainingActions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.trainingActions button{padding:8px 12px!important;width:auto!important;margin:0!important}
@media(max-height:600px){#trainingHUD{left:10px;bottom:8px;transform:none;width:360px;padding:9px;font-size:11px}#trainingHUD small{display:none}.trainingCard{padding:15px}.trainingLesson{padding:8px!important}}
@media(pointer:coarse){#trainingHUD{top:65px;bottom:auto;left:50%;transform:translateX(-50%);width:calc(100% - 24px);max-height:40vh;overflow:auto;font-size:11px}#trainingHUD small{display:none}}