:root{--bg-primary:#080c18;--bg-secondary:#0c1228;--bg-card:#6366f10a;--bg-card-hover:#6366f112;--bg-card-active:#6366f11a;--bg-overlay:#000000bf;--bg-glass:#080c18f7;--bg-glass-light:#0c1228eb;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#475569;--text-faint:#334155;--border-subtle:#6366f114;--border-light:#6366f11f;--border-medium:#8b5cf626;--border-strong:#8b5cf640;--accent-primary:#00d4aa;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-purple:#8b5cf6;--accent-indigo:#6366f1;--accent-violet:#a78bfa;--accent-amber:#f59e0b;--accent-gold:#f5a623;--accent-orange:#f97316;--accent-red:#ef4444;--accent-dark-red:#dc2626;--accent-pink:#a855f7;--accent-stone:#78716c;--accent-sky:#0ea5e9;--gradient-brand:linear-gradient(135deg, #00d4aa 0%, #8b5cf6 100%);--gradient-brand-subtle:linear-gradient(135deg, #00d4aa24 0%, #8b5cf61a 100%);--gradient-brand-border:linear-gradient(135deg, #00d4aa80 0%, #8b5cf666 100%);--gradient-indigo:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-mundial:linear-gradient(135deg, #f5a623 0%, #c4761a 100%);--gradient-mundial-subtle:linear-gradient(135deg, #f5a62324 0%, #c4761a14 100%);--glow-brand:0 0 20px #00d4aa26, 0 0 40px #8b5cf614;--glow-primary:0 0 12px #00d4aa40;--glow-violet:0 0 20px #8b5cf633;--glow-combined:0 0 16px #00d4aa1f, 0 0 32px #6366f11a;--color-explore:#00d4aa;--color-population:#3b82f6;--color-dark:#ef4444;--color-services:#8b5cf6;--color-energy:#f59e0b;--color-climate:#06b6d4;--color-prisons:#78716c;--color-islands:#dc2626;--color-wonders:#f59e0b;--color-civilizations:#8b5cf6;--color-safe:#00d4aa;--color-warning:#f59e0b;--color-danger:#ef4444;--color-critical:#dc2626;--font-body:"Inter", sans-serif;--font-display:"Space Grotesk", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:18px;--radius-4xl:22px;--radius-full:9999px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24px #0000004d;--shadow-lg:0 16px 40px #0006;--shadow-xl:0 24px 80px #0009;--shadow-panel:-20px 0 60px #00000080;--shadow-card-glow-brand:0 12px 40px #00d4aa1f;--shadow-card-glow-violet:0 10px 30px #8b5cf62e;--shadow-card-glow-gold:0 14px 36px #f5a62329;--shadow-cta-brand:0 8px 24px #00d4aa4d;--shadow-avatar-brand:0 8px 24px #00d4aa4d;--shadow-quiz-correct:0 0 24px #00d4aa21;--shadow-quiz-wrong:0 0 24px #ef444421;--nav-height:64px;--sidebar-width:380px;--detail-width:420px;--z-base:1;--z-sidebar:800;--z-nav:900;--z-home:950;--z-detail:1000;--z-modal:1100;--z-dropdown:999;--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.2s;--duration-normal:.3s;--duration-slow:.5s;--theme-accent:#00d4aa;--theme-accent-subtle:#00d4aa1a;--theme-accent-glow:#00d4aa38;--theme-radius:12px;--theme-radius-lg:16px;--theme-panel-bg:#0f172af7;--theme-nav-bg:linear-gradient(180deg, #080a16fa 0%, #0a0d1cf5 100%);--theme-nav-shadow:0 1px 0 #00d4aa0f, 0 4px 24px #0000004d}html[data-mode=dark]{--border-subtle:#ef444426;--border-light:#ef444447;--border-medium:#ef444461;--border-strong:#ef44448c;--bg-card:#ef44440a;--bg-card-hover:#ef444414;--bg-card-active:#ef44441f;--theme-accent:#ef4444;--theme-accent-subtle:#ef44442e;--theme-accent-glow:#ef444459;--theme-radius:8px;--theme-radius-lg:12px;--theme-panel-bg:#1a080af7;--theme-nav-bg:linear-gradient(180deg, #160608fc 0%, #0e0608fa 100%);--theme-nav-shadow:0 2px 0 #ef444433, 0 4px 32px #0000008c, 0 0 70px #ef44441a}html[data-mode=prisons]{--border-subtle:#a8a29e1f;--border-light:#a8a29e38;--border-medium:#a8a29e52;--border-strong:#a8a29e7a;--bg-card:#78716c0a;--bg-card-hover:#78716c14;--bg-card-active:#78716c1f;--theme-accent:#a8a29e;--theme-accent-subtle:#a8a29e2e;--theme-accent-glow:#a8a29e4d;--theme-radius:6px;--theme-radius-lg:8px;--theme-panel-bg:#0c0c10fa;--theme-nav-bg:linear-gradient(180deg, #0a0a0efc 0%, #08080bfa 100%);--theme-nav-shadow:0 2px 0 #a8a29e24, 0 4px 32px #000000a6, 0 0 40px #a8a29e0f}html[data-mode=islands]{--border-subtle:#84cc161f;--border-light:#84cc1640;--border-medium:#84cc1659;--border-strong:#84cc1680;--bg-card:#84cc160a;--bg-card-hover:#84cc1614;--bg-card-active:#84cc161f;--theme-accent:#84cc16;--theme-accent-subtle:#84cc162e;--theme-accent-glow:#84cc1659;--theme-radius:12px;--theme-radius-lg:16px;--theme-panel-bg:#081406f7;--theme-nav-bg:linear-gradient(180deg, #061204fc 0%, #040c04fa 100%);--theme-nav-shadow:0 2px 0 #84cc162e, 0 4px 32px #00000080, 0 0 70px #84cc1617}html[data-mode=civilizations]{--border-subtle:#d4a84321;--border-light:#d4a84342;--border-medium:#d4a8435c;--border-strong:#d4a84385;--bg-card:#d4a8430a;--bg-card-hover:#d4a84314;--bg-card-active:#d4a8431f;--theme-accent:#d4a843;--theme-accent-subtle:#d4a8432e;--theme-accent-glow:#d4a84359;--theme-radius:14px;--theme-radius-lg:20px;--theme-panel-bg:#161004f7;--theme-nav-bg:linear-gradient(180deg, #140e04fc 0%, #0d0a04fa 100%);--theme-nav-shadow:0 2px 0 #d4a84338, 0 4px 32px #00000080, 0 0 90px #d4a8431f}html[data-mode=energy]{--border-subtle:#facc151f;--border-light:#facc153d;--border-medium:#facc1557;--border-strong:#facc1580;--bg-card:#facc1508;--bg-card-hover:#facc1512;--bg-card-active:#facc151c;--theme-accent:#facc15;--theme-accent-subtle:#facc1529;--theme-accent-glow:#facc1552;--theme-radius:10px;--theme-radius-lg:14px;--theme-panel-bg:#141204f7;--theme-nav-bg:linear-gradient(180deg, #121002fc 0%, #0c0a02fa 100%);--theme-nav-shadow:0 2px 0 #facc152e, 0 4px 32px #00000080, 0 0 70px #facc1514}html[data-mode=climate]{--border-subtle:#06b6d41f;--border-light:#06b6d43d;--border-medium:#06b6d457;--border-strong:#06b6d480;--bg-card:#06b6d40a;--bg-card-hover:#06b6d414;--bg-card-active:#06b6d41f;--theme-accent:#06b6d4;--theme-accent-subtle:#06b6d429;--theme-accent-glow:#06b6d44d;--theme-radius:14px;--theme-radius-lg:20px;--theme-panel-bg:#04121ef7;--theme-nav-bg:linear-gradient(180deg, #04101cfc 0%, #040a14fa 100%);--theme-nav-shadow:0 2px 0 #06b6d42e, 0 4px 32px #00000073, 0 0 70px #06b6d417}html[data-mode=population]{--border-subtle:#3b82f621;--border-light:#3b82f642;--border-medium:#3b82f65c;--border-strong:#3b82f685;--bg-card:#3b82f60a;--bg-card-hover:#3b82f614;--bg-card-active:#3b82f61f;--theme-accent:#3b82f6;--theme-accent-subtle:#3b82f62e;--theme-accent-glow:#3b82f652;--theme-radius:12px;--theme-radius-lg:16px;--theme-panel-bg:#040a1cf7;--theme-nav-bg:linear-gradient(180deg, #04081afc 0%, #040612fa 100%);--theme-nav-shadow:0 2px 0 #3b82f62e, 0 4px 32px #00000080, 0 0 70px #3b82f617}html[data-mode=services]{--border-subtle:#8b5cf621;--border-light:#8b5cf642;--border-medium:#8b5cf65c;--border-strong:#8b5cf685;--bg-card:#8b5cf60a;--bg-card-hover:#8b5cf614;--bg-card-active:#8b5cf61f;--theme-accent:#8b5cf6;--theme-accent-subtle:#8b5cf62e;--theme-accent-glow:#8b5cf652;--theme-radius:12px;--theme-radius-lg:16px;--theme-panel-bg:#0e061cf7;--theme-nav-bg:linear-gradient(180deg, #0c041afc 0%, #080412fa 100%);--theme-nav-shadow:0 2px 0 #8b5cf62e, 0 4px 32px #00000080, 0 0 70px #8b5cf617}html[data-mode=wonders]{--border-subtle:#f59e0b1f;--border-light:#f59e0b40;--border-medium:#f59e0b59;--border-strong:#f59e0b85;--bg-card:#f59e0b0a;--bg-card-hover:#f59e0b14;--bg-card-active:#f59e0b1f;--theme-accent:#f59e0b;--theme-accent-subtle:#f59e0b2e;--theme-accent-glow:#f59e0b59;--theme-radius:12px;--theme-radius-lg:16px;--theme-panel-bg:#160e04f7;--theme-nav-bg:linear-gradient(180deg, #140c04fc 0%, #0c0804fa 100%);--theme-nav-shadow:0 2px 0 #f59e0b2e, 0 4px 32px #00000080, 0 0 80px #f59e0b17}html[data-mode=territories]{--border-subtle:#10b9811f;--border-light:#10b9813d;--border-medium:#10b98157;--border-strong:#10b98180;--bg-card:#10b9810a;--bg-card-hover:#10b98114;--bg-card-active:#10b9811f;--theme-accent:#10b981;--theme-accent-subtle:#10b98129;--theme-accent-glow:#10b9814d;--theme-radius:12px;--theme-radius-lg:16px;--theme-panel-bg:#04140cf7;--theme-nav-bg:linear-gradient(180deg, #04120afc 0%, #040c08fa 100%);--theme-nav-shadow:0 2px 0 #10b9812e, 0 4px 32px #0000007a, 0 0 70px #10b98114}html[data-mode=competitive],html[data-mode=quizzes]{--border-subtle:#a78bfa21;--border-light:#a78bfa42;--border-medium:#a78bfa5c;--border-strong:#a78bfa85;--bg-card:#a78bfa0a;--bg-card-hover:#a78bfa14;--bg-card-active:#a78bfa1f;--theme-accent:#a78bfa;--theme-accent-subtle:#a78bfa2e;--theme-accent-glow:#a78bfa52;--theme-radius:14px;--theme-radius-lg:20px;--theme-panel-bg:#0c061cf7;--theme-nav-bg:linear-gradient(180deg, #0a041afc 0%, #070412fa 100%);--theme-nav-shadow:0 2px 0 #a78bfa2e, 0 4px 32px #00000080, 0 0 80px #a78bfa1a}html.light{--bg-primary:#f0f5ff;--bg-secondary:#e8eef8;--bg-card:#0000000a;--bg-card-hover:#00000012;--bg-card-active:#0000001a;--bg-overlay:#ffffffb3;--bg-glass:#f0f5fff7;--bg-glass-light:#ffffffe6;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-dim:#94a3b8;--text-faint:#cbd5e1;--border-subtle:#0000000f;--border-light:#00000014;--border-medium:#0000001a;--border-strong:#00000026}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#06070d;width:100%;min-height:100dvh;overflow-x:clip}body{font-family:var(--font-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#06070d}#root{background:#06070d;width:100%;min-height:100dvh;overflow-x:clip}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--theme-accent-subtle);border-radius:3px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--theme-accent-glow)}html.light ::-webkit-scrollbar-thumb{background:#0000001f}html.light ::-webkit-scrollbar-thumb:hover{background:#00000038}html.light body{background:var(--bg-primary);color:var(--text-primary);transition:background .3s,color .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 8px #00d4aa4d,0 0 16px #8b5cf61a}50%{box-shadow:0 0 20px #00d4aa80,0 0 36px #8b5cf633}}@keyframes aurora{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pill-in{0%{opacity:0;transform:scale(.94)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}html{transition:border-color .35s var(--ease-smooth), background-color .35s var(--ease-smooth), box-shadow .35s var(--ease-smooth)}.leaflet-container{background:var(--bg-primary)!important}.leaflet-control-zoom{border:none!important}.leaflet-control-zoom a{color:var(--text-secondary)!important;border:1px solid var(--border-medium)!important;background:#0f172ae6!important}.leaflet-control-zoom a:hover{color:var(--accent-violet)!important;background:#0c1228!important}.leaflet-control-attribution{display:none!important}body.quiz-active .leaflet-control-zoom,body.quiz-active .leaflet-control-attribution{pointer-events:none!important;opacity:0!important}.leaflet-left .leaflet-control{transition:margin-left .35s cubic-bezier(.16,1,.3,1)!important}.cp-map-shifted .leaflet-left .leaflet-control{margin-left:380px!important}.civ-tooltip{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.civ-tooltip:before,.civ-tooltip:after{display:none!important}.cp-sidebar{left:20px;top:calc(var(--cp-sidebar-nav-h,94px) + 16px);width:var(--cp-sidebar-width,340px);z-index:800;background:var(--theme-panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--cp-sidebar-border,var(--border-medium));border-radius:var(--theme-radius-lg);flex-direction:column;transition:background .4s,border-color .35s,box-shadow .4s,top .2s;display:flex;position:absolute;bottom:24px;overflow:hidden;box-shadow:0 8px 32px #00000080}.cp-sidebar[data-glow=true]{box-shadow:0 8px 32px #00000080, 0 0 50px color-mix(in srgb, var(--cp-sidebar-accent,transparent) 35%, transparent)}.cp-sidebar__header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;padding:16px 20px 12px;position:relative}.cp-sidebar__header-actions{align-items:center;gap:6px;display:flex;position:absolute;top:12px;right:14px}.cp-sidebar__close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:background .15s,color .15s;display:flex}.cp-sidebar__close:hover{color:#f1f5f9;background:#94a3b81f}.cp-sidebar__title{align-items:center;gap:6px;margin:0;padding-right:72px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;line-height:1.25;display:flex}.cp-sidebar__icon{align-items:center;display:inline-flex}.cp-sidebar__badge{align-items:center;font-size:12px;font-weight:500;display:inline-flex}.cp-sidebar__subtitle{color:#475569;margin:4px 0 0;padding-right:72px;font-size:11px;line-height:1.4}.cp-sidebar__body{flex:1;min-height:0;overflow-y:auto}.cp-sidebar__footer{border-top:1px solid var(--border-subtle);flex-shrink:0;padding:12px 20px}@media (width<=768px){.cp-sidebar{border-radius:0!important;width:100vw!important;max-width:100vw!important;inset:0!important}.cp-detail{width:100vw!important;max-width:100vw!important}.cp-nav-metrics,.cp-nav-logo-text{display:none!important}.cp-compare-modal{width:95vw!important;max-width:95vw!important}}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px)}.glass-light{background:var(--bg-glass-light);-webkit-backdrop-filter:blur(12px)}.anim-fade-in{animation:.3s fadeIn}.anim-slide-in{animation:slideIn .35s var(--ease-spring)}.anim-slide-up{animation:slideUp .4s var(--ease-spring)}