:root{color:#30483c;background:#d5e2e4;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}[hidden]{display:none!important}#city-view{touch-action:none;position:fixed;inset:0}#city-view canvas{touch-action:none;opacity:0;width:100%;height:100%;transition:opacity .2s;display:block}#city-view[aria-busy=false] canvas{opacity:1}.panel{z-index:1;background:#fafbf5eb;border:1px solid #b8cbbb;border-radius:8px;position:fixed;box-shadow:0 3px 12px #203b3114}.back{top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));color:inherit;padding:12px 15px;font-size:13px;text-decoration:none}.year{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));font-variant-numeric:tabular-nums;background:#eed57c;padding:12px 15px;font-weight:650}.controls{bottom:calc(42px + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;width:min(600px,100% - 32px);padding:4px 12px;display:flex;left:50%;transform:translate(-50%)}.timeline-control{font-variant-numeric:tabular-nums;color:#607565;flex-basis:100%;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;font-size:11px;display:grid}#timeline{--progress:50%;appearance:none;cursor:ew-resize;touch-action:none;background:0 0;width:100%;min-width:0;height:44px;margin:0}#timeline::-webkit-slider-runnable-track{background:linear-gradient(to right,#447d61 var(--progress),#c6d1c9 var(--progress));border-radius:4px;height:4px}#timeline::-moz-range-track{background:#c6d1c9;border-radius:4px;height:4px}#timeline::-moz-range-progress{background:#447d61;height:4px}#timeline::-webkit-slider-thumb{appearance:none;background:#447d61;border:2px solid #fafbf5;border-radius:50%;width:18px;height:18px;margin-top:-7px;box-shadow:0 1px 4px #203b3140}#timeline::-moz-range-thumb{background:#447d61;border:2px solid #fafbf5;border-radius:50%;width:14px;height:14px}#timeline:disabled{opacity:.4;cursor:wait}#timeline:focus-visible{outline-offset:2px;border-radius:5px;outline:3px solid #36789b}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;min-width:44px;min-height:44px}.controls button{font-size:23px}button:hover,.back:hover{background:#dce9d9}button:disabled{opacity:.4;cursor:wait}a:focus-visible,button:focus-visible,canvas:focus-visible{outline-offset:3px;outline:3px solid #36789b}.help{bottom:calc(12px + env(safe-area-inset-bottom));text-align:center;pointer-events:none;text-shadow:0 1px 3px #fff;margin:0;font-size:12px;position:fixed;left:12px;right:12px}.touch{display:none}.loading{z-index:2;text-align:center;width:340px;max-width:calc(100% - 32px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.loading .city-loader{width:100%;max-width:none}#retry{background:#fafbf5;border:1px solid #b8cbbb;margin-top:16px;padding:8px 18px;box-shadow:0 3px #bcccbc80}@media (pointer:coarse),(width<=720px){.desktop{display:none}.touch{display:inline}}@media (prefers-reduced-motion:reduce){#city-view canvas{transition:none}}