.globe-stage{position:relative;height:clamp(480px,calc(100svh - 150px),820px);overflow:hidden;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cg fill='white'%3E%3Ccircle cx='19' cy='33' r='.9' opacity='.8'/%3E%3Ccircle cx='73' cy='117' r='.6' opacity='.5'/%3E%3Ccircle cx='141' cy='59' r='1.1' opacity='.9'/%3E%3Ccircle cx='197' cy='151' r='.5' opacity='.4'/%3E%3Ccircle cx='259' cy='37' r='.8' opacity='.7'/%3E%3Ccircle cx='313' cy='121' r='.6' opacity='.5'/%3E%3Ccircle cx='381' cy='73' r='1' opacity='.85'/%3E%3Ccircle cx='41' cy='201' r='.7' opacity='.6'/%3E%3Ccircle cx='107' cy='263' r='1' opacity='.8'/%3E%3Ccircle cx='177' cy='223' r='.5' opacity='.45'/%3E%3Ccircle cx='243' cy='287' r='.9' opacity='.75'/%3E%3Ccircle cx='307' cy='219' r='.6' opacity='.5'/%3E%3Ccircle cx='367' cy='291' r='.8' opacity='.65'/%3E%3Ccircle cx='29' cy='337' r='1' opacity='.85'/%3E%3Ccircle cx='97' cy='389' r='.5' opacity='.4'/%3E%3Ccircle cx='163' cy='341' r='.8' opacity='.7'/%3E%3Ccircle cx='231' cy='397' r='.6' opacity='.5'/%3E%3Ccircle cx='299' cy='351' r='1.1' opacity='.9'/%3E%3Ccircle cx='359' cy='393' r='.7' opacity='.55'/%3E%3Ccircle cx='393' cy='187' r='.5' opacity='.45'/%3E%3C/g%3E%3C/svg%3E") repeat,radial-gradient(ellipse at 50% 38%,#0b1426,#06080f 55%,#000)}#globe-mount{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}.globe-stage.ready #globe-mount{opacity:1}.stage-vignette{position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at 50% 48%,transparent 58%,rgba(0,0,0,.45) 100%)}.stage-hud{position:absolute;z-index:5;pointer-events:none;color:#e8eef7;transition:opacity .45s ease}.hud-top{top:22px;left:22px;max-width:420px;background:#0a101c8c;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 18px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hud-top h1{font-size:22px;letter-spacing:-.3px;margin:0}.hud-top p{font-size:12.5px;color:#93a4bc;line-height:1.6;margin:6px 0 0}.hud-bottom{left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:16px;align-items:center;background:#0a101c8c;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 18px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:12.5px;color:#93a4bc;white-space:nowrap}.hud-bottom .skip{pointer-events:auto;color:#9db9ff;text-decoration:none}.hud-bottom .skip:hover{color:#cfe0ff}#globe-boot{position:absolute;inset:0;z-index:4;display:grid;place-items:center;place-content:center;gap:12px;color:#93a4bc;font-size:13px;letter-spacing:.08em;transition:opacity .6s ease;pointer-events:none}#globe-boot.off{opacity:0}.boot-ring{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,179,71,.18);border-top-color:#ffb347;animation:globe-spin 1s linear infinite}@keyframes globe-spin{to{transform:rotate(360deg)}}.stage-fallback{max-width:360px;text-align:center;line-height:1.7;margin:0 20px}.globe-stage .city{width:0;height:0;pointer-events:none;transition:opacity .35s}.globe-stage .city.behind{opacity:.05;pointer-events:none!important}.globe-stage .city .anchor{position:absolute;left:0;top:0;width:0;height:0;transform:scale(var(--ds, 1))}.globe-stage .city .hit{position:absolute;left:-16px;top:-16px;width:32px;height:32px;border-radius:50%;pointer-events:auto;cursor:pointer}.globe-stage .city.behind .hit{pointer-events:none}.globe-stage .city .dot{position:absolute;left:0;top:0;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 35%,#fff8ea,#ffb347 55%,#f4a83c);box-shadow:0 0 6px 1px #ffc46bf2,0 0 20px 5px #ffa03c66;transition:transform .2s}.globe-stage .city.w1 .dot{width:7px;height:7px}.globe-stage .city.w2 .dot{width:9px;height:9px}.globe-stage .city.w3 .dot{width:12px;height:12px;box-shadow:0 0 8px 2px #ffc46b,0 0 28px 8px #ffa03c73}.globe-stage .city.hover .dot{transform:translate(-50%,-50%) scale(1.45)}.globe-stage .city .pulse{position:absolute;left:-15px;top:-15px;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#ffb3478c,#ffb34700 70%);animation:globe-breathe 2.8s ease-in-out infinite}@keyframes globe-breathe{0%,to{transform:scale(.5);opacity:.3}50%{transform:scale(1.3);opacity:.95}}.globe-stage .city .tag{position:absolute;left:0;top:10px;transform:translate(-50%);font-size:11px;font-weight:600;color:#e8eef7d9;text-shadow:0 1px 6px rgba(0,0,0,.9);letter-spacing:.04em;white-space:nowrap}.globe-stage .city .tag.n{top:auto;bottom:10px}.globe-stage .city .card{position:absolute;left:0;bottom:16px;transform:translate(-50%) translateY(4px);min-width:200px;background:#0a101c94;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:.18s ease;pointer-events:none;white-space:nowrap;box-shadow:none;color:#e8eef7}.globe-stage .city .card:after{content:"";position:absolute;left:50%;bottom:-5px;width:8px;height:8px;transform:translate(-50%) rotate(45deg);background:#0a101c94;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.globe-stage .city.hover .card{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.globe-stage .city.hover{z-index:999!important}.globe-stage .c-name{font-size:15px;font-weight:800;letter-spacing:-.2px}.globe-stage .c-name span{font-weight:500;color:#93a4bc;font-size:12.5px;margin-left:6px}.globe-stage .c-sub{font-size:12px;color:#93a4bc;margin-top:3px}.globe-stage .c-badge{display:inline-block;margin-top:8px;font-size:11.5px;font-weight:600;color:#8fe0b0;background:#0f9d8a29;border:1px solid rgba(15,157,138,.35);border-radius:999px;padding:3px 9px}.globe-stage .c-cta{font-size:11.5px;color:#9db9ff;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}body.diving .stage-hud{opacity:0}body.diving .globe-stage .city{opacity:0!important}#globe-flash{position:fixed;inset:0;z-index:999;background:#fff;opacity:0;pointer-events:none;transition:opacity .38s ease}#globe-flash.on{opacity:1;pointer-events:auto}#city-list .list-title{font-size:24px;letter-spacing:-.4px;color:var(--navy, #0f2a4a);margin:6px 0 0}#city-list .list-tag{color:var(--muted, #5b6b80);font-size:14px;margin:6px 0 18px}@media(max-width:760px){.globe-stage{height:clamp(420px,72svh,640px)}.hud-top{top:12px;left:12px;right:12px;max-width:none;padding:11px 14px}.hud-top h1{font-size:17px}.hud-top p{display:none}.hud-bottom{font-size:11.5px;gap:10px;padding:7px 14px;max-width:calc(100vw - 24px)}.hud-bottom .hint{overflow:hidden;text-overflow:ellipsis}}@media(prefers-reduced-motion:reduce){.globe-stage .city .pulse{animation:none!important;opacity:.35}#globe-flash{transition:none}}