:root{color-scheme:light;--panel:#fff;--ink:#142532;--muted:#5b6975;--line:#dae2e6;--accent:#0e7469;--tint:#eff6f4}*{box-sizing:border-box}body{margin:0;font:14px system-ui,sans-serif;color:var(--ink)}#map{position:fixed;inset:0;background:#e4ebe8}button,input,select{font:inherit;color:inherit}button,a,select{touch-action:manipulation}button,select{background:var(--panel);border:1px solid var(--line);border-radius:9px;min-height:40px;padding:8px 12px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button[aria-pressed=true]{background:var(--accent);color:white}a{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e6ab19;outline-offset:2px}header{position:fixed;z-index:600;left:18px;top:18px;display:flex;align-items:center;gap:14px;padding:9px 14px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 20px #13251b16}.brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:750;color:var(--ink)}.brand img{width:30px;display:block}.beta{font-size:11px;font-weight:750;letter-spacing:.07em;color:var(--accent)}header a{text-decoration:none}.tools{position:fixed;z-index:600;right:18px;top:18px;display:flex;gap:6px}.tools button{box-shadow:0 2px 8px #1232}#panel{position:fixed;z-index:600;left:18px;top:91px;bottom:55px;width:330px;max-height:690px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 24px #1232;display:flex;flex-direction:column}.panel-head{padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.panel-head strong{flex:1}.panel-head button{font-size:20px;padding:0 10px;min-height:32px}#panel-body{padding:14px;overflow:auto;min-height:0}#panel.collapsed{bottom:auto}#panel.collapsed #panel-body{display:none}input{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px;background:var(--panel)}#status{font-size:12px;color:var(--muted);line-height:1.5}.train-row{width:100%;display:flex;text-align:left;gap:10px;align-items:center;margin:5px 0;padding:10px;border-color:transparent;background:var(--tint)}.train-row strong{display:block}.train-row small{display:block;color:var(--muted);margin-top:3px}.train-row .speed{margin-left:auto;white-space:nowrap;font-size:12px}.dot{width:8px;height:8px;display:inline-block;border-radius:100%;background:#14876b;flex-shrink:0}.dot.stale{background:#b57628}.dot.estimated{background:#7d62c0}.about{position:fixed;z-index:600;bottom:25px;right:12px;max-width:450px;background:var(--panel);border:1px solid var(--line);border-radius:10px;font-size:12px}.about summary{cursor:pointer;padding:10px 14px}.about>div{padding:0 14px 8px;line-height:1.55}.about p{margin:8px 0}.leaflet-top.leaflet-right{top:65px}.leaflet-control-attribution{font-size:10px}.train-icon{background:none;border:none}.train-icon svg{filter:drop-shadow(0 1px 2px #1238)}.train-icon.selected svg{filter:drop-shadow(0 0 4px #ffd034)}.leaflet-tooltip{background:var(--panel);border:1px solid var(--line);color:var(--ink);font:600 12px system-ui;box-shadow:0 1px 5px #1232}.detail-title{font-size:24px;margin:4px 0}.detail-meta{color:var(--muted);line-height:1.6}.speed-card{display:flex;justify-content:space-between;align-items:baseline;background:var(--tint);padding:14px;border-radius:10px;margin:14px 0}.speed-card b{font-size:32px}.source{font-size:12px;line-height:1.5;color:var(--muted)}.stock-img{width:100%;max-height:75px;margin:15px 0;object-fit:contain}.stops{width:100%;border-collapse:collapse;font-size:12px}.stops th,.stops td{text-align:left;padding:9px 4px;border-bottom:1px solid var(--line)}.stops th{color:var(--muted)}.stops td:first-child{max-width:130px}.muted{color:var(--muted)}[hidden]{display:none!important}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--panel:#17232c;--ink:#e9f0f4;--muted:#a8b7c1;--line:#344551;--accent:#64d0b7;--tint:#20333b}.brand img{filter:brightness(0) invert(1)}.leaflet-tile-pane{filter:brightness(.63) saturate(.65)}}@media(max-width:760px){header{left:10px;top:10px;right:10px;padding:8px 10px;gap:9px}.brand{font-size:14px}.brand img{width:25px}header select{padding:6px;font-size:12px;min-height:32px}header>a:last-child{margin-left:auto;font-size:12px}.beta{font-size:9px}.tools{top:70px;right:10px}.leaflet-top.leaflet-right{top:119px}#panel{left:10px;right:10px;top:auto;bottom:42px;width:auto;max-height:42vh}#panel.collapsed{bottom:42px}.about{bottom:8px;right:10px;left:10px;max-width:none}.about summary{padding:6px 12px}.about[open]{z-index:700}.train-row{padding:8px}.leaflet-control-attribution{max-width:90vw}}

.fi-tooltip{padding:10px 12px;border-radius:7px;opacity:1!important}.fi-label{font-size:15px;line-height:1.5;min-width:155px;max-width:260px;white-space:normal}.fi-label-title{display:flex;align-items:center;gap:18px;justify-content:space-between}.fi-label-title b{font-size:16px}.fi-label-title span{display:inline-flex}.fi-label small{display:block;font-size:11px;color:var(--muted)}
/* Follow labels fit the visible map; tools stay accessible on narrow screens. */
.train-icon{transition:opacity .2s}.fi-tooltip{max-width:calc(100vw - 32px)}
@media(max-width:760px){header{gap:7px;flex-wrap:wrap;max-width:calc(100vw - 20px)}header .brand{font-size:13px}header .tv-country-trigger{font-size:11px;min-height:30px;padding:3px 5px}header .tv-country-trigger svg{width:22px;height:14px}header #netherlands{font-size:11px;margin-left:auto}.tools{top:110px}.leaflet-top.leaflet-right{top:157px}.fi-label{max-width:245px;font-size:13px}.fi-label-title b{font-size:14px}}
.map-nav{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:650;display:flex;align-items:center;gap:8px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 25px #13253220}.map-nav a{padding:9px;text-decoration:none;white-space:nowrap}.about{bottom:90px;max-width:330px}#panel{bottom:100px;max-height:none;width:350px}.stop-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.stop-summary small,.stop-summary strong,.stop-summary span{display:block}.stop-summary small{color:var(--muted);font-size:11px;margin-bottom:5px}.stop-summary strong{font-size:15px}.departure-info:empty{display:none}.departure-info{padding:12px;background:var(--tint);border-radius:9px}.station-symbol{display:inline-flex;vertical-align:middle}.speed-history{padding:0 8px 12px;background:var(--tint);border-radius:10px}.speed-history h3{padding:12px 8px 0;font-size:14px;margin:0}.speed-chart{display:block;width:100%;height:auto}.speed-chart text{fill:currentColor;font:10px system-ui}.label-signal{float:right;margin-left:12px}.label-field{line-height:1.5}.fi-label{font-size:13px;min-width:150px;max-width:240px}.label-identity{font-size:15px}.label-stock{font-size:11px;color:var(--muted)}#filters{display:flex;gap:6px}#line-filter{min-width:0;flex:1}dialog{position:fixed;inset:0;margin:auto;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--ink);padding:20px;width:min(500px,calc(100vw - 24px));max-height:85dvh;overflow:auto;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#13253277}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-head h2{margin:0;font-size:21px}#settings-body>label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}#settings-body select{max-width:58%}.field-setting{display:flex;align-items:center;gap:5px;padding:7px 0;border-top:1px solid var(--line)}.field-setting label{display:flex;align-items:center;gap:9px;flex:1}.field-setting input{width:18px;height:18px}.field-setting button{min-height:34px;padding:5px 10px}.tools{top:18px}.speed-trend{vertical-align:middle}.leaflet-tooltip{pointer-events:auto}.leaflet-control-attribution{max-width:65vw}.about summary{padding:7px 10px}
@media(max-width:1100px) and (min-width:761px){header{gap:7px;font-size:12px}.brand{font-size:15px}.tools{top:86px}.leaflet-top.leaflet-right{top:135px}}
@media(max-width:760px){.tools{top:105px;left:10px;right:10px;justify-content:flex-end}.tools button{font-size:12px;padding:7px;min-height:36px}.map-nav{bottom:22px;width:calc(100% - 20px);padding:6px;gap:3px;justify-content:space-between}.map-nav button,.map-nav a{font-size:11px;padding:7px 6px;min-height:34px}#panel,#panel.collapsed{width:auto;bottom:80px;max-height:38dvh}.about{bottom:auto;top:151px;left:10px;right:auto;max-width:calc(100% - 64px)}.about[open]{max-height:40vh;overflow:auto}.leaflet-top.leaflet-right{top:151px}.leaflet-control-attribution{max-width:100vw;font-size:8px}#panel-body{padding:10px}.fi-label{max-width:180px;font-size:11px}.label-identity{font-size:12px}.stop-summary strong{font-size:13px}.detail-title{font-size:20px}.speed-card{margin:10px 0;padding:10px}.speed-card b{font-size:26px}}
.fi-roof{background:none;border:0;pointer-events:none}.fi-roof svg{display:block;overflow:visible;transform-origin:50% 50%;filter:drop-shadow(0 0 1px white)}