.globe-app .twin-canvas canvas{cursor:grab}.globe-demo-link{color:var(--muted-foreground);border:1px solid var(--border);border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;text-decoration:none;display:flex}.globe-demo-link:hover{color:var(--foreground);border-color:var(--primary)}.globe-panel{flex-direction:column;gap:12px;width:320px;max-height:calc(100% - 140px);padding:20px;display:flex;top:88px;left:16px;overflow:auto}.globe-panel .eyebrow{align-items:center;gap:6px;display:flex}.globe-panel .eyebrow.soon{color:var(--muted-foreground);margin-top:6px}.globe-panel h1{margin:0 0 4px;font-size:22px;font-weight:700}.globe-cities{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.globe-cities button{text-align:left;width:100%;color:var(--foreground);border:1px solid var(--border);cursor:pointer;background:#ffffff06;border-radius:8px;grid-template-columns:76px 1fr auto;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s;display:grid}.globe-cities button:hover,.globe-cities button:focus-visible,.globe-cities button.is-active{background:#ff7a3d14;border-color:#ff7a3d8c;outline:none}.globe-cities button>svg{color:var(--hot)}.globe-city-name{flex-direction:column;gap:2px;display:flex}.globe-city-name b{font-size:17px}.globe-city-name small{letter-spacing:1px;color:var(--primary);font-family:ui-monospace,monospace;font-size:9.5px}.globe-city-meta{color:var(--muted-foreground);flex-direction:column;gap:3px;font-size:12px;display:flex}.globe-city-meta em{color:#ffd2b8;font-size:11px;font-style:normal}.globe-soon{flex-wrap:wrap;gap:6px;display:flex}.globe-soon button{color:var(--muted-foreground);border:1px dashed var(--border);cursor:pointer;background:0 0;border-radius:999px;padding:5px 10px;font-size:12px}.globe-hint{bottom:18px}.globe-label{color:var(--foreground);cursor:pointer;pointer-events:auto;will-change:transform;background:#090f1bd1;border:1px solid #ff7a3d8c;border-radius:5px;flex-direction:column;align-items:center;gap:1px;padding:4px 10px;font-family:inherit;transition:box-shadow .15s,border-color .15s;display:flex;position:absolute;top:0;left:0;box-shadow:0 0 16px #ff7a3d4d}.globe-label b{font-size:13px}.globe-label small{letter-spacing:1px;color:var(--primary);font-family:ui-monospace,monospace;font-size:8.5px}.globe-label.is-active{border-color:#ffb08a;box-shadow:0 0 26px #ff7a3db3}.globe-label.is-soon{box-shadow:none;background:#090f1b8c;border:1px dashed #9aafc759;padding:2px 7px}.globe-label.is-soon b{color:var(--muted-foreground);font-size:11px}.globe-label.is-soon small{color:#9aafc799}.globe-region{pointer-events:none;white-space:nowrap;will-change:transform;text-shadow:0 0 10px #03060ce6;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:0;left:0}.globe-region b{font-weight:600}.globe-region small{letter-spacing:3px;font-family:ui-monospace,monospace}.globe-region.is-continent b{letter-spacing:4px;color:#e5edf7c7;font-size:15px}.globe-region.is-continent small{color:#53f7d68c;font-size:8.5px}.globe-region.is-ocean b{letter-spacing:6px;color:#5aa0d299;font-size:13px;font-style:italic;font-weight:400}.globe-region.is-ocean small{color:#5aa0d266;font-size:8px}.globe-entering{z-index:5;background:radial-gradient(circle,#03060c33,#03060ceb);flex-direction:column;justify-content:center;align-items:center;gap:8px;animation:1.3s ease-in forwards globe-fade;display:flex;position:absolute;inset:0}.globe-entering strong{letter-spacing:2px;font-size:30px}.globe-entering small{color:var(--muted-foreground);font-size:13px}@keyframes globe-fade{0%{opacity:0;background-color:#0000}40%{opacity:1}to{opacity:1;background-color:#03060c}}@media (width<=1100px){.globe-demo-link{display:none}}@media (width<=760px){.globe-panel{gap:8px;width:auto;max-height:42vh;padding:14px;inset:auto 10px 10px}.globe-panel h1{font-size:16px}.globe-cities{flex-direction:row;overflow-x:auto}.globe-cities li{flex:0 0 200px}.globe-cities button{grid-template-columns:1fr auto}.globe-city-meta,.globe-hint{display:none}}