/* Uses the established Atlas navy/teal palette; all layouts also work in RTL. */
.atlas-progress,.atlas-achievements{background:#102532;border:1px solid #294553;border-radius:18px;padding:20px;color:#e8f5f6}
.atlas-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;font-weight:650}
.atlas-progress-level{color:#9be6cb;font-size:.86rem;white-space:nowrap}
.atlas-progress-track{height:7px;background:#294553;border-radius:20px;margin:15px 0 8px;overflow:hidden}
.atlas-progress-track>span{display:block;height:100%;background:#82dfbc;border-radius:inherit}
.atlas-progress-xp{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;color:#a7bcc6;font-variant-numeric:tabular-nums}
.atlas-progress-xp>span{color:#7999a7}
.atlas-progress-stats,.atlas-completion-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.atlas-progress-stats>div,.atlas-completion-stats>div{min-width:0;display:flex;flex-direction:column;gap:5px}
.atlas-progress-stats strong{font-size:1.4rem;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}
.atlas-progress-stats span,.atlas-completion-stats span{font-size:.75rem;line-height:1.35;color:#97b2be}
.atlas-progress-storage{margin-top:16px;color:#7894a1;font-size:.72rem}
.atlas-challenges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.atlas-challenge{display:grid;grid-template-columns:36px minmax(0,1fr) 20px;gap:11px;align-items:center;position:relative;background:#112a37;border:1px solid #2b4755;border-radius:16px;padding:18px;text-align:start;color:#eaf6f7;cursor:pointer;font:inherit;transition:background .16s,border-color .16s}
.atlas-challenge:hover{background:#193746;border-color:#69bba9}
.atlas-challenge:focus-visible,.atlas-completion-actions button:focus-visible{outline:3px solid #8ce0c2;outline-offset:3px}
.atlas-challenge:disabled{cursor:default;background:#10232f;color:#829da9;opacity:.7}
.atlas-challenge-featured{grid-column:1/-1;background:linear-gradient(110deg,#153b42,#122d39);border-color:#398173}
.atlas-challenge-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#204453;color:#83dfbf}
.atlas-challenge svg,.atlas-completion svg,.atlas-achievements svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.atlas-challenge>svg{color:#8ca6b2;grid-column:3;grid-row:1/3}
[dir=rtl] .atlas-challenge>svg{transform:scaleX(-1)}
.atlas-challenge-copy{display:flex;flex-direction:column;gap:6px;grid-column:2;grid-row:1}
.atlas-challenge-copy strong{font-size:1rem;line-height:1.2}
.atlas-challenge-copy>span{color:#9db5be;font-size:.8rem;line-height:1.4}
.atlas-challenge-meta{grid-column:2;grid-row:2;font-size:.71rem;font-weight:600;color:#82ccb4;line-height:1.3}
.atlas-achievements h3{font-size:1rem;margin:0 0 15px}
.atlas-achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.atlas-achievement{display:flex;gap:10px;align-items:center;color:#8faab6;min-width:0}
.atlas-achievement>span:last-child{display:flex;flex-direction:column;gap:4px}
.atlas-achievement strong{font-size:.79rem;line-height:1.3;font-weight:600}
.atlas-achievement small{font-size:.7rem;color:#7997a5;font-variant-numeric:tabular-nums}
.atlas-achievement-symbol{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border:1px solid #334f5d;border-radius:50%}
.atlas-achievement.is-unlocked{color:#edf7f7}
.atlas-achievement.is-unlocked .atlas-achievement-symbol{background:#1d4c49;border-color:#59a997;color:#a2e4c6}
.atlas-completion{text-align:center;color:#edf7f7;padding:8px 0}
.atlas-completion-mark{display:grid;place-items:center;width:55px;height:55px;margin:0 auto 15px;border:1px solid #6ac9ad;border-radius:18px;background:#1c4946;color:#91e3bd}
.atlas-completion-mark svg{width:28px;height:28px;stroke-width:2}
.atlas-completion h2{font-size:1.55rem;margin:0 0 8px;line-height:1.25}
.atlas-earned-xp{font-size:1.55rem;font-weight:750;letter-spacing:.01em;color:#94e8b7;margin:8px 0 18px;font-variant-numeric:tabular-nums}
.atlas-completion-stats{margin:18px 0 20px;border-top:1px solid #2c4957;border-bottom:1px solid #2c4957;padding:18px 0}
.atlas-completion-stats strong{font-size:1.45rem;font-variant-numeric:tabular-nums}
.atlas-completion-note{font-size:.8rem;line-height:1.5;color:#a5bdc6}
.atlas-personal-best{font-size:.85rem;color:#edd37e}
.atlas-new-achievements{display:grid;gap:8px;margin:12px 0}
.atlas-new-achievements>span{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.8rem;color:#a7e8ca}
.atlas-completion-actions{display:flex;flex-direction:column;gap:9px;margin-top:20px}
.atlas-completion-actions button{font:inherit;border-radius:11px;padding:12px 15px;line-height:1.3;cursor:pointer;min-height:44px}
.atlas-action-primary{background:#8de2b2;color:#082330;border:1px solid #8de2b2;font-weight:700!important}
.atlas-action-primary:hover{background:#a3eac3}
.atlas-action-secondary{background:#183442;color:#d4e7eb;border:1px solid #365763}
.atlas-action-secondary:hover{background:#234351}
.atlas-action-link{background:none;color:#97cbbb;border:1px solid transparent;font-size:.8rem!important}
@media(max-width:580px){.atlas-challenges{grid-template-columns:1fr}.atlas-challenge-featured{grid-column:auto}.atlas-challenge{padding:15px}.atlas-progress,.atlas-achievements{padding:16px}.atlas-progress-stats,.atlas-completion-stats{gap:8px}.atlas-achievement-grid{gap:10px}.atlas-progress-stats span{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.atlas-challenge{transition:none}}