:root{--bg-color:#fff}@media (prefers-color-scheme:dark){:root{--bg-color:#1c1c1c}}html,body{background:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-overflow-scrolling:auto;margin:0;padding:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}body{transform:translate(calc(-1 * env(safe-area-inset-left,0px)), calc(-1 * env(safe-area-inset-top,0px)));transform-origin:0 0}#root{position:absolute;top:0;left:0}canvas.metro-map-canvas{touch-action:none;display:block;position:absolute;top:0;left:0}.loader-overlay{top:env(safe-area-inset-top,0px);left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px);pointer-events:none;z-index:10;justify-content:center;align-items:center;height:100dvh;display:flex;position:fixed}.loader-spinner{border:4px solid #0000001a;border-top-color:#0009;border-radius:50%;width:48px;height:48px;animation:1s linear infinite loader-spinner-rotate}@media (prefers-color-scheme:dark){.loader-spinner{border-color:#fff9 #ffffff1a #ffffff1a}}@keyframes loader-spinner-rotate{to{transform:rotate(360deg)}}