@font-face{font-family:CalvertProRegular;src:url(/fonts/calvert.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}.preload *{transition:none!important}body{justify-content:center;align-items:center;width:100vw;height:100vh;font-family:CalvertProRegular,system-ui,-apple-system,sans-serif;font-weight:400;display:flex;overflow:hidden}#map-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}#map-container svg{outline:none;width:100%;height:100%;display:block;overflow:visible}#map-container{outline:none}body:not(.debug-mode) .train-label{visibility:hidden!important}body.debug-mode .train-label{visibility:visible!important}#status-panel{text-align:left;z-index:1000;pointer-events:none;padding-left:25px;position:absolute;bottom:200px;left:50px}#status-panel *{pointer-events:auto}#clockDisplay{letter-spacing:-2px;font-size:4em;font-weight:400;line-height:.8}#btnCycleSchedule{margin-top:5px;font-size:2em}#bottom-center-controls{z-index:1000;box-sizing:border-box;background-color:var(--color-card-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:16px;flex-direction:column;align-items:flex-start;gap:10px;padding:30px 5px 15px;transition:all .4s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:50px;left:50px;transform:translate(0,0)}.control-pill{background:0 0;border-radius:0;justify-content:space-between;align-items:center;width:440px;padding:10px 20px;display:flex}#playback-controls-wrapper{opacity:1;flex-direction:column;gap:10px;max-height:110px;transition:max-height .4s cubic-bezier(.2,.8,.2,1),opacity .4s cubic-bezier(.2,.8,.2,1),transform .4s cubic-bezier(.2,.8,.2,1);display:flex;transform:translateY(0)}#playback-controls-wrapper>*{flex-shrink:0}#bottom-center-controls.hide-playback{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background-color:#0000;border-color:#0000;gap:0}#bottom-center-controls.hide-playback #playback-controls-wrapper{opacity:0;pointer-events:none;max-height:0;transform:translateY(15px)}#btnLive{padding-bottom:10px;transition:opacity .2s ease-in-out,transform .2s}#btnLive.fade-out,#bottom-center-controls.hide-playback #btnLive{pointer-events:none;opacity:0!important}#jump-pills-row{justify-content:space-between;gap:10px;width:440px;display:flex}#jump-pills-row .pill-button{flex:1}#jump-pills-row .pill-button:first-child{flex:none;justify-content:flex-start;padding-left:20px!important}#jump-pills-row .pill-button:last-child{flex:none;justify-content:flex-end;padding-right:20px!important}.pill-button{white-space:nowrap;justify-content:center;align-items:center;min-width:90px;transition:opacity .2s,transform .2s;display:flex;color:inherit!important;background:0 0!important;border-radius:0!important;padding:12px 10px 8px!important}@media (hover:hover){.pill-button:hover{opacity:.7}}.pill-button:active{transition:transform .1s;transform:scale(.9)}.shadow-target{outline:none;transition:all .3s}#bottom-center-controls.is-floating .shadow-target{outline:none}.icon-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;transition:opacity .2s,transform .2s;display:flex}@media (hover:hover){.icon-btn:hover{opacity:.7;transform:scale(1.2)}}.icon-btn:active{transition:transform .1s;transform:scale(.9)}.icon-btn img{width:32px;height:32px}#btnCycleSpeed.speed-control{text-align:right;min-width:50px;padding:5px;transition:transform .2s,opacity .2s;transform:translateY(2px);font-size:24px!important}#btnCycleSpeed.speed-control:active{transition:transform .1s;transform:translateY(2px)scale(.9)}.time-container{flex-direction:column;align-items:flex-start;padding:0 20px;display:flex}.clock-row{align-items:center;gap:15px;display:flex}#timeSlider{appearance:none;background:var(--color-station-labels);cursor:pointer;outline:none;flex:1;height:5px;margin:0 10px;transition:background .4s}#timeSlider::-webkit-slider-thumb{appearance:none;background:var(--color-station-labels);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:background .4s}#timeSlider::-moz-range-thumb{background:var(--color-station-labels);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;transition:background .4s}.row-jumps{justify-content:space-between;padding-top:5px}.text-btn{color:#888;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:20px;font-weight:500}@media (hover:hover){.text-btn:hover{color:#000}}.bold-text{font-size:18px;font-weight:400}.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}@media (hover:hover){.clickable:hover{opacity:.7}}@media (width<=650px){#clockDisplay{font-size:3em}#btnCycleSchedule{margin-top:8px;font-size:1.2em}#bottom-center-controls{border-top:1px solid var(--color-card-border);border-radius:0;align-items:flex-start;gap:6px;width:100%;padding:30px 10px 10px;bottom:0;left:0;transform:translate(0,0)}#playback-controls-wrapper{width:100%}.time-container{padding:0 8px}#bottom-center-controls .shadow-target{outline:none}#jump-pills-row{justify-content:space-between;width:100%}.control-pill{width:100%;padding:6px 10px}#jump-pills-row .pill-button:first-child{flex:none;justify-content:flex-start;padding-left:10px!important}#jump-pills-row .pill-button:last-child{flex:none;justify-content:flex-end;padding-right:10px!important}#jump-pills-row .pill-button{flex:none}.pill-button{min-width:0;padding:6px 8px!important}.text-btn{font-size:16px!important}#btnCycleSpeed.speed-control{font-size:20px!important}#timeSlider{height:4px}.icon-btn img{width:24px;height:24px}#controls{width:90%;bottom:20px;left:50%;transform:translate(-50%)}}#top-left-controls{z-index:1000;flex-direction:column;align-items:center;gap:30px;display:flex;position:absolute;top:75px;left:75px}#btnSettings{transition:transform .3s,opacity .2s}@media (hover:hover){#btnSettings:hover{opacity:.7;transform:scale(1.2)}}#btnSettings:active{transition:transform .1s;transform:scale(.9)}#btnSettings.open{transform:rotate(90deg)}@media (hover:hover){#btnSettings.open:hover{transform:rotate(90deg)scale(1.2)}}#btnSettings.open:active{transition:transform .1s;transform:rotate(90deg)scale(.9)}.settings-dropdown-menu{visibility:hidden;flex-direction:column;gap:30px;transition:visibility .5s;display:flex}.settings-dropdown-menu.open{visibility:visible}.settings-dropdown-menu .settings-btn-style:nth-child(3){transition:opacity .1s linear,transform .15s ease-in,visibility .15s}.settings-dropdown-menu .settings-btn-style:nth-child(2){transition:opacity .1s linear 50ms,transform .15s ease-in 50ms,visibility .15s 50ms}.settings-dropdown-menu .settings-btn-style:first-child{transition:opacity .1s linear .1s,transform .15s ease-in .1s,visibility .15s .1s}.settings-dropdown-menu .settings-btn-style{opacity:0;transition:opacity .15s ease-in,transform .15s ease-in,visibility .15s;transform:translateY(-15px)}.settings-dropdown-menu.open .settings-btn-style{opacity:1;transform:translateY(0)}.settings-dropdown-menu.open .settings-btn-style:first-child{transition:opacity .3s 50ms,transform .3s 50ms}.settings-dropdown-menu.open .settings-btn-style:nth-child(2){transition:opacity .3s .1s,transform .3s .1s}.settings-dropdown-menu.open .settings-btn-style:nth-child(3){transition:opacity .3s .15s,transform .3s .15s}@media (hover:hover){.settings-dropdown-menu.open .settings-btn-style:hover{opacity:.7;transition:opacity .2s,transform .2s;transform:scale(1.2)}}.settings-dropdown-menu.open .settings-btn-style:active{transition:transform .1s;transform:scale(.9)}.settings-btn-style{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:transform .2s,opacity .2s;display:flex}.settings-btn-style img{width:100%;height:100%}#top-left-controls.hide-playback #btnSettings{pointer-events:none;transition:opacity .4s,transform .4s;opacity:0!important;transform:translate(-150px)!important}#top-left-controls.hide-playback .settings-dropdown-menu .settings-btn-style:first-child{pointer-events:none;transition:opacity .4s 50ms,transform .4s 50ms;opacity:0!important;transform:translate(-150px)!important}#top-left-controls.hide-playback .settings-dropdown-menu .settings-btn-style:nth-child(2){pointer-events:none;transition:opacity .4s .1s,transform .4s .1s;opacity:0!important;transform:translate(-150px)!important}#top-left-controls.hide-playback .settings-dropdown-menu .settings-btn-style:nth-child(3){pointer-events:none;transition:opacity .4s .15s,transform .4s .15s;opacity:0!important;transform:translate(-150px)!important}#Station-Icons{opacity:0;pointer-events:none;transition:opacity .3s}#Station-Icons.show-icons{opacity:1;pointer-events:auto}#Zones{opacity:0;pointer-events:none;transition:opacity .3s}#Zones.show-zones{opacity:1;pointer-events:auto}:root{--color-land:#fff;--color-water:#a7daf8;--color-water-labels:#43a6e2;--color-station-labels:#000;--color-station-icons:#000;--color-zones:#e1e1e1;--color-card-bg:#ffffffe6;--color-card-border:#0000001a;--color-green-trains:#2a9849;--color-yellow-trains:#d59b21}body.dark-mode{--color-land:#262626;--color-water:#000;--color-water-labels:#404040;--color-station-labels:#f3f3f3;--color-station-icons:#f3f3f3;--color-zones:#3d3d3d;--color-card-bg:#262626e6;--color-card-border:#ffffff1a}body{background-color:var(--color-land);color:var(--color-station-labels);transition:background-color .4s,color .4s}body.dark-mode .icon-btn img,body.dark-mode .settings-btn-style img{filter:invert()brightness(.95)}.icon-btn img,.settings-btn-style img{transition:filter .4s}#Background{transition:fill .4s;fill:var(--color-land)!important}#All-Water--Baked-{transition:fill .4s;fill:var(--color-water)!important}#River-Wear-Label path,#River-Tyne-Label path,#North-Sea-Label path{transition:fill .4s;fill:var(--color-water-labels)!important}#Station-Names text,#Station-Names path,#Station-Names tspan{transition:fill .4s;fill:var(--color-station-labels)!important}@media (width<=650px){#top-left-controls{flex-direction:row;top:5vw;left:5vw}.settings-dropdown-menu{flex-direction:row}.settings-dropdown-menu .settings-btn-style{transform:translate(-15px)}.settings-dropdown-menu.open .settings-btn-style{transform:translate(0)}#top-left-controls.hide-playback #btnSettings,#top-left-controls.hide-playback .settings-dropdown-menu .settings-btn-style:first-child,#top-left-controls.hide-playback .settings-dropdown-menu .settings-btn-style:nth-child(2),#top-left-controls.hide-playback .settings-dropdown-menu .settings-btn-style:nth-child(3){transform:translateY(-150px)!important}}[id=bus],[id=parking],#airport_plane{transition:fill .4s;fill:var(--color-station-icons)!important}#Zone-Shape,[id^=Zone-A-Label] path,[id^=Zone-C-Label] path{transition:fill .4s;fill:var(--color-zones)!important}[id^=Zone-B-Label] path{transition:fill .4s;fill:var(--color-land)!important}@media (height<=500px) and (orientation:landscape){#clockDisplay{font-size:3em}#btnCycleSchedule{margin-top:8px;font-size:1.2em}#bottom-center-controls{border-radius:16px;gap:6px;width:auto;padding:25px 5px 5px;bottom:15px;left:15px}#playback-controls-wrapper{gap:0}.control-pill{width:340px;padding:6px 10px}#jump-pills-row{width:340px}#jump-pills-row .pill-button{min-width:auto;font-size:.9em;padding:8px 5px!important}#top-left-controls{flex-direction:row;top:25px;left:40px}.settings-dropdown-menu{flex-direction:row}.settings-dropdown-menu .settings-btn-style{transform:translate(-15px)}.settings-dropdown-menu.open .settings-btn-style{transform:translate(0)}#top-left-controls.hide-playback #btnSettings,#top-left-controls.hide-playback .settings-dropdown-menu .settings-btn-style:first-child,#top-left-controls.hide-playback .settings-dropdown-menu .settings-btn-style:nth-child(2),#top-left-controls.hide-playback .settings-dropdown-menu .settings-btn-style:nth-child(3){transform:translateY(-150px)!important}}