*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;background:#0a0a1a;width:100%;height:100%;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}#app,#map-container{width:100%;height:100%;position:relative}#map-container canvas{display:block}#bottom-bar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0a0a1ebf;border:1px solid #648cff33;border-radius:28px;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:8px 12px 8px 16px;display:none;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#city-label{color:#99b;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:13px;overflow:hidden}#bottom-bar button{color:#aac;cursor:pointer;white-space:nowrap;background:#1e285080;border:1px solid #648cff4d;border-radius:20px;padding:6px 12px;font-size:12px;transition:all .2s}#bottom-bar button:hover{background:#283c78b3;border-color:#648cff99}#bottom-bar button:active{transform:scale(.96)}#time-slider{appearance:none;cursor:pointer;background:#648cff33;border-radius:2px;outline:none;width:80px;height:4px}#time-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#648cff99;border:1px solid #648cff66;border-radius:50%;width:14px;height:14px}#time-slider::-moz-range-thumb{cursor:pointer;background:#648cff99;border:1px solid #648cff66;border-radius:50%;width:14px;height:14px}#time-label{color:#668;font-variant-numeric:tabular-nums;text-align:center;min-width:36px;font-size:11px}#loading{z-index:100;color:#668;text-align:center;font-size:16px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}