.catalog-actions{position:fixed;top:calc(var(--safe-top) + 8px);transform:translateY(max(0px,calc(var(--quiz-button-top,calc(82px + var(--safe-top))) - var(--safe-top) - 8px - var(--catalog-scroll-y,0px))));will-change:transform;right:max(16px,var(--safe-right));z-index:59;display:flex;gap:8px}
.catalog-actions .quiz-start{position:static}
.catalog-actions .catalog-top{position:absolute;top:calc(100% + 6px);right:0;box-sizing:border-box;width:var(--catalog-quiz-width,106px);height:100%;flex-direction:row;justify-content:center;gap:5px;font-size:14px;background:rgba(255,253,247,.55);border:1px solid rgba(31,48,73,.25)}
.catalog-actions .catalog-top-icon{width:24px;height:24px;border:0;background:transparent;box-shadow:none}
.catalog-scope-row .catalog-scope::after{left:var(--scope-underline-start,0px);right:auto;width:var(--scope-underline-width,100%);background:linear-gradient(90deg,rgba(154,111,48,.85) 0%,rgba(154,111,48,.40) 40%,rgba(154,111,48,.16) 80%,rgba(154,111,48,.08) 90%,transparent 100%)}
.catalog-scope-row{padding-right:226px}
.globe-shell{position:relative;height:100%;min-width:0}
.globe-viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;background:radial-gradient(ellipse at center,#123148,#030b12 85%);outline-offset:-3px}
.globe-viewport canvas{display:block;width:100%;height:100%;touch-action:none}
.globe-status{position:absolute;inset:0;z-index:2;display:grid;place-content:center;margin:0;padding:20px;color:#e1e9f0;font-size:14px;text-align:center;pointer-events:none}
.globe-status[hidden],.globe-viewport .pin-label[hidden]{display:none}
.globe-viewport .pin-label{position:absolute;top:0;left:0;max-width:156px;padding:6px 9px;border:1px solid #ddbe7d88;border-radius:7px;background:#0b1928ed;color:#f2e2bb;box-shadow:0 3px 10px #0005;font-family:inherit;font-size:12px;font-weight:600;line-height:1.3;text-align:center;text-decoration:none;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation}
.globe-viewport .pin-label small{display:none}
.globe-footer{position:absolute;bottom:6px;left:10px;right:10px;padding:0;background:transparent;pointer-events:none}.globe-footer .globe-shuffle{pointer-events:auto}.globe-dialog .quiz-close{position:absolute;z-index:3;right:10px;top:12px;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;background:#eef3f5ed;color:#294f6a}.globe-dialog .quiz-close svg,.globe-map-controls button:not(.globe-compass) svg{width:24px;height:24px;stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none}
.globe-links[hidden]{display:none}
.globe-map-controls{position:absolute;z-index:3;top:12px;left:10px;display:flex;flex-direction:column;gap:8px}
.globe-map-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #b3c4cf;border-radius:12px;background:#eef3f5ed;color:#294f6a;box-shadow:0 2px 8px #0004;font-family:inherit;font-size:25px;font-weight:600;cursor:pointer;touch-action:manipulation}
.globe-map-controls .globe-compass{border-radius:50%;font-size:12px}
.globe-compass-needle{display:block;width:42px;height:42px;pointer-events:none}
.globe-shuffle{display:block;width:100%;min-height:48px;padding:8px;border:1px solid #294f6a;border-radius:10px;background:#294f6a;color:white;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer}
.globe-attribution{height:16px;line-height:16px;margin:2px 0 0;color:#d3cdbf;font-size:10px;text-align:center}
.globe-native .globe-shell{visibility:hidden}
.globe-dialog.globe-native{background:transparent;box-shadow:none}
.globe-dialog.globe-native::backdrop{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.globe-native-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.globe-map-controls button:focus-visible,.globe-shuffle:focus-visible,.globe-viewport .pin-label:focus-visible{outline:2px solid #9a6f30;outline-offset:1px}
@media(max-width:600px){.catalog-actions{right:max(10px,var(--safe-right));gap:6px}.catalog-actions .quiz-start{min-width:94px;padding-inline:15px}.catalog-scope-row{padding-right:202px}.catalog-scope-row .catalog-scope{padding-left:0;font-size:14px}.globe-viewport .pin-label{max-width:132px;font-size:11px}}
@media(max-width:360px){.catalog-scope-row{align-items:flex-start;box-sizing:border-box;min-height:78px;padding-right:0;padding-bottom:42px}}

.globe-viewport .pin-label.is-card{max-width:none;padding:6px;font-size:12px}
.globe-viewport .pin-illustration{display:block;width:100%;aspect-ratio:1;object-fit:contain;margin-bottom:6px;border-radius:4px;background:#fffdf7}
.globe-viewport .pin-illustration[hidden]{display:none}
.globe-viewport .pin-label[data-size="small"]{max-width:117px;padding:4.5px 6.75px;font-size:9px;border-radius:5px}
.globe-viewport .pin-label[data-size="medium"]{max-width:136.5px;padding:5.25px 7.875px;font-size:10.5px;border-radius:6px}
@media(max-width:600px){.globe-viewport .pin-label[data-size="small"]{max-width:99px;font-size:8.25px}.globe-viewport .pin-label[data-size="medium"]{max-width:115.5px;font-size:9.625px}}
.globe-viewport .is-card .pin-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:3.9em;overflow:hidden}
@media(max-width:600px){.globe-viewport .pin-label.is-card{font-size:11px}}

.globe-pin-marker{position:absolute;top:0;left:0;width:24px;height:32px;pointer-events:none;filter:drop-shadow(0 1px 2px #0008)}
.globe-pin-marker[hidden]{display:none}

/* Web-only: panels remain links, while gestures belong to the globe. */
.globe-viewport .pin-label{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}