.tracker-wrapper{display:flex;width:100%;height:70vh;min-height:500px;background-color:#fff;border-top:1px solid #eae6df;border-bottom:1px solid #eae6df;overflow:hidden;font-family:inter,sans-serif}@media(max-width:768px){.tracker-wrapper{flex-direction:column;height:auto}#tracker-sidebar{width:100%!important;height:250px;border-right:none;border-bottom:1px solid #eae6df}#tracker-map-container{height:400px}}#tracker-sidebar{width:320px;background:#fff;border-right:1px solid #eae6df;display:flex;flex-direction:column;z-index:10}.sidebar-header{padding:20px;background:#2c3e50;color:#fff;text-align:center}.sidebar-header h2{margin:0;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.time-display{font-size:32px;font-weight:700;margin-top:10px;color:#faf7f2}.time-controls{margin-top:15px;display:flex;gap:8px}.time-controls button{flex:1;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 4px;border-radius:4px;cursor:pointer;font-size:10px;font-weight:600;transition:all .2s}.time-controls button.active,.time-controls button:hover{background:#e65f2b;border-color:#e65f2b}.train-list{flex:1;overflow-y:auto;padding:15px}.empty-msg{font-size:13px;color:#6b6a65;text-align:center;margin-top:20px}.train-card{padding:12px;margin-bottom:10px;border:1px solid #eae6df;border-radius:6px;background:#faf7f2;text-align:left}.train-card.luxury{border-color:#d4af37;background-color:#fffdf0}.train-card-info{display:flex;flex-direction:column;gap:8px}.train-card-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.train-card-main-num{background-color:#2c3e50;color:#fff;font-size:13px;font-weight:800;padding:2px 8px;border-radius:12px}.train-company-logo-large{height:18px;width:auto}.train-card-titles{display:flex;flex-direction:column;gap:2px}.train-card-line{font-size:13px;font-weight:700;color:#2c3e50}.train-card-time{font-size:12px;color:#6b6a65;font-weight:500;text-align:left;border-top:1px solid #eae6df;padding-top:8px}.time-row{display:flex;align-items:center;gap:8px;margin-bottom:5px}.time-row i{font-size:16px;color:#1b4d3e}.time-row strong{color:#2c3e50;font-weight:800}.train-node text{font-family:inter,sans-serif;font-size:32px;font-weight:800;fill:#fff;text-anchor:middle;filter:drop-shadow(0 2px 4px rgba(0,0,0,.9));pointer-events:none}#tracker-map-container{flex:1;position:relative;background-color:#eae6df;display:flex;align-items:center;justify-content:center;overflow:hidden}.map-ratio-locker{position:relative;width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:3220/1972;margin:auto}.map-background img,#svg-map{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.map-background img{object-fit:contain}.train-track{fill:none;stroke:rgba(255,255,255,.8);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.station-node{fill:#fff;stroke:#2c3e50;stroke-width:3}.station-label{font-family:inter,sans-serif;font-size:28px;font-weight:800;fill:#fff;filter:drop-shadow(0 2px 3px rgba(0,0,0,.9))}.train-node{cursor:pointer}.train-node circle.train-base-circle{stroke:#fff;stroke-width:3.5;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.train-node.luxury circle.train-base-circle{stroke:#d4af37;stroke-width:5}.train-node text{font-family:inter,sans-serif;font-size:30px;font-weight:800;fill:#fff;text-anchor:middle;filter:drop-shadow(0 2px 4px rgba(0,0,0,.9));pointer-events:none}#map-tooltip{position:absolute;pointer-events:none;opacity:0;transition:opacity .2s ease;transform:translate(-50%,-110%);z-index:100;min-width:250px}#map-tooltip .train-card{margin-bottom:0;box-shadow:0 5px 20px rgba(0,0,0,.25)}