#levels-dialog .track-focus{display:flex;align-items:center;gap:7px;color:#533170;font:700 12px/1.25 Nunito,system-ui,sans-serif;margin-top:7px;min-width:0}
#levels-dialog .track-focus svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#levels-dialog .track-focus span{white-space:normal;overflow-wrap:break-word}
#levels-dialog .level{position:relative;min-width:0}
#levels-dialog .level-copy,#levels-dialog .level-copy b{font-family:Nunito,system-ui,sans-serif}
#levels-dialog .level.recommended{border-color:#7550a4;box-shadow:inset 0 0 0 1px #7550a4}
#levels-dialog .track-recommended{display:block;color:#63329a;font:800 11px/1.2 Nunito,system-ui,sans-serif;margin-bottom:5px}
#levels-dialog .track-guide{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px}
#levels-dialog .track-guide p{margin:0;font-size:13px;color:#654778}
#levels-dialog .track-guide button{min-height:44px;padding:10px 16px;border:2px solid #7550a4;border-radius:14px;background:#f0e7fa;color:#43215f;font-weight:800}
#levels-dialog .track-guide button:focus-visible,#levels-dialog .level:focus-visible{outline:3px solid #43215f;outline-offset:3px}
@media(max-width:540px){#levels-dialog .track-guide{gap:8px}#levels-dialog .track-guide button{width:100%}#levels-dialog .track-focus{font-size:11px;gap:5px}}

/* Visible destinations with explicit lock state; no faded, unreadable text. */
#levels-dialog .level:disabled{opacity:1;background:#ece8f1;color:#544463;border-color:#c8bfd1;box-shadow:none;transform:none;cursor:default}
#levels-dialog .level:disabled .level-map{opacity:.55}
#levels-dialog .level:disabled .stars{font-size:20px}
.new-routes button:disabled{opacity:.6;cursor:default}