.rb-globe[hidden], .rb-globe-pin[hidden], .rb-globe-leader[hidden], .rb-map-fallback[hidden] { display:none!important; }
.rb-globe { position:relative; isolation:isolate; overflow:hidden; background:radial-gradient(ellipse at 50% 47%,#162632 0%,#0c141e 38%,#080a0e 72%); border:1px solid #ffffff16; border-radius:24px; }
.rb-globe::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.42; background-image:radial-gradient(1px 1px at 18% 25%,#fff 98%,transparent),radial-gradient(1px 1px at 80% 40%,#b6cded 98%,transparent),radial-gradient(1px 1px at 38% 80%,#fff 98%,transparent); background-size:193px 213px,287px 251px,319px 281px; }
.rb-globe-stage { position:relative; width:100%; height:620px; touch-action:pan-y; cursor:grab; }
.rb-globe-stage:active { cursor:grabbing; }
.rb-globe-stage canvas { position:absolute; inset:0; display:block; }
.rb-globe-markers { position:absolute; inset:0; pointer-events:none; }
.rb-globe-pin { position:absolute; top:0; left:0; width:44px; height:44px; padding:3px; border:1px solid #d4af3799; border-radius:50%; background:#12161d; color:#fff6e7; box-shadow:0 4px 18px #0009; cursor:pointer; pointer-events:auto; display:grid; place-items:center; font:12px 'Poppins',sans-serif; }
.rb-globe-pin img { width:100%; height:100%; object-fit:cover; border-radius:50%; pointer-events:none; }
.rb-globe-pin b { position:absolute; bottom:-3px; right:-4px; min-width:18px; padding:2px 4px; border-radius:12px; background:#d4af37; color:#111; font:600 10px 'Poppins',sans-serif; }
.rb-globe-pin:hover,.rb-globe-pin:focus-visible { z-index:5; border-color:#fff0b7; box-shadow:0 0 0 4px #d4af3726,0 8px 28px #000b; }
.rb-globe-tooltip { position:absolute; bottom:calc(100% + 9px); left:50%; transform:translateX(-50%); width:max-content; max-width:170px; padding:8px 11px; border:1px solid #d4af3755; border-radius:8px; background:#10151df5; color:#fff6e7; font:12px/1.5 'Poppins',sans-serif; opacity:0; visibility:hidden; pointer-events:none; }
.rb-globe-pin:hover .rb-globe-tooltip,.rb-globe-pin:focus-visible .rb-globe-tooltip { opacity:1; visibility:visible; }
.rb-globe-leader { position:absolute; height:1px; background:#d4af3766; transform-origin:left; pointer-events:none; }
.rb-globe-caption { position:relative; padding:0 24px 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.rb-globe-caption p { margin:0; color:#b8c0ca; max-width:400px; font:13px/1.7 'Poppins',sans-serif; }
.rb-globe-controls { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; }
.rb-globe-controls button { min-height:44px; min-width:44px; border:1px solid #ffffff26; border-radius:24px; padding:10px 14px; background:#ffffff08; color:#ede9df; font:12px/1.4 'Poppins',sans-serif; cursor:pointer; }
.rb-globe-controls button:hover { background:#d4af3720; border-color:#d4af37; }
.rb-globe button:focus-visible,.rb-region-athlete:focus-visible { outline:2px solid #f5ce63; outline-offset:4px; }
.rb-region-athlete { display:block; width:100%; min-height:44px; padding:8px 4px; text-align:left; border:0; border-bottom:1px solid #ffffff0d; background:none; color:#dedbd5; font:inherit; cursor:pointer; }
.rb-region-athlete:hover { color:#f4cf68; }
@media(max-width:600px) { .rb-globe-stage { height:420px; } .rb-globe-caption { flex-direction:column; text-align:center; padding:0 16px 20px; gap:16px; } .rb-globe { margin-inline:-12px; border-radius:18px; } }
@media(prefers-reduced-motion:reduce) { .rb-globe * { transition:none!important; } }