:root{--bg-dark:#08060c;--bg-dark-rgb:8, 6, 12;--panel-bg:#0c0a12b8;--panel-border:#ffffff14;--panel-border-glow:#8b5cf633;--accent-cyan:#06b6d4;--accent-pink:#ec4899;--accent-purple:#8b5cf6;--grad-primary:linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-pink) 100%);--grad-cyan:linear-gradient(135deg, #0891b2 0%, var(--accent-cyan) 100%);--grad-dark-btn:linear-gradient(180deg, #ffffff0d 0%, #ffffff03 100%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--danger-color:#f43f5e;--success-color:#10b981;--sidebar-width:380px;--panel-radius:20px;--widget-radius:12px;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-dark);width:100%;height:100%;font-family:var(--font-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#map{z-index:1;background-color:#0b090f;position:absolute;inset:0}.glass-panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--panel-radius);transition:all .3s;box-shadow:0 8px 32px #00000080,inset 0 1px 1px #ffffff0d}.glass-panel:hover{box-shadow:0 12px 40px 0 #0009, 0 0 16px 0 var(--panel-border-glow), inset 0 1px 1px 0 #ffffff14;border-color:#ffffff1f}#dashboard{width:var(--sidebar-width);z-index:10;scrollbar-gutter:stable;flex-direction:column;padding:24px;display:flex;position:absolute;top:20px;bottom:20px;left:20px;overflow-y:auto}#dashboard::-webkit-scrollbar{width:6px}#dashboard::-webkit-scrollbar-track{background:0 0}#dashboard::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}#dashboard::-webkit-scrollbar-thumb:hover{background:#ffffff40}.app-header{border-bottom:1px solid #ffffff0f;margin-bottom:20px;padding-bottom:16px}.logo-container{align-items:center;gap:10px;margin-bottom:4px;display:flex}.logo-icon{width:32px;height:32px;color:var(--accent-cyan);filter:drop-shadow(0 0 6px #06b6d466);animation:3s ease-in-out infinite radar-pulse}.logo-text{font-family:var(--font-display);letter-spacing:-.5px;background:linear-gradient(135deg,#fff 30%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:28px;font-weight:800}.tagline{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;font-size:13px;font-weight:500}.widget{border-radius:var(--widget-radius);background:#ffffff05;border:1px solid #ffffff0a;flex-shrink:0;margin-bottom:16px;padding:16px;transition:border-color .2s}.widget:hover{border-color:#ffffff14}.section-title{font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:12px;font-size:14px;font-weight:600}.global-stats{background:radial-gradient(circle at 100% 0,#8b5cf60d 0%,#0000 60%);flex-direction:column;align-items:center;gap:16px;padding:20px 16px;display:flex}.progress-ring-container{justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.progress-ring{transform:rotate(-90deg)}.progress-ring-background{fill:none;stroke:#ffffff08;stroke-width:7px}.progress-ring-bar{fill:none;stroke:var(--accent-cyan);stroke-width:7px;stroke-linecap:round;stroke-dasharray:263.89;stroke-dashoffset:263.89px;filter:drop-shadow(0 0 4px #06b6d499);transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.progress-text-container{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.percentage-value{font-family:var(--font-display);color:var(--text-primary);font-size:16px;font-weight:700}.percentage-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;font-size:9px;font-weight:600}.stats-subrow{border-top:1px solid #ffffff0a;justify-content:space-around;align-items:center;width:100%;margin-top:4px;padding-top:12px;display:flex}.sub-stat{flex-direction:column;align-items:center;display:flex}.sub-stat-value{font-family:var(--font-display);color:var(--text-primary);font-size:15px;font-weight:700}.sub-stat-label{color:var(--text-muted);font-size:10px;font-weight:500}.divider{background-color:#ffffff0f;width:1px;height:24px}.controls-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.control-btn{background:var(--grad-dark-btn);color:var(--text-secondary);cursor:pointer;border:1px solid #ffffff0a;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;transition:all .2s;display:flex}.control-btn:hover{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff1a}.control-btn.active{color:var(--text-primary);background:#8b5cf61a;border-color:#8b5cf666;box-shadow:0 0 10px #8b5cf626}.btn-icon{font-size:18px}.btn-label{text-align:center;font-size:10px;font-weight:600}.action-btn{background:var(--grad-primary);width:100%;color:var(--text-primary);font-family:var(--font-display);letter-spacing:.5px;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 15px #ec489940}.action-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 20px #ec489959}.action-btn:active:not(:disabled){transform:translateY(1px)}.action-btn:disabled{color:var(--text-muted);box-shadow:none;cursor:not-allowed;filter:none;background:#ffffff0d}.gps-active{background:var(--grad-cyan);box-shadow:0 4px 15px #06b6d440}.gps-active:hover{box-shadow:0 6px 20px #06b6d459}.outline-btn{box-shadow:none;background:0 0;border:1px solid #ffffff1a;transition:all .2s}.outline-btn:hover{box-shadow:none;background:#ffffff08;border-color:#fff3;transform:none}.outline-btn.active{border-color:var(--accent-cyan);color:var(--text-primary);background:#06b6d41a;box-shadow:0 0 10px #06b6d426}.gps-pulse{background-color:var(--text-muted);border-radius:50%;width:8px;height:8px;display:inline-block}.gps-active .gps-pulse{background-color:var(--text-primary);animation:1.5s infinite pulse-ring}.gps-status-text{color:var(--text-secondary);text-align:center;margin-top:8px;font-size:11px}.italic-desc{font-style:italic}.dropdown-row{gap:8px;display:flex}.custom-select{color:var(--text-primary);font-family:var(--font-body);cursor:pointer;appearance:none;background:#ffffff0a url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") right 8px center/16px no-repeat;border:1px solid #ffffff14;border-radius:8px;outline:none;flex-grow:1;padding:10px 32px 10px 12px;font-size:13px;transition:all .2s}.custom-select:hover{background-color:#ffffff0f;border-color:#ffffff26}.custom-select option{background-color:var(--bg-dark);color:var(--text-primary)}.icon-action-btn{background:var(--grad-primary);width:38px;height:38px;color:var(--text-primary);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 4px 10px #ec489933}.icon-action-btn:hover:not(:disabled){transform:scale(1.04);box-shadow:0 4px 15px #ec489959}.icon-action-btn:disabled{color:var(--text-muted);box-shadow:none;cursor:not-allowed;background:#ffffff0a}.play-icon{margin-left:2px}.hidden{display:none!important}.flex-expand{flex-direction:column;flex-grow:1;min-height:200px;display:flex;overflow:hidden}.row-space-between{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.badge{text-transform:uppercase;color:var(--text-secondary);background-color:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.search-container{flex-shrink:0;margin-bottom:12px}.search-input{width:100%;color:var(--text-primary);font-family:var(--font-body);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:10px 12px;font-size:13px;transition:all .2s}.search-input:focus{background-color:#ffffff0f;border-color:#8b5cf680;box-shadow:0 0 8px #8b5cf640}.country-progress-list{flex-direction:column;flex-grow:1;gap:8px;padding-right:2px;display:flex;overflow-y:auto}.country-placeholder{text-align:center;color:var(--text-muted);padding:30px 10px;font-size:12px}.country-item{cursor:pointer;background:#ffffff03;border:1px solid #ffffff08;border-radius:8px;padding:8px 12px;transition:all .2s}.country-item:hover{background:#ffffff08;border-color:#ffffff0f}.country-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.country-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;font-weight:600;overflow:hidden}.country-percent{font-family:var(--font-display);color:var(--accent-cyan);font-size:11px;font-weight:700}.country-progress-track{background-color:#ffffff0a;border-radius:2px;width:100%;height:4px;overflow:hidden}.country-progress-bar{background:var(--grad-cyan);border-radius:2px;width:0%;height:100%;transition:width .5s ease-out}.country-item.visited{border-left:2px solid var(--accent-cyan);background:#06b6d405}.country-item.visited .country-progress-bar{background:var(--grad-cyan);filter:drop-shadow(0 0 1px #06b6d480)}.clear-data-row{gap:8px;display:flex;margin-bottom:0!important}.outline-action-btn{color:var(--text-secondary);font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:8px;flex-grow:1;padding:8px;font-size:11px;font-weight:700;transition:all .2s}.outline-action-btn:hover{color:var(--text-primary);background:#ffffff08;border-color:#ffffff26}.danger-btn{color:#f43f5ecc;border-color:#f43f5e33}.danger-btn:hover{color:var(--danger-color);background:#f43f5e0f;border-color:#f43f5e66}.toast-banner{z-index:100;-webkit-backdrop-filter:blur(12px);font-family:var(--font-display);letter-spacing:.3px;color:var(--text-primary);background:#12101ad9;border:1px solid #8b5cf64d;border-radius:30px;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)translateY(0);box-shadow:0 4px 20px #0006,0 0 10px #8b5cf633}.toast-banner.hidden{opacity:0;pointer-events:none;bottom:0;transform:translate(-50%)translateY(30px)}@media (width<=768px){#dashboard{border-radius:var(--panel-radius) var(--panel-radius) 10px 10px;width:auto;max-height:45%;padding:16px;inset:auto 10px 10px;box-shadow:0 -4px 30px #0006}.controls-grid{grid-template-columns:repeat(3,1fr)}}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #06b6d4b3}70%{transform:scale(1);box-shadow:0 0 0 6px #06b6d400}to{transform:scale(.95);box-shadow:0 0 #06b6d400}}@keyframes radar-pulse{0%{opacity:.95;transform:scale(1)}50%{opacity:.75;filter:drop-shadow(0 0 8px #06b6d499);transform:scale(1.05)}to{opacity:.95;transform:scale(1)}}#fog-canvas{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.row-title-container{justify-content:space-between;align-items:center;width:100%;display:flex}.info-badge{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-left:8px;padding:0;font-size:10px;font-weight:700;transition:all .2s;display:flex}.info-badge:hover{border-color:var(--accent-purple);color:#fff;background:#8b5cf633;transform:scale(1.05);box-shadow:0 0 8px #8b5cf64d}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#08060cd1;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal-content{border-radius:12px;flex-direction:column;width:90%;max-width:480px;max-height:85vh;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) modal-enter;display:flex;overflow-y:auto;box-shadow:0 10px 40px #0009,0 0 20px #8b5cf626}@keyframes modal-enter{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;display:flex}.modal-title{font-family:var(--font-title);color:#fff;letter-spacing:.2px;font-size:16px;font-weight:700}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px;font-weight:300;line-height:1;transition:color .2s}.close-btn:hover{color:var(--accent-pink)}.modal-body{flex-direction:column;gap:16px;display:flex}.guide-tabs{border-bottom:1px solid #ffffff0f;gap:8px;padding-bottom:8px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s}.tab-btn.active{color:var(--accent-cyan);background:#8b5cf626;border:1px solid #8b5cf64d}.tab-btn:hover:not(.active){color:#fff;background:#ffffff08}.guide-steps{color:var(--text-secondary);flex-direction:column;gap:12px;margin:0;padding-left:18px;font-size:12px;line-height:1.5;display:flex}.guide-steps li{margin-bottom:4px}.guide-steps li strong{color:#fff}.guide-steps li code{color:var(--accent-cyan);background:#ffffff14;border:1px solid #ffffff1a;border-radius:3px;padding:2px 4px;font-family:monospace;font-size:11px}.text-link{color:var(--accent-purple);border-bottom:1px solid #0000;align-items:center;gap:2px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.text-link:hover{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan)}.external-icon{width:11px;height:11px}.switch-container{width:32px;height:18px;display:inline-block;position:relative}.switch-container input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:#ffffff14;border:1px solid #ffffff1f;border-radius:9px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.switch-slider:before{content:"";background-color:var(--text-secondary);border-radius:50%;width:12px;height:12px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:2px;left:2px}input:checked+.switch-slider{border-color:var(--accent-purple);background-color:#8b5cf633}input:checked+.switch-slider:before{background-color:var(--accent-cyan);box-shadow:0 0 6px var(--accent-cyan);transform:translate(14px)}.collapsible-header{transition:opacity .2s}.collapsible-header:hover{opacity:.85}.achievements-list-grid{flex-direction:column;gap:8px;max-height:500px;margin-top:10px;transition:max-height .4s cubic-bezier(.16,1,.3,1),padding .3s,margin .3s;display:flex;overflow:hidden}.achievements-list-grid.collapsed{max-height:0!important;margin-top:0!important;padding-top:0!important;padding-bottom:0!important}.ach-badge{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.ach-icon{background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .3s;display:flex}.ach-info{flex-direction:column;gap:2px;display:flex}.ach-name{color:var(--text-primary);font-size:12px;font-weight:700;transition:color .3s}.ach-status{text-transform:uppercase;letter-spacing:.4px;font-size:9px;font-weight:600}.ach-badge.locked{filter:grayscale();opacity:.45}.ach-badge.locked .ach-status{color:var(--text-muted)}.ach-badge.unlocked{background:#8b5cf60f;border-color:#8b5cf659;animation:1.5s infinite alternate ach-unlock-glow;box-shadow:0 4px 15px #0003,0 0 10px #8b5cf61a}.ach-badge.unlocked .ach-icon{filter:drop-shadow(0 0 4px #06b6d480);background:#06b6d41a}.ach-badge.unlocked .ach-name{color:#fff;text-shadow:0 0 8px #fff3}.ach-badge.unlocked .ach-status{color:var(--accent-cyan);text-shadow:0 0 4px #06b6d466}@keyframes ach-unlock-glow{0%{border-color:#8b5cf659;box-shadow:0 4px 15px #0003,0 0 10px #8b5cf61a}to{border-color:#06b6d473;box-shadow:0 4px 15px #0003,0 0 16px #8b5cf640,0 0 8px #06b6d426}}.countries-collapsible-content,.fog-settings-collapsible{max-height:400px;transition:max-height .4s cubic-bezier(.16,1,.3,1),padding .3s,margin .3s;overflow:hidden auto}.countries-collapsible-content::-webkit-scrollbar{width:4px}.countries-collapsible-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.countries-collapsible-content.collapsed,.fog-settings-collapsible.collapsed{max-height:0!important;margin-top:0!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden!important}.floating-panel{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#0d0b14d1;border:1px solid #ffffff14;border-radius:12px;width:260px;padding:10px 12px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;top:20px;right:20px;box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff1a}.floating-panel .panel-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.floating-panel .panel-title{letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:11px;font-weight:700}.floating-panel .panel-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}.floating-panel .panel-toggle-btn:hover{color:var(--text-primary)}.floating-panel .panel-body{opacity:1;max-height:200px;margin-top:8px;transition:max-height .3s cubic-bezier(.16,1,.3,1),opacity .3s,margin-top .3s}.floating-panel .panel-body.collapsed{opacity:0!important;max-height:0!important;margin-top:0!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden!important}.cta-banner{margin-bottom:16px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #8b5cf61a,inset 0 1px #ffffff0d;background:linear-gradient(135deg,#8b5cf626 0%,#ec48990d 100%)!important;border:1px solid #8b5cf64d!important}.cta-banner:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf640,0 0 12px #8b5cf626;border-color:#8b5cf699!important}.cta-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#ec489914 0%,#0000 70%);width:200%;height:200%;animation:15s linear infinite bg-pan-slow;position:absolute;top:-50%;left:-50%}@keyframes bg-pan-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.highlight-pulse{animation:4s ease-in-out infinite border-glow-pulse}@keyframes border-glow-pulse{0%,to{border-color:#8b5cf64d;box-shadow:0 4px 20px #8b5cf61a}50%{border-color:#8b5cf699;box-shadow:0 4px 25px #8b5cf640,0 0 10px #8b5cf626}}.cta-btn:active{transform:scale(.98)}#floating-header{z-index:10;border-radius:99px;justify-content:space-between;align-items:center;width:calc(100% - 32px);max-width:450px;height:58px;padding:0 16px 0 20px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0006,inset 0 1px #ffffff0d}.logo-pulse-dot{background-color:var(--accent-purple);width:8px;height:8px;box-shadow:0 0 8px var(--accent-purple);border-radius:50%;margin-right:2px;transition:background-color .4s,box-shadow .4s;animation:2.5s ease-in-out infinite logo-pulse;display:inline-block}.logo-pulse-dot.status-online{background-color:var(--success-color);box-shadow:0 0 8px var(--success-color);animation:2.5s ease-in-out infinite logo-pulse-online}.logo-pulse-dot.status-syncing{background-color:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan);animation:1s ease-in-out infinite logo-pulse-syncing}.logo-pulse-dot.status-offline{background-color:var(--danger-color);box-shadow:0 0 8px var(--danger-color);animation:3s ease-in-out infinite logo-pulse-offline}@keyframes logo-pulse{0%,to{opacity:.6;box-shadow:0 0 4px var(--accent-purple);transform:scale(.95)}50%{opacity:1;box-shadow:0 0 12px var(--accent-purple), 0 0 6px var(--accent-pink);transform:scale(1.15)}}@keyframes logo-pulse-online{0%,to{opacity:.6;box-shadow:0 0 4px var(--success-color);transform:scale(.95)}50%{opacity:1;box-shadow:0 0 12px var(--success-color);transform:scale(1.15)}}@keyframes logo-pulse-syncing{0%,to{opacity:.5;box-shadow:0 0 3px var(--accent-cyan);transform:scale(.9)}50%{opacity:1;box-shadow:0 0 14px var(--accent-cyan);transform:scale(1.25)}}@keyframes logo-pulse-offline{0%,to{opacity:.7;box-shadow:0 0 4px var(--danger-color);transform:scale(.95)}50%{opacity:.9;box-shadow:0 0 8px var(--danger-color);transform:scale(1.05)}}.progress-pill-badge{color:#fff;font-family:var(--font-display);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:99px;outline:none;align-items:center;gap:8px;padding:6px 14px;font-size:11px;font-weight:700;transition:all .25s;display:flex}.progress-pill-badge:hover{background:#06b6d41a;border-color:#06b6d466;box-shadow:0 0 10px #06b6d426}.pulse-indicator{background-color:var(--accent-cyan);width:6px;height:6px;box-shadow:0 0 6px var(--accent-cyan);border-radius:50%;animation:1.8s ease-in-out infinite badge-pulse;display:inline-block}@keyframes badge-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;box-shadow:0 0 10px var(--accent-cyan);transform:scale(1.3)}}#action-dock{z-index:10;border-radius:99px;align-items:center;gap:12px;width:auto;height:60px;padding:8px 12px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #00000080,inset 0 1px #ffffff0d}#map-view-switch{z-index:10;border-radius:99px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:min(280px,100% - 32px);height:44px;padding:4px;display:grid;position:absolute;top:92px;left:50%;transform:translate(-50%)}.view-mode-btn{min-width:0;height:34px;font-family:var(--font-display);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:99px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.view-mode-btn:hover{color:var(--text-primary);background:#ffffff0a}.view-mode-btn.active{color:var(--accent-cyan);background:#06b6d424;border-color:#06b6d48c;box-shadow:0 0 10px #06b6d42e}.view-mode-icon{font-size:13px;line-height:1}.dock-btn{background:var(--grad-dark-btn);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;border:1px solid #ffffff14;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.dock-btn:hover{color:#fff;border-color:#fff3;transform:translateY(-4px)scale(1.08);box-shadow:0 6px 16px #0006}.dock-btn:active{transform:translateY(-1px)scale(.95)}.dock-btn.active{border-color:var(--accent-purple);color:#fff;background:#8b5cf626;box-shadow:0 0 14px #8b5cf64d}.dock-btn.gps-active{background:var(--grad-cyan);border-color:var(--accent-cyan);color:#fff;box-shadow:0 0 15px #06b6d459}.dock-btn.gps-active:hover{box-shadow:0 0 20px #06b6d480}.dock-btn .gps-pulse{background-color:var(--text-muted);border-radius:50%;width:8px;height:8px;transition:all .2s;display:inline-block}.dock-btn.gps-active .gps-pulse{background-color:#fff;animation:1.5s infinite pulse-ring}.dock-icon{font-size:16px;line-height:1}.modal-tab-btn{color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;background:0 0;border:none;outline:none;padding:8px 4px;font-size:14px;font-weight:600;transition:all .2s;position:relative}.modal-tab-btn.active{color:var(--text-primary)}.modal-tab-btn:after{content:"";background:var(--accent-purple);width:100%;height:2px;transition:transform .2s;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.modal-tab-btn.active:after{transform:scaleX(1)}.modal-tab-btn[data-tab=tab-progress-countries].active:after{background:var(--accent-cyan)}.tab-pane{display:none}.tab-pane.active{display:block}.info-block{border-left:3px solid var(--accent-cyan)}.info-block:nth-of-type(2){border-left-color:var(--accent-purple)}.modal-drag-handle{display:none}@media (width<=768px){#floating-header{height:52px;top:calc(10px + env(safe-area-inset-top))!important;width:calc(100% - 20px)!important}#map-view-switch{width:min(260px,100% - 20px);height:42px;top:calc(72px + env(safe-area-inset-top))!important}.view-mode-btn{height:32px;padding:0 10px;font-size:10px}#action-dock{gap:8px;height:56px;padding:6px 10px;bottom:calc(16px + env(safe-area-inset-bottom))!important}.dock-btn{width:40px;height:40px}.modal-overlay{justify-content:center!important;align-items:flex-end!important}.modal-content{width:100%!important;max-width:100%!important;max-height:calc(85vh - env(safe-area-inset-top))!important;padding:12px 20px calc(34px + env(safe-area-inset-bottom)) 20px!important;border-bottom:none!important;border-radius:20px 20px 0 0!important;margin:0!important;animation:.3s cubic-bezier(.16,1,.3,1) slide-up-sheet!important}.modal-drag-handle{background:#ffffff40;border-radius:99px;flex-shrink:0;width:40px;height:5px;margin:0 auto 12px;display:block!important}.modal-body{overflow-y:auto;max-height:calc(85vh - 110px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}@keyframes slide-up-sheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}*{-webkit-tap-highlight-color:transparent}button,.dock-btn,.action-btn,.close-btn,.modal-tab-btn,.view-mode-btn{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}#splash-screen{z-index:9999;background:#08060c;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .5s,visibility .5s;display:flex;position:fixed;top:0;left:0}#splash-screen.fade-out{opacity:0;visibility:hidden;pointer-events:none}.splash-content{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.splash-logo-container{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.splash-logo{z-index:2;font-size:48px;animation:2s ease-in-out infinite splash-pulse}.splash-logo-glow{background:var(--accent-purple);filter:blur(25px);opacity:.6;border-radius:50%;width:60px;height:60px;animation:2s ease-in-out infinite splash-glow-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.splash-title{font-family:var(--font-title);color:#fff;letter-spacing:1.5px;background:linear-gradient(135deg, #fff 30%, var(--accent-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:28px;font-weight:800}.splash-subtitle{font-family:var(--font-body);color:var(--text-secondary);letter-spacing:.5px;margin:0;font-size:12px}.splash-spinner{border:2px solid #ffffff0d;border-top-color:var(--accent-cyan);border-radius:50%;width:28px;height:28px;margin-top:8px;animation:.8s linear infinite spin}@keyframes splash-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes splash-glow-pulse{0%,to{opacity:.4;transform:translate(-50%,-50%)scale(.9)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.2)}}#btn-show-gps-info.outline-btn{color:var(--accent-purple);border-color:#8b5cf64d;transition:all .25s cubic-bezier(.4,0,.2,1)}#btn-show-gps-info.outline-btn:hover{border-color:var(--accent-purple);color:#fff;background:#8b5cf61f;transform:translateY(-1px);box-shadow:0 0 12px #8b5cf659}#btn-show-gps-info.outline-btn:active{transform:translateY(0)}.modal-overlay{opacity:1;visibility:visible;transition:opacity .28s,visibility .28s}.modal-overlay.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:flex!important}#settings-modal{background:#08060c66;justify-content:flex-end}#settings-modal .modal-content{width:100%;max-width:var(--sidebar-width,380px);border-radius:20px 0 0 20px;height:100vh;max-height:100vh;margin:0;transition:transform .32s cubic-bezier(.16,1,.3,1);animation:none;transform:translate(100%)}#settings-modal:not(.hidden) .modal-content{transform:translate(0)}.onboarding-progress-steps{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.step-dot{background:#ffffff26;border:1px solid #ffffff1a;border-radius:50%;width:8px;height:8px;transition:all .3s}.step-dot.active{background:var(--accent-purple);box-shadow:0 0 8px var(--accent-purple);border-color:var(--accent-purple);transform:scale(1.2)}.step-dot.completed{background:var(--accent-cyan);border-color:var(--accent-cyan)}.step-line{background:#ffffff1a;flex-grow:1;height:2px;transition:background .3s}.step-line.active{background:var(--accent-cyan)}.country-item{cursor:pointer;border:1px solid #0000;border-radius:8px;margin-bottom:4px;padding:8px 12px;transition:all .25s cubic-bezier(.4,0,.2,1)}.country-item:hover{background:#ffffff0a;border-color:#ffffff14;transform:translate(4px)}.country-item.visited:hover{background:#06b6d40d;border-color:#06b6d433;box-shadow:0 0 12px #06b6d41a}.leaderboard-row-anim{opacity:0;animation:.4s forwards slide-up-row;transform:translateY(8px)}@keyframes slide-up-row{to{opacity:1;transform:translateY(0)}}.leaderboard-user-me{animation:2s infinite alternate pulse-border;position:relative;overflow:hidden;border-left:3px solid var(--accent-purple)!important;background:#8b5cf614!important;box-shadow:0 0 15px #8b5cf640!important}@keyframes pulse-border{0%{box-shadow:0 0 8px #8b5cf626}to{box-shadow:0 0 16px #8b5cf666}}.toast-banner{margin-top:0!important;display:block!important;position:relative!important;bottom:auto!important;left:auto!important;transform:none!important}.toast-anim{animation:.3s cubic-bezier(.16,1,.3,1) forwards toast-enter}@keyframes toast-enter{0%{opacity:0;transform:translateY(-20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-leave{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(40px)scale(.9)}}#import-dropzone:hover{box-shadow:0 0 10px #8b5cf61a;border-color:var(--accent-purple)!important;background:#8b5cf608!important}#import-dropzone.dragover{box-shadow:0 0 15px #06b6d433;border-color:var(--accent-cyan)!important;background:#06b6d40d!important}.achievement-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;gap:10px;padding:10px;transition:all .25s;display:flex;position:relative;overflow:hidden}.achievement-card.unlocked{background:#8b5cf60a;border-color:#8b5cf626}.achievement-card.locked{filter:grayscale(.8)opacity(.6)}.achievement-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.achievement-card.unlocked:hover{border-color:#8b5cf64d;box-shadow:0 0 10px #8b5cf626}.ach-icon{background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;display:flex}.achievement-card.unlocked .ach-icon{background:#8b5cf626}.ach-info{flex-direction:column;flex-grow:1;gap:2px;display:flex}.ach-name{color:#fff;font-size:11px;font-weight:700}.ach-desc{color:var(--text-secondary);font-size:9px;line-height:1.2}.ach-progress-track{background:#ffffff0d;border-radius:1.5px;width:100%;height:3px;margin-top:4px;overflow:hidden}.ach-progress-bar{background:var(--accent-purple);border-radius:1.5px;height:100%}.ach-progress-text{color:var(--text-muted);text-align:right;margin-top:2px;font-size:8px}