*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:#000;overflow:hidden;font-family:Segoe UI,system-ui,sans-serif}#sky-canvas{position:fixed;top:0;right:0;bottom:0;left:0}#sky-canvas canvas{display:block;width:100%;height:100%}#label-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#region-label{position:fixed;top:16px;left:16px;z-index:20;color:#9fb4d8;font-size:12px;text-shadow:0 0 6px #000;pointer-events:none}.sky-label{position:absolute;color:#cfe3ff;font-size:12px;text-shadow:0 0 4px #000,0 0 8px #000;white-space:nowrap;transform:translate(-50%,-120%)}#settings-toggle{position:fixed;top:16px;right:16px;z-index:20;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#14141e99;color:#fff;font-size:20px;cursor:pointer}#settings-panel{position:fixed;top:0;right:0;width:300px;height:100%;z-index:30;background:#0a0a12eb;color:#e8e8f0;padding:24px;overflow-y:auto;transition:transform .25s ease;border-left:1px solid rgba(255,255,255,.1)}#settings-panel.hidden{transform:translate(100%)}#settings-panel h2{margin-top:0;font-size:18px}#settings-panel label{display:block;margin:16px 0 4px;font-size:13px;color:#b8b8d0}#settings-panel input[type=text]{width:100%;padding:8px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff}#settings-panel input[type=range]{width:100%}#city-results{max-height:140px;overflow-y:auto}#city-results button{display:block;width:100%;text-align:left;padding:6px 8px;margin-top:4px;background:#ffffff0f;border:none;color:#e8e8f0;border-radius:4px;cursor:pointer}#city-results button:hover{background:#ffffff26}#settings-panel>button{margin-top:20px;width:100%;padding:10px;border-radius:6px;border:none;background:#3a3a6e;color:#fff;cursor:pointer}#settings-panel>button:hover{background:#484886}