.learning-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.learning-actions .tutorial-entry{min-height:44px;padding:9px 6px;font-size:9px;letter-spacing:.5px}.learning-actions #open-practice{border-color:#c5f47855;color:#d8f4b6;background:#c5f4780d}
.practice-overlay{z-index:24;padding:24px;background:#09120de8;overflow-y:auto}.practice-panel{width:460px;max-width:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:30px;border:1px solid #c5f47840;border-radius:14px;background:linear-gradient(145deg,#243225,#121d16);text-align:left;box-shadow:0 25px 100px #0006}.practice-panel .eyebrow{font:9px monospace;letter-spacing:1.3px}.practice-emblem{margin:25px 0 16px;display:flex;align-items:center;gap:12px;color:#a2bf87}.practice-emblem>svg{width:45px;height:45px;padding:10px;border:1px solid #c5f47850;border-radius:50%;color:#c5f478}.practice-emblem>span{font:9px monospace;letter-spacing:1.5px}.practice-panel h2{font-size:45px;line-height:1;letter-spacing:-1.5px;margin:0 0 18px}.practice-panel h2 span{color:#c5f478}.practice-panel p{color:#b3c2a9;font-size:13px;line-height:1.65;margin:0 0 19px}.practice-preview{display:flex;flex-direction:column;gap:13px;margin:22px 0;border-block:1px solid #c5f47820;padding:18px 0}.practice-preview span{display:flex;gap:10px;align-items:center;font-size:12px;color:#e0ebd6}.practice-preview svg{width:18px;height:18px;color:#a2dfca}.practice-panel .practice-note{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#a8bc96}.practice-note svg{width:17px;height:17px;margin-top:2px}.practice-panel .primary{min-height:50px;font-size:11px}.practice-panel .secondary{min-height:44px;font-size:10px;letter-spacing:.5px}.practice-links{display:flex;justify-content:space-between;gap:10px}.practice-panel .text-button{min-height:44px;margin:8px 0 0;font-size:11px}.practice-recap{padding:17px;border:1px solid #e7cf8a30;background:#dcc16a08;margin:22px 0}.practice-recap strong{font-size:12px;color:#e6d6a6}.practice-recap p{font-size:12px;margin:8px 0 0}
.training .timer-group,.training .left-telemetry,.training .objective,.training .event-status,.training .wave-banner,.training .pickup-hint,.training .desktop-help,.training .pet-tip,.training .extraction-progress{display:none!important}
.training-hud{position:absolute;top:calc(116px + var(--safe-top));left:50%;transform:translateX(-50%);width:410px;max-width:calc(100% - 32px);padding:16px 19px 14px;border:1px solid #c5f47855;border-radius:10px;background:#122017f5;box-shadow:0 8px 30px #0004}.training-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#c5f478;font:9px monospace;letter-spacing:1px}.training-safe{display:flex;align-items:center;gap:4px;color:#9bb58b;font-size:8px}.training-safe svg{width:12px;height:12px}.training-hud h2{font-size:20px;line-height:1.2;letter-spacing:-.3px;margin:12px 0 7px}.training-hud p{font-size:13px;line-height:1.5;margin:0;color:#d4e2c9}.training-track{height:3px;margin:13px 0 9px;background:#c5f47820;border-radius:4px;overflow:hidden}.training-track i{display:block;height:100%;width:0;background:#c5f478;transition:width .15s}.training-hud #training-hint{font-size:11px;line-height:1.5;color:#9db38e}.training-hud.done{border-color:#a2e2cc}.training-hud.done h2{color:#a2e2cc}.training-highlight{outline:2px solid #c5f478;outline-offset:6px;box-shadow:0 0 0 13px #c5f47812!important;border-radius:50%;animation:training-pulse 1.8s ease-in-out infinite}.training #joystick.training-highlight{opacity:1}
@keyframes training-pulse{50%{outline-color:#efffd7;box-shadow:0 0 0 17px #c5f4781c}}
@media(min-width:1000px){.training-hud{top:24px}.training .vitals{width:220px}}
@media(max-width:700px){.practice-overlay{padding:calc(12px + var(--safe-top)) 14px calc(12px + var(--safe-bottom))}.practice-panel{padding:24px}.practice-panel h2{font-size:39px}.practice-panel .eyebrow{font-size:8px;letter-spacing:1px}.training-hud{top:calc(110px + var(--safe-top));padding:13px 15px 12px}.training-hud h2{font-size:18px;margin-top:10px}.training-hud p{font-size:12px}.training-hud #training-hint{font-size:10px}.training-track{margin:11px 0 8px}.training .hud-top{right:16px}}
@media(max-height:700px){.practice-emblem{margin:16px 0 12px}.practice-preview{margin:16px 0;padding:14px 0;gap:10px}.practice-panel h2{font-size:35px}.practice-panel p{margin-bottom:14px}.training-hud{top:calc(100px + var(--safe-top))}}
@media(max-height:620px) and (orientation:portrait){.training-hud{top:calc(94px + var(--safe-top));padding:11px 13px}.training-hud h2{font-size:16px;margin-top:8px}.training-hud p{font-size:11px}.training-hud #training-hint{font-size:9px}.training-track{margin:9px 0 7px}}
@media(orientation:landscape) and (max-height:500px){.practice-overlay{padding:10px}.practice-panel{width:600px;padding:22px 28px}.practice-panel h2 br{display:none}.practice-preview{flex-direction:row;flex-wrap:wrap;gap:16px}.practice-emblem{display:none}.practice-panel h2{margin-top:16px;font-size:30px}.training .vitals{display:none}.training-hud{left:20px;top:calc(12px + var(--safe-top));transform:none;width:340px;padding:11px 14px}.training-hud h2{font-size:17px;margin:8px 0 5px}.training-hud #training-hint{display:none}.training-track{margin:10px 0 0}.training .hud-top{top:calc(12px + var(--safe-top))}}
@media(prefers-reduced-motion:reduce){.training-highlight{animation:none}.training-track i{transition:none}}