@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/sora-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/sora-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-map-land: #c8dbbe;--color-map-land-0: #b5cca5;--color-map-land-1: #9bba8c;--color-map-land-2: #e4d8a8;--color-map-land-3: #d5c890;--color-map-land-4: #82c088;--color-map-land-5: #68ac6e;--color-map-land-6: #ccc098;--color-map-land-7: #bab080;--color-map-land-8: #b4c8c0;--color-map-land-9: #9cb8ac;--color-map-land-10: #c4a882;--color-map-land-11: #b09870;--color-ocean-label: #6bafd6;--color-ocean-overlay: rgba(28, 176, 246, .15);--color-ocean-overlay-hover: rgba(28, 176, 246, .2);--color-ocean-overlay-correct: rgba(74, 222, 128, .2);--color-ocean-overlay-incorrect: rgba(248, 113, 113, .2);--color-ocean-overlay-highlight: rgba(229, 168, 32, .25);--font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-medium: 500;--font-weight-extrabold: 800;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px var(--ds-shadow-light), 0 1px 2px var(--ds-shadow-light);--shadow-md: 0 4px 12px var(--ds-shadow-medium), 0 2px 4px var(--ds-shadow-light);--shadow-lg: 0 12px 32px var(--ds-shadow-medium), 0 4px 8px var(--ds-shadow-light);--shadow-xl: 0 24px 48px var(--ds-shadow-heavy), 0 8px 16px var(--ds-shadow-medium);--stroke-width: .2;--stroke-width-hover: .4;--stroke-width-active: .6;--stroke-width-ring: 10;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-quart: cubic-bezier(.76, 0, .24, 1);--header-height: 72px;--game-panel-width: 340px;--map-min-height: 400px;--space-page: var(--space-lg);--space-game-gap: var(--space-lg);--font-size-hero: var(--font-size-3xl);--font-size-hero-sub: var(--font-size-lg);--font-size-question: var(--font-size-2xl);--font-size-card-icon: 2.5rem;--zoom-btn-size: 36px;--vh-full: var(--app-height, 100vh)}@media(max-width:900px){:root{--game-panel-width: 100%;--map-min-height: 50dvh;--space-page: var(--space-md);--space-game-gap: var(--space-sm);--font-size-hero: var(--font-size-2xl);--font-size-hero-sub: var(--font-size-base);--font-size-question: var(--font-size-xl);--font-size-card-icon: 2rem;--zoom-btn-size: 44px}}@media(max-width:768px){:root{--header-height: 60px}}@media(max-width:480px){:root{--space-page: var(--space-sm);--font-size-hero: var(--font-size-xl);--font-size-card-icon: 1.75rem;--font-size-question: var(--font-size-lg)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow:hidden;height:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--ds-info);outline-offset:2px;border-radius:var(--radius-sm)}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--ds-text);background-color:var(--ds-bg);line-height:1.6;height:100%;overflow:hidden}#app,body{user-select:none;-webkit-user-select:none}input,textarea{user-select:text;-webkit-user-select:text}input,textarea,select{font-size:max(1em,16px)}#app:has(.quiz-view)>header,#app:has(.play-view)>header,#app:has(.explore-view)>header{display:none}@media(max-width:900px){#app:has(.quiz-view),#app:has(.play-view),#app:has(.explore-view),#app:has(.game-layout){height:var(--vh-full);overflow:hidden;touch-action:none}}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit}ul,ol{list-style:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);border-radius:var(--radius-md);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-primary{background-color:var(--ds-correct);color:var(--ds-bg);box-shadow:0 4px 16px var(--ds-correct-25);transform:translateY(0)}.btn-primary:hover{background-color:var(--ds-correct-80);box-shadow:0 6px 24px var(--ds-correct-35)}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px 8px var(--ds-correct-25)}.btn-secondary{background-color:var(--ds-surface);color:var(--ds-text);border:1px solid var(--ds-white-10);box-shadow:none;transform:translateY(0)}.btn-secondary:hover{background-color:var(--ds-surface-hover);border-color:var(--ds-white-15)}.btn-secondary:active{transform:translateY(2px)}.btn-blue{background-color:var(--ds-info);color:var(--ds-bg);box-shadow:0 4px 16px var(--ds-info-25);transform:translateY(0)}.btn-blue:hover{background-color:var(--ds-info-80);box-shadow:0 6px 24px var(--ds-info-25)}.btn-blue:active{transform:translateY(2px);box-shadow:0 2px 8px var(--ds-info-25)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg);border-radius:var(--radius-lg)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.text-center{text-align:center}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}:root{--ds-bg: #0a0a0f;--ds-surface: #13121a;--ds-surface-hover: #1b1a24;--ds-accent: #c9a84c;--ds-accent-hover: #d4b55a;--ds-accent-12: rgba(201, 168, 76, .12);--ds-accent-35: rgba(201, 168, 76, .35);--ds-accent-glow: rgba(201, 168, 76, .2);--ds-text: #d8dae0;--ds-text-muted: #797675;--ds-border: rgba(255, 255, 255, .06);--ds-text-bright: #f2f2f5;--ds-nav-text-secondary: #b9bbc3;--ds-nav-easy: #4ade80;--ds-nav-hard: #f87171;--ds-nav-badge: #f87171;--ds-choice-glass: rgba(255, 255, 255, .05);--ds-choice-border: rgba(255, 255, 255, .16);--ds-column-glass-base: rgba(10, 9, 14, .72);--ds-gold-fill: rgba(201, 168, 76, .13);--ds-gold-fill-active: rgba(201, 168, 76, .18);--ds-gold-border: rgba(201, 168, 76, .45);--ds-gold-border-strong: rgba(201, 168, 76, .55);--ds-toggle-off: #2a2832;--ds-stats-pct: #e8a95c;--ds-stats-pct-glow: rgba(232, 169, 92, .45);--ds-panel-glass: rgba(19, 18, 26, .94);--ds-badge-stone: #e8e0d0;--ds-badge-bronze-light: #d9a27a;--ds-badge-bronze: #b07a4f;--ds-badge-bronze-dark: #7d5333;--ds-badge-silver-light: #e4e8ed;--ds-badge-silver: #a9b2bd;--ds-badge-silver-dark: #7f8995;--ds-badge-gold-light: #f0d58a;--ds-badge-gold: #c9a84c;--ds-badge-gold-dark: #8f7228;--ds-badge-empty: rgba(232, 224, 208, .24);--ds-badge-ink: #16151f;--ds-badge-ink-faint: rgba(232, 224, 208, .5);--ds-print-paper: #fff;--ds-print-surface: #f6f5f2;--ds-print-line: #e4e1da;--ds-print-ink: #1d1b18;--ds-print-ink-2: #3d3a35;--ds-print-ink-3: #6b665d;--ds-print-ink-4: #847e73;--ds-print-accent: #a8862c;--ds-print-accent-tint: rgba(168, 134, 44, .14);--ds-correct: #66c292;--ds-incorrect: #d67474;--ds-info: #49b8cb;--ds-warning: #d8a842;--ds-expert: #b285ce;--ds-glass-bg: rgba(0, 0, 0, .7);--ds-glass-bg-light: rgba(0, 0, 0, .6);--ds-glass-bg-heavy: rgba(0, 0, 0, .8);--ds-glass-bg-solid: rgba(0, 0, 0, .9);--ds-bg-overlay: rgba(10, 9, 14, .85);--ds-bg-overlay-heavy: rgba(10, 9, 14, .7);--ds-bg-scrim: rgba(4, 6, 10, .96);--ds-surface-translucent: rgba(12, 16, 22, .85);--ds-shadow-light: rgba(0, 0, 0, .15);--ds-shadow-medium: rgba(0, 0, 0, .2);--ds-shadow: rgba(0, 0, 0, .5);--ds-shadow-heavy: rgba(0, 0, 0, .3);--ds-shadow-35: rgba(0, 0, 0, .35);--ds-white: #fff;--ds-avatar-bg-0: #3b4a63;--ds-avatar-bg-1: #4e3f5e;--ds-avatar-bg-2: #5e3d46;--ds-avatar-bg-3: #5c4733;--ds-avatar-bg-4: #3c5240;--ds-avatar-bg-5: #2f5157;--ds-avatar-bg-6: #4f4733;--ds-avatar-bg-7: #41456b;--ds-white-02: rgba(255, 255, 255, .02);--ds-white-04: rgba(255, 255, 255, .04);--ds-white-05: rgba(255, 255, 255, .05);--ds-white-06: rgba(255, 255, 255, .06);--ds-white-08: rgba(255, 255, 255, .08);--ds-white-10: rgba(255, 255, 255, .1);--ds-white-12: rgba(255, 255, 255, .12);--ds-white-15: rgba(255, 255, 255, .15);--ds-white-25: rgba(255, 255, 255, .25);--ds-white-30: rgba(255, 255, 255, .3);--ds-white-35: rgba(255, 255, 255, .35);--ds-white-40: rgba(255, 255, 255, .4);--ds-white-45: rgba(255, 255, 255, .45);--ds-white-50: rgba(255, 255, 255, .5);--ds-white-60: rgba(255, 255, 255, .6);--ds-white-70: rgba(255, 255, 255, .7);--ds-white-80: rgba(255, 255, 255, .8);--ds-text-warm: rgba(234, 229, 216, .95);--ds-text-warm-90: rgba(234, 229, 216, .9);--ds-text-warm-85: rgba(234, 229, 216, .85);--ds-text-warm-80: rgba(234, 229, 216, .8);--ds-text-warm-75: rgba(234, 229, 216, .75);--ds-text-warm-70: rgba(234, 229, 216, .7);--ds-text-warm-60: rgba(234, 229, 216, .6);--ds-text-warm-50: rgba(234, 229, 216, .5);--ds-text-warm-40: rgba(234, 229, 216, .4);--ds-text-warm-35: rgba(234, 229, 216, .35);--ds-text-warm-30: rgba(234, 229, 216, .3);--ds-accent-tint: rgba(201, 168, 76, .08);--ds-accent-border: rgba(201, 168, 76, .15);--ds-accent-shadow: rgba(201, 168, 76, .04);--ds-correct-bg: rgba(102, 194, 146, .12);--ds-correct-10: rgba(102, 194, 146, .1);--ds-correct-12: rgba(102, 194, 146, .12);--ds-correct-15: rgba(102, 194, 146, .15);--ds-correct-18: rgba(102, 194, 146, .18);--ds-correct-20: rgba(102, 194, 146, .2);--ds-correct-25: rgba(102, 194, 146, .25);--ds-correct-30: rgba(102, 194, 146, .3);--ds-correct-35: rgba(102, 194, 146, .35);--ds-correct-40: rgba(102, 194, 146, .4);--ds-correct-50: rgba(102, 194, 146, .5);--ds-correct-60: rgba(102, 194, 146, .6);--ds-correct-70: rgba(102, 194, 146, .7);--ds-correct-80: rgba(102, 194, 146, .8);--ds-correct-85: rgba(102, 194, 146, .85);--ds-correct-90: rgba(102, 194, 146, .9);--ds-incorrect-08: rgba(214, 116, 116, .08);--ds-incorrect-bg: rgba(214, 116, 116, .12);--ds-incorrect-12: rgba(214, 116, 116, .12);--ds-incorrect-15: rgba(214, 116, 116, .15);--ds-incorrect-25: rgba(214, 116, 116, .25);--ds-incorrect-35: rgba(214, 116, 116, .35);--ds-incorrect-40: rgba(214, 116, 116, .4);--ds-incorrect-50: rgba(214, 116, 116, .5);--ds-incorrect-70: rgba(214, 116, 116, .7);--ds-incorrect-80: rgba(214, 116, 116, .8);--ds-incorrect-85: rgba(214, 116, 116, .85);--ds-warning-bg: rgba(216, 168, 66, .12);--ds-warning-15: rgba(216, 168, 66, .15);--ds-warning-25: rgba(216, 168, 66, .25);--ds-warning-40: rgba(216, 168, 66, .4);--ds-warning-50: rgba(216, 168, 66, .5);--ds-warning-60: rgba(216, 168, 66, .6);--ds-warning-70: rgba(216, 168, 66, .7);--ds-warning-80: rgba(216, 168, 66, .8);--ds-flame-ember: #e0873e;--ds-flame-ember-50: rgba(224, 135, 62, .5);--ds-flame-blaze: #e2643f;--ds-flame-blaze-50: rgba(226, 100, 63, .5);--ds-ok: #c48a5a;--ds-ok-bg: rgba(196, 138, 90, .12);--ds-ok-20: rgba(196, 138, 90, .2);--ds-ok-25: rgba(196, 138, 90, .25);--ds-ok-50: rgba(196, 138, 90, .5);--ds-ok-70: rgba(196, 138, 90, .7);--ds-info-15: rgba(73, 184, 203, .15);--ds-info-25: rgba(73, 184, 203, .25);--ds-info-80: rgba(73, 184, 203, .8);--ds-expert-bg: rgba(178, 133, 206, .12);--ds-expert-15: rgba(178, 133, 206, .15);--ds-glow: rgba(102, 194, 146, .3);--ds-glow-strong: rgba(102, 194, 146, .7);--ds-border-hover: rgba(255, 255, 255, .1);--ds-font: "Sora", "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--ds-window-radius: 24px;--ds-window-border: 1px solid var(--ds-white-05);--ds-window-glow: 0 0 40px var(--ds-shadow-heavy);--ds-window-inset: 28px;--ds-window-gap: 8px;--ds-footer-height: 28px;--ds-window-zoom-scale: 1.15;--ds-quiz-bottom-inset: 16px;--ds-quiz-bubble-max: 560px;--ds-quiz-panel-max: 420px;--ds-quiz-typing-max: 440px;--ds-cursor-grab: grab;--ds-cursor-grabbing: grabbing;--ds-transition-window: 1.1s cubic-bezier(0, 0, .2, 1);--ds-transition-fade: .4s ease;--ds-transition-fast: .2s ease;--ds-view-fade-in: .3s ease-out;--ds-view-fade-out: .2s ease-in;--ds-view-overlay-in: .12s ease-out;--ds-view-overlay-out: .15s ease-out;--globe-label-font-size: 12px;--globe-label-color: var(--ds-white);--globe-label-bg: transparent;--globe-label-pad-y: 3px;--globe-label-pad-x: 8px;--globe-label-radius: 5px;--globe-label-border-width: 0px;--globe-label-border-color: var(--ds-white-25);--globe-label-flag-size: 1.4em;--globe-label-shadow: 0 0 3px rgba(0, 0, 0, 1), 0 0 6px rgba(0, 0, 0, 1), 0 1px 2px rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, .95), 0 0 20px rgba(0, 0, 0, .7), 0 0 30px rgba(0, 0, 0, .4);--globe-mc-size: 29px;--globe-mc-font-size: 13px;--globe-mc-color: var(--ds-text-warm-90);--globe-mc-bg: var(--ds-glass-bg-light);--globe-mc-blur: 16px;--globe-mc-border-width: 1px;--globe-mc-border-color: var(--ds-white-25);--globe-mc-hover-color: var(--ds-white);--globe-mc-hover-bg: var(--ds-glass-bg-heavy);--globe-mc-hover-border-color: var(--ds-text-warm-90);--globe-mc-hover-duration: .2s;--globe-pin-size: 11px;--globe-pin-border-width: 1.5px;--globe-pin-border-color: rgba(8, 8, 12, .7);--globe-pin-radius: 50%;--globe-pin-glow: 6px;--globe-pin-label-font-size: 12px;--globe-pin-label-color: var(--ds-text-warm);--globe-pin-label-bg: transparent;--globe-pin-label-pad-y: 0px;--globe-pin-label-pad-x: 0px;--globe-pin-label-radius: 0px}@media(min-width:1024px){:root{--globe-pin-label-font-size: 14px}}@supports (corner-shape: superellipse(2)){:root{--ds-corner-shape: superellipse(1.5);--ds-corner-round: round}:where(html:not([data-squircle=off])) *,:where(html:not([data-squircle=off])) *:before,:where(html:not([data-squircle=off])) *:after{corner-shape:var(--ds-corner-shape)}}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:4px 10px;border-radius:8px;background:var(--ds-glass-bg-heavy);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--ds-white-10);color:var(--ds-text-warm-80);font-family:var(--ds-font);font-size:.7rem;font-weight:400;letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:100}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:600px){:root{--ds-quiz-panel-max: 320px}}@media(hover:none),(max-width:600px){[data-tooltip]:after{display:none}}.stats-badge{display:flex;align-items:center;gap:6px;padding:5px 12px;background:var(--ds-glass-bg-heavy);border:1px solid var(--ds-white-12);border-radius:20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 12px var(--ds-shadow-heavy),0 0 1px var(--ds-white-10);white-space:nowrap;cursor:pointer;transition:opacity .3s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;user-select:none;-webkit-user-select:none}.stats-badge--collection{border-style:dashed;border-color:var(--ds-accent-border)}.stats-badge:hover,.stats-badge--hover{border-color:var(--ds-white-25);background:var(--ds-white-08)}.stats-badge:hover .stats-badge__name,.stats-badge--hover .stats-badge__name{color:var(--ds-text-warm-90)}.stats-badge--selected{border-color:var(--ds-white-15);background:var(--ds-shadow-heavy);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 20px var(--ds-shadow-heavy)}.stats-badge--selected .stats-badge__name,.stats-badge--selected .stats-badge__pct{color:var(--ds-white)}.stats-badge__name{font-family:var(--ds-font);font-size:.62rem;font-weight:600;color:var(--ds-text-warm-70);transition:color .2s ease}.stats-badge__pct{font-family:var(--ds-font);font-size:.7rem;font-weight:700;color:var(--ds-accent)}.fathom-tooltip{position:fixed;z-index:9999;max-width:280px;padding:5px 10px;border-radius:var(--radius-sm);background:var(--ds-surface);border:1px solid var(--ds-white-12);color:var(--ds-text-warm-80);font-family:var(--ds-font);font-size:var(--font-size-xs);line-height:1.4;pointer-events:none;white-space:normal;word-break:break-word;box-shadow:0 4px 20px #00000080;opacity:0;transition:opacity .15s ease}.fathom-tooltip--visible{opacity:1}.city-pin{--pin-scale: 1;--pin-fill: var(--pin-color, var(--ds-text-warm));width:calc(var(--globe-pin-size) * var(--pin-scale));height:calc(var(--globe-pin-size) * var(--pin-scale));border-radius:var(--globe-pin-radius);corner-shape:var(--ds-corner-round, round);background:var(--pin-fill);border:var(--globe-pin-border-width) solid var(--globe-pin-border-color);box-shadow:0 0 var(--globe-pin-glow) color-mix(in srgb,var(--pin-fill) 45%,transparent),0 1px 3px var(--ds-shadow);pointer-events:none;position:relative;transform:translate(-50%,-50%) scale(var(--pin-scale));transition:background .3s ease,box-shadow .3s ease,width .25s cubic-bezier(.22,1,.36,1),height .25s cubic-bezier(.22,1,.36,1)}.city-pin--hover{width:calc((var(--globe-pin-size) + 4px) * var(--pin-scale));height:calc((var(--globe-pin-size) + 4px) * var(--pin-scale));box-shadow:0 0 0 1.5px var(--ds-accent),0 0 10px var(--ds-accent-glow),0 1px 3px var(--ds-shadow)}.city-pin--glow{width:calc((var(--globe-pin-size) + 5px) * var(--pin-scale));height:calc((var(--globe-pin-size) + 5px) * var(--pin-scale));box-shadow:0 0 12px color-mix(in srgb,var(--pin-fill) 70%,transparent),0 0 28px color-mix(in srgb,var(--pin-fill) 35%,transparent),0 1px 3px var(--ds-shadow)}.city-pin--glow:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;corner-shape:var(--ds-corner-round, round);border:1.5px solid var(--pin-fill);animation:city-pin-ring 1.8s cubic-bezier(.22,1,.36,1) infinite;pointer-events:none}@keyframes city-pin-ring{0%{transform:scale(1);opacity:.9}to{transform:scale(2.8);opacity:0}}.city-pin-label{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);white-space:nowrap;text-align:center;font-family:var(--ds-font);font-size:var(--globe-pin-label-font-size);font-weight:700;color:var(--globe-pin-label-color);background:var(--globe-pin-label-bg);padding:var(--globe-pin-label-pad-y) var(--globe-pin-label-pad-x);border-radius:var(--globe-pin-label-radius);text-shadow:var(--globe-label-shadow);pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .18s ease}.city-pin-label--hidden{opacity:0}.city-pin-country{display:block;width:max-content;max-width:14em;margin:0 auto 2px;white-space:normal;font-size:.78em;font-weight:800;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:var(--ds-accent)}.city-pin-country:lang(ar),.city-pin-country:lang(ja),.city-pin-country:lang(ko),.city-pin-country:lang(zh){letter-spacing:0;font-size:.85em}@media(prefers-reduced-motion:reduce){.city-pin--glow:after{animation:none;opacity:0}.city-pin-label{transition:none}}@media(max-width:768px){:root{--ds-window-inset: 16px;--ds-window-gap: 0px;--ds-footer-height: env(safe-area-inset-bottom, 0px)}}