.world-map-container{width:100%;max-width:100%;margin:0;padding:0;background:transparent;border:none;overflow:hidden;position:relative}.world-map-fade-top,.world-map-fade-bottom{display:none}.world-map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.world-map-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.world-map-title svg{width:20px;height:20px;color:#93c5fdcc}.world-map-stats{font-size:.875rem;color:var(--color-text-tertiary)}.world-map-wrapper{position:relative;width:100%;overflow:visible;background:transparent;display:flex;justify-content:center;align-items:center;min-height:auto;max-width:100%;margin:0}.world-map-wrapper canvas{display:block;margin:0 auto}.world-map-svg{width:100%;height:auto;display:block}.world-map-wrapper canvas{border-radius:var(--radius-lg)}.world-map-svg path.country{fill:#37415199;stroke:#4b556366;stroke-width:.3;transition:fill .3s ease,opacity .3s ease;cursor:pointer}.world-map-svg path.country:hover{opacity:.85;stroke:#93c5fd99;stroke-width:.8}.world-map-svg path.score-0{fill:#dc2626}.world-map-svg path.score-1{fill:#ea580c}.world-map-svg path.score-2{fill:#f97316}.world-map-svg path.score-3{fill:#fb923c}.world-map-svg path.score-4{fill:#fbbf24}.world-map-svg path.score-5{fill:#facc15}.world-map-svg path.score-6{fill:#a3e635}.world-map-svg path.score-7{fill:#84cc16}.world-map-svg path.score-8{fill:#22c55e}.world-map-svg path.score-9{fill:#10b981}.world-map-svg path.score-10{fill:#06b6d4}.world-map-svg path.no-data{fill:#37415166}.world-map-svg path.user-country{stroke:#fbbf24;stroke-width:2;filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}.world-map-legend{display:flex;justify-content:center;align-items:center;gap:.25rem;margin-top:1rem;padding:.75rem;background:#0f172a66;border-radius:8px}.legend-label{font-size:.75rem;color:var(--color-text-tertiary);margin:0 .5rem}.legend-gradient{display:flex;height:12px;border-radius:4px;overflow:hidden;flex:1;max-width:300px}.legend-gradient-segment{flex:1;min-width:20px}.map-tooltip{position:fixed;padding:.5rem .75rem;background:#0f172af2;border:1px solid rgba(102,126,234,.4);border-radius:8px;font-size:.875rem;color:var(--color-text-primary);pointer-events:none;z-index:1000;opacity:0;transition:opacity .15s ease;box-shadow:0 4px 12px #0000004d}.map-tooltip.visible{opacity:1}.map-tooltip-country{font-weight:600;margin-bottom:.25rem}.map-tooltip-score{display:flex;align-items:center;gap:.5rem}.map-tooltip-score-value{font-size:1.25rem;font-weight:700}.map-tooltip-score-label{color:var(--color-text-tertiary);font-size:.75rem}.map-tooltip-count{font-size:.75rem;color:var(--color-text-tertiary);margin-top:.25rem}.map-tooltip-hint{font-size:.7rem;color:var(--color-accent);margin-top:.5rem;padding-top:.4rem;border-top:1px solid rgba(102,126,234,.2);opacity:.8}.map-tooltip-no-data{font-size:.8rem;color:var(--color-text-tertiary);font-style:italic}.world-map-loading{display:flex;justify-content:center;align-items:center;min-height:120px;color:var(--color-text-tertiary)}::view-transition-old(globe),::view-transition-new(globe){animation-duration:.6s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(globe){animation-name:globe-transition-out}::view-transition-new(globe){animation-name:globe-transition-in}@keyframes globe-transition-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes globe-transition-in{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.world-map-container{padding:1rem;margin-bottom:1.5rem}.world-map-header{flex-direction:column;align-items:flex-start;gap:.5rem}.world-map-legend{flex-wrap:wrap}.legend-gradient{width:100%;max-width:none;order:3;margin-top:.5rem}}.globe-layout{position:relative;display:flex;justify-content:center;align-items:flex-start;width:100%;max-width:1400px;margin:0 auto;padding:0 24px;box-sizing:border-box}.globe-center{flex:0 0 auto}.country-title-bar{display:none;align-items:center;justify-content:center;gap:24px;padding:16px 24px;position:relative}.country-title-bar.visible{display:flex}.country-main-title{display:flex;align-items:center;gap:16px;font-size:32px;font-weight:600;margin:0}.country-main-title .country-flag{font-size:40px;line-height:1;-webkit-text-fill-color:initial;background:none}.country-main-title #country-name{color:#38bdf8}.country-sidebar{display:none;position:absolute;left:24px;top:0;bottom:0;width:280px;flex-direction:column;gap:16px;z-index:10;max-height:500px}.country-sidebar.visible{display:flex!important;animation:sidebar-in .4s ease-out}@keyframes sidebar-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.sidebar-card{flex:1;display:flex;flex-direction:column;min-height:0;background:transparent;border:1px solid rgba(56,189,248,.15);border-radius:12px;padding:16px}.sidebar-title{flex-shrink:0;font-size:12px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.sidebar-list{flex:1;display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:0}.sidebar-list::-webkit-scrollbar{width:4px}.sidebar-list::-webkit-scrollbar-track{background:transparent}.sidebar-list::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:2px}.sidebar-list::-webkit-scrollbar-thumb:hover{background:#38bdf880}.sidebar-list .city-row,.sidebar-list .neighbor-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#0003;border-radius:6px;font-size:13px}.sidebar-list .neighbor-row{cursor:pointer;transition:background .2s}.sidebar-list .neighbor-row:hover{background:#38bdf826}.sidebar-list .neighbor-row.current{background:#38bdf833;border:1px solid rgba(56,189,248,.3)}.sidebar-list .city-name,.sidebar-list .neighbor-name{color:var(--color-text-primary)}.sidebar-list .neighbor-flag{margin-right:6px}.sidebar-list .city-score,.sidebar-list .neighbor-score{font-weight:600}.country-stats-bar{display:none;position:absolute;right:24px;top:50%;transform:translateY(-50%);flex-direction:column;align-items:flex-end;gap:16px;z-index:10}.country-stats-bar.visible{display:flex;animation:statsbar-in .4s ease-out .2s both}@keyframes statsbar-in{0%{opacity:0;transform:translateY(-50%) translate(20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes stats-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-score{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.stats-score .score-value{font-size:48px;font-weight:700;line-height:1}.stats-score .score-label{font-size:14px;color:var(--color-text-tertiary)}.stats-details{display:none}.stats-details .stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stats-details .stat-value{font-size:24px;font-weight:600;color:var(--color-text-primary)}.stats-details .stat-value.level{font-size:20px}.stats-details .stat-label{font-size:11px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}@media (max-width: 1024px){.globe-layout{flex-direction:column;align-items:center}.country-sidebar{position:static;width:100%;max-width:500px;flex-direction:row;order:3;max-height:none;margin-top:16px}.sidebar-card{flex:1;max-height:300px}.globe-center{order:1}.country-title-bar{order:0}.country-stats-bar{position:static;transform:none;flex-direction:row;align-items:center;justify-content:center;gap:32px;order:2;width:100%;padding:16px}.stats-score{flex-direction:row;align-items:baseline;gap:8px}.stats-details{display:flex;gap:24px}}@media (max-width: 768px){.country-title-bar{flex-direction:column;gap:12px}.country-main-title{font-size:24px}.country-main-title .country-flag{font-size:32px;-webkit-text-fill-color:initial;background:none}.country-sidebar{flex-direction:column}.country-stats-bar{flex-direction:column;gap:16px}.stats-score{flex-direction:column;align-items:center}.stats-score .score-value{font-size:36px}}