:root{--accent: #dff140;--bg: #000000;--text: #f2f2f2;--text-dim: rgba(242, 242, 242, .55)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}#app{position:relative;width:100vw;height:100vh}.hud{position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:center;align-items:baseline;padding:24px 32px;pointer-events:none}.hud__hint{font-size:12px;letter-spacing:.04em;color:var(--text-dim)}#globe-root{position:absolute;top:0;right:0;bottom:0;left:0}#globe-root canvas{display:block;cursor:grab}#globe-root canvas:active{cursor:grabbing}#markers-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.location-point{position:absolute;top:0;left:0;will-change:transform,opacity}.location-point__hit{position:absolute;top:0;left:0;width:22px;height:22px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer}@keyframes location-point-blink{0%,to{opacity:1}50%{opacity:.35}}.location-point__dot{position:absolute;top:0;left:0;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px 2px #dff140b3;transform:translate(-50%,-50%);transition:transform .2s cubic-bezier(.39,.575,.565,1);animation:location-point-blink 3s ease-in-out infinite;animation-delay:var(--blink-delay, 0s)}.location-point__hit:hover~.location-point__dot,.location-point--selected .location-point__dot{transform:translate(-50%,-50%) scale(1.6);opacity:1;animation-play-state:paused}.location-point--selected .location-point__dot{box-shadow:0 0 12px 4px #dff140e6}.location-point__line{position:absolute;top:50%;left:4px;height:1px;background:var(--accent);transform-origin:left center;opacity:0;transition:opacity .25s ease}.location-point__label{position:absolute;top:-8px;white-space:nowrap;font-size:12px;line-height:1.3;opacity:0;transition:opacity .25s ease}.location-point__hit:hover~.location-point__line,.location-point__hit:hover~.location-point__label,.location-point--selected .location-point__line,.location-point--selected .location-point__label{opacity:1}.location-point__label-city{color:var(--accent);font-weight:600}.location-point__label-country{color:var(--text-dim);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.capitals{position:absolute;top:0;left:0;bottom:0;z-index:10;width:260px;display:flex;flex-direction:column;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-right:1px solid rgba(242,242,242,.12)}.capitals__list{flex:1;overflow-y:auto;padding:16px 8px}.capitals__list::-webkit-scrollbar{width:6px}.capitals__list::-webkit-scrollbar-thumb{background:#f2f2f233;border-radius:3px}.capitals__group{border-bottom:1px solid rgba(242,242,242,.08)}.capitals__group-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px;border:none;background:transparent;color:var(--accent);font-family:inherit;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;text-align:left;cursor:pointer}.capitals__group-header:hover{background:#f2f2f20f}.capitals__group-arrow{transition:transform .2s ease}.capitals__group--open .capitals__group-arrow{transform:rotate(90deg)}.capitals__group-rows{max-height:0;overflow:hidden;transition:max-height .3s ease}.capitals__group--open .capitals__group-rows{max-height:1600px}.capitals__row{display:flex;flex-direction:row;align-items:baseline;gap:6px;width:100%;padding:3px 12px;border:none;border-radius:4px;background:transparent;color:var(--text);font-family:inherit;text-align:left;cursor:pointer}.capitals__row:hover{background:#f2f2f214}.capitals__row--selected{background:#dff1401f}.capitals__row-city{flex:none;white-space:nowrap;font-size:12px;font-weight:600;color:var(--text)}.capitals__row--selected .capitals__row-city{color:var(--accent)}.capitals__row-country{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;letter-spacing:.03em;text-transform:uppercase;color:var(--text-dim)}