.progress-step-description{padding:6px 8px;border-radius:8px;background:#ffffff1f;color:#fff;line-height:1.4}
.progress-step-actions{display:flex;gap:8px;margin-top:3px}
.progress-step-actions>button{flex:1;min-width:0;min-height:40px;padding:9px 14px;border:0;border-radius:8px;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.progress-step-actions>.progress-step-continue{background:#15803d}
.progress-step-actions>.progress-step-cancel{background:#b91c1c}
.progress-step-actions>.progress-step-continue:hover{background:#166534}
.progress-step-actions>.progress-step-cancel:hover{background:#991b1b}
.progress-step-actions>button:focus-visible{outline:2px solid #fff;outline-offset:2px}

.learn-mode-steps{display:grid;gap:6px}.learn-mode-steps>button{text-align:left;white-space:normal}.learn-mode-steps>[aria-current="step"]{border-color:var(--violet);color:var(--violet)}
.player-tools:has(>#learnModeReferences:not([hidden])){display:flex}

.learn-map-stage{position:relative}
.learn-preparation-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;width:min(440px,calc(100% - 40px));box-sizing:border-box;padding:20px 24px;border:1px solid #8b465d;border-radius:14px;background:#3b202b;color:#ffe3ec;box-shadow:0 16px 50px #0007;text-align:center;font-size:14px;line-height:1.5}
.learn-preparation-popup strong{display:block;margin-bottom:8px;font-size:16px}
.learn-preparation-meter{height:5px;margin-top:14px;overflow:hidden;border-radius:9px;background:#ffffff26}
.learn-preparation-meter>span{display:block;height:100%;background:#f29cb8;border-radius:inherit;transition:width .3s ease}
.learn-preparation-meter.indeterminate>span{width:35%;animation:learn-preparation-pulse 1.5s ease-in-out infinite alternate}
@keyframes learn-preparation-pulse{to{transform:translateX(180%)}}
@media(prefers-reduced-motion:reduce){.learn-preparation-meter.indeterminate>span{animation:none}.learn-preparation-meter>span{transition:none}}

.ref-toast.learn-toast-fading{opacity:0;transition:opacity 2s ease}