*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000;font-family:Inter,Tajawal,sans-serif;color:#fff}.controls-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.controls-overlay>*{pointer-events:auto}.search-bar{position:absolute;top:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#000000a6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:8px 16px 8px 20px;min-width:320px;max-width:520px;width:90%;transition:all .3s ease;box-shadow:0 8px 32px #00000080}.search-bar:focus-within{border-color:#64b4ff66;box-shadow:0 8px 32px #000000b3,0 0 24px #64b4ff14}.search-bar .icon{flex-shrink:0;opacity:.5}.search-bar input{flex:1;background:none;border:none;outline:none;color:#fff;font-family:Inter,Tajawal,sans-serif;font-size:15px;font-weight:400;padding:6px 0;direction:rtl}.search-bar input::placeholder{color:#ffffff59}.search-bar input:focus{direction:ltr}.search-bar button{background:#64b4ff26;border:1px solid rgba(100,180,255,.2);border-radius:10px;color:#8ab4ff;padding:6px 16px;font-family:Tajawal,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.search-bar button:hover{background:#64b4ff40;color:#a8c8ff}.suggestions{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:#0a0e17eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:12px;max-height:280px;overflow-y:auto;direction:rtl}.suggestions::-webkit-scrollbar{width:4px}.suggestions::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.suggestion-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.04)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#64b4ff14}.suggestion-item .city-name{font-size:14px;font-weight:500;color:#e0e8f0}.suggestion-item .country-name{font-size:12px;color:#fff6;margin-right:8px}.suggestion-item .coords{font-size:11px;color:#ffffff40;margin-right:auto}