/* Globe home page. Loaded together with map.css when params.homepage = "globe". */
.gl-stage{position:relative;width:100%;overflow:hidden;border:3px solid var(--ink);user-select:none;-webkit-user-select:none;
  background:radial-gradient(ellipse at 50% 42%,#0c1526 0%,#04060c 72%)}
.gl-canvas{position:absolute;inset:0;display:block;cursor:grab;touch-action:pan-y}
.gl-drag .gl-canvas{cursor:grabbing}
.gl-pins,.gl-cards{position:absolute;inset:0;pointer-events:none}
.gl-pin{position:absolute;left:0;top:0;width:30px;height:30px;margin:-15px 0 0 -15px;padding:0;background:transparent;border:0;border-radius:50%;pointer-events:auto;cursor:pointer}
.gl-pin[hidden]{display:none}
.gl-pin:focus-visible{outline:3px solid #fff;outline-offset:0}
.gl-card{position:absolute;left:0;top:0;width:15.5rem;max-width:calc(100% - 24px);pointer-events:auto;background:var(--paper);color:var(--ink);
  box-shadow:5px 5px 0 0 #ffe600;font-size:.88rem;line-height:1.3;opacity:0;transition:opacity .4s}
.gl-card.on{opacity:1}
.gl-card.off{opacity:0!important;pointer-events:none}
.gl-card:focus{outline:none}
.gl-card header{display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem;background:var(--ink);color:var(--paper)}
.gl-card header strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gl-flag{font-size:1.1rem}
.gl-count{font-weight:800}
.gl-x{font:inherit;font-size:1.2rem;line-height:1;color:var(--paper);background:none;border:0;padding:0 .2rem;cursor:pointer}
.gl-x:focus-visible{outline:3px solid var(--paper)}
.gl-card ul{list-style:none;margin:0;padding:.3rem .5rem}
.gl-card li{padding:.3rem 0;border-bottom:1px solid #8a8a8a}
.gl-card li:last-child{border-bottom:0}
.gl-card:not(.pinned) li:nth-child(n+2){display:none}
.gl-card:not(.pinned) li a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gl-card li a{font-weight:800;overflow-wrap:anywhere}
.gl-meta{display:block;color:var(--mute);font-size:.8rem;margin-top:.1rem}
.gl-card a:focus-visible,.gl-all:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.gl-card footer{padding:.35rem .5rem;border-top:2px solid var(--ink)}
.gl-all{font:inherit;font-size:.8rem;font-weight:700;color:var(--ink);background:var(--paper);border:2px solid var(--ink);padding:.15rem .5rem;cursor:pointer;border-radius:0}
.gl-all:hover{background:var(--ink);color:var(--paper)}
.gl-pause{min-width:5.2rem}
@media (prefers-reduced-motion:reduce){.gl-card{transition:none}}
@media (max-width:40rem){.gl-card{width:auto}}