*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#050816;width:100%;height:100%;overflow:hidden}:root{--motion-fast:.16s;--motion-base:.24s;--motion-slow:.36s;--ease-out-expo:cubic-bezier(.22,1,.36,1);--teal:#14c8b0;--coral:#ff5c5c}.skyline-canvas{touch-action:manipulation;cursor:grab;width:100%;height:100%;position:fixed;inset:0}.skyline-canvas:active{cursor:grabbing}.desc{z-index:10;pointer-events:none;color:#ffffff73;text-align:center;max-width:65ch;padding:0 16px;font-family:system-ui,-apple-system,sans-serif;font-size:10px;position:fixed;bottom:68px;left:50%;transform:translate(-50%)}.legend{z-index:10;pointer-events:none;color:#ffffff73;flex-wrap:wrap;justify-content:center;gap:10px 14px;font-family:system-ui,-apple-system,sans-serif;font-size:10px;display:flex;position:fixed;bottom:44px;left:50%;transform:translate(-50%)}.legend-item{align-items:center;gap:4px;display:inline-flex}.legend-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}