html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.cesium-viewer-bottom{display:none!important}.ui-overlay{position:absolute;top:20px;left:20px;z-index:100;background:#000000b3;padding:15px 20px;border-radius:8px;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-width:300px;min-width:250px;transition:all .3s ease}.ui-overlay.minimized{width:auto;min-width:0;padding:10px 15px}.overlay-header{display:flex;justify-content:space-between;align-items:center;gap:15px}.overlay-header h3{margin:0;font-size:1.2em}.minimize-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;font-size:1.4rem;line-height:1}.minimize-btn:hover{background:#ffffff40}.overlay-content{margin-top:15px;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.api-key-modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#242424;padding:30px;border-radius:10px;text-align:center;color:#fff}input{padding:8px;margin:10px 0;width:100%;box-sizing:border-box}button{padding:8px 16px;cursor:pointer;background-color:#646cff;border:none;border-radius:4px;color:#fff;font-weight:700}button:hover{background-color:#535bf2}.joystick-container{position:absolute;bottom:40px;left:40px;z-index:1000;display:none}@media(pointer:coarse)or (max-width:768px){.joystick-container{display:block}}.joystick-base{border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.joystick-stick{box-shadow:0 0 10px #00000080}.joystick-base.active .joystick-stick{background-color:#fffc!important}