*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background-color:#001}#app{position:relative;width:100vw;height:100vh;height:100dvh}#globe-canvas{display:block;width:100%;height:100%;touch-action:none}#controls{position:absolute;top:20px;left:20px;z-index:10;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px;border-radius:8px;min-width:280px;box-shadow:0 4px 6px #0000004d}#center-on-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}#center-on-label{flex-shrink:0;color:#888;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}#center-on-input.is-centering{border-color:#3c6}#overlay-slots{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.overlay-slot{display:flex;align-items:center;gap:8px}.overlay-color-dot{flex-shrink:0;width:12px;height:12px;border-radius:50%}.slot-search-wrapper{position:relative;flex:1}.slot-search{width:100%;padding:8px 10px;border:1px solid #444;border-radius:4px;background-color:#1a1a2e;color:#fff;font-size:13px;outline:none;transition:border-color .2s}.slot-search:hover{border-color:#666}.slot-search:focus{border-color:#4a9eff}.slot-list{position:absolute;top:100%;left:0;right:0;max-height:220px;overflow-y:auto;background-color:#1a1a2e;border:1px solid #444;border-top:none;border-radius:0 0 4px 4px;z-index:20}.slot-list.hidden{display:none}.slot-clear-btn{flex-shrink:0;width:26px;height:26px;border:none;border-radius:4px;background-color:#444;color:#ccc;font-size:16px;line-height:1;cursor:pointer;transition:background-color .15s;display:flex;align-items:center;justify-content:center}.slot-clear-btn:hover{background-color:#c33;color:#fff}#add-overlay-btn{width:100%;padding:8px 12px;border:1px dashed #555;border-radius:4px;background-color:transparent;color:#aaa;font-size:13px;cursor:pointer;transition:border-color .2s,color .2s;margin-bottom:4px}#add-overlay-btn:hover{border-color:#4a9eff;color:#4a9eff}#add-overlay-btn.hidden{display:none}.country-item{padding:7px 10px;color:#fff;font-size:13px;cursor:pointer}.country-item:hover,.country-item.highlighted{background-color:#2a2a4e}#loading{margin-top:10px;padding:10px;background-color:#4a9eff33;border-left:3px solid #4a9eff;border-radius:4px;color:#fff;font-size:13px}#loading.hidden{display:none}.slot-compass{flex-shrink:0;width:36px;height:36px;-webkit-user-select:none;user-select:none;touch-action:none}.slot-compass.hidden{display:none}.slot-compass-svg{display:block;cursor:grab}.slot-compass-svg:active{cursor:grabbing}#tooltip{position:fixed;z-index:30;background:#000000bf;color:#fff;padding:5px 10px;border-radius:4px;font-size:13px;pointer-events:none;white-space:nowrap;display:none}#tooltip.visible{display:block}#controls-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}#controls-header-btns{display:flex;align-items:center;gap:6px}#controls-title{color:#ddd;font-size:13px;font-weight:600;letter-spacing:.02em}#help-btn{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:1px solid #555;background:transparent;color:#888;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s}#help-btn:hover{border-color:#4a9eff;color:#4a9eff}#mobile-toggle{display:none;flex-shrink:0;padding:4px 10px;border-radius:4px;border:1px solid #4a9eff;background:#4a9eff1f;color:#4a9eff;font-size:11px;font-weight:600;letter-spacing:.3px;cursor:pointer;align-items:center;justify-content:center;gap:4px;transition:background .2s,border-color .2s,color .2s}#mobile-toggle:active{background:#4a9eff40}#help-panel{background:#ffffff0a;border:1px solid #333;border-radius:6px;padding:10px 12px;margin-bottom:12px}#help-panel ul{list-style:disc;padding-left:16px}#help-panel li{color:#bbb;font-size:12px;line-height:1.5;margin-bottom:3px}#help-panel li:last-child{margin-bottom:0}#help-panel.hidden{display:none}#info-box{margin-top:10px;padding-top:10px;border-top:1px solid #333;color:#666;font-size:11px;line-height:1.6}#info-box a{color:#557faa;text-decoration:none}#info-box a:hover{color:#7aafff;text-decoration:underline}@media(max-width:768px){#mobile-toggle{display:flex}#controls{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));min-width:unset;padding:10px 12px;max-height:85vh;overflow-y:auto;transition:padding .2s}#controls.mobile-collapsed #center-on-row,#controls.mobile-collapsed #overlay-slots,#controls.mobile-collapsed #add-overlay-btn,#controls.mobile-collapsed #loading,#controls.mobile-collapsed #info-box{display:none}#controls.mobile-collapsed #controls-header{margin-bottom:0}.slot-search{font-size:16px;padding:10px}.slot-clear-btn{width:36px;height:36px;font-size:18px}.country-item{padding:11px 10px;font-size:14px}.slot-list{max-height:40vh}.slot-compass,.slot-compass-svg{width:40px;height:40px}}