/* Tracker wprowadzenia pod minimapą (ui/intro.js, N13): cztery kroki, aktywny wyróżniony, zaliczone przekreślone. Tracker zadań schodzi niżej, gdy wprowadzenie trwa. */
#intro-trk { position: absolute; right: 20px; top: var(--mm-bottom); width: 232px; display: none; flex-direction: column; gap: 5px; pointer-events: none; font-family: Bahnschrift, 'Segoe UI', sans-serif; z-index: 39; background: rgba(12, 14, 10, .55); border-left: 3px solid #c9a24a; padding: 8px 10px; color: #d8e0c0; font-size: 13px; line-height: 1.25; }
#intro-trk.on { display: flex; }
#intro-trk .it-title { font-weight: bold; letter-spacing: .06em; text-transform: uppercase; font-size: 12px; color: #e3c244; }
#intro-trk .it-row { display: flex; gap: 7px; align-items: flex-start; opacity: .55; }
#intro-trk .it-row.on { opacity: 1; }
#intro-trk .it-row.done { opacity: .4; text-decoration: line-through; }
#intro-trk .it-n { width: 16px; flex: none; text-align: center; color: #9be07c; font-weight: bold; }
body.intro-on #qtrack { top: 420px; }
@media (max-width: 760px) { #intro-trk { width: 180px; } }
/* gracz jest przy celu kroku: wiersz pulsuje (ui/intro.js, NEAR_M); to samo dla zadania w trackerze zadań */
#intro-trk .it-row.near, .qt-row.near { animation: trkNear 1.1s ease-in-out infinite; }
#intro-trk .it-row.near { margin: -2px -6px; padding: 2px 6px; color: #fff3c4; }
.qt-row.near { border-color: #e3c244; }
@keyframes trkNear { 0%, 100% { background-color: rgba(227,194,68,.10); box-shadow: 0 0 0 rgba(227,194,68,0); } 50% { background-color: rgba(227,194,68,.30); box-shadow: 0 0 12px rgba(227,194,68,.45); } }