/* Desktop scroll study, based on Web draft / 9331:37411. */
.stamp-story { height: 360svh; }
.story-stage { min-height: 650px; }
.falling-stamps { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
.falling-stamp { position: absolute; left: 0; top: 0; object-fit: contain; will-change: transform, opacity; }
.globe-scene { position: absolute; inset: 0; z-index: 2; opacity: 0; }
.globe-canvas { display: block; width: 100%; height: 100%; cursor: grab; touch-action: none; }
.globe-canvas.is-dragging { cursor: grabbing; }
.globe-canvas:focus-visible { outline: 1px dashed var(--gold); outline-offset: -14px; }
.globe-pins { position: absolute; inset: 0; pointer-events: none; }
.globe-pin { position: absolute; top: 0; left: 0; border: 0; background: none; padding: 0; width: 48px; height: 61.714286px; pointer-events: auto; transform: translate(-50%,-100%); }
.globe-pin[hidden] { display: none; }
.pin-art { display: block; width: 100%; height: 100%; overflow: visible; transform-origin: 50% 100%; animation: pin-spring .65s cubic-bezier(.2,.7,.2,1) both; }
.globe-pin:hover .pin-art, .globe-pin[aria-expanded="true"] .pin-art { filter: drop-shadow(0 0 5px #ffffffb3); }
.globe-pin[aria-expanded="true"] { width: 72px; height: 92.571429px; }
@keyframes pin-spring { 0% { transform: translateY(12px) scale(0); opacity: 0; } 60% { transform: translateY(-4px) scale(1.2); opacity: 1; } 82% { transform: translateY(1px) scale(.94); } 100% { transform: translateY(0) scale(1); opacity: 1; } }
.shop-card { position: absolute; width: 377px; max-height: calc(100% - 140px); overflow-y: auto; overscroll-behavior: contain; z-index: 20; padding: 24px 20px; border: 1px solid #fff; border-radius: 32px; background: #ffffff40; box-shadow: 0 0 16px #3e272314; backdrop-filter: blur(16px) saturate(1.1); -webkit-backdrop-filter: blur(16px) saturate(1.1); }
.shop-card::before { content: ''; position: absolute; inset: 0; border-radius: inherit; background: url('assets/paper-texture.jpg') center / 560px; opacity: .12; pointer-events: none; z-index: -1; }
.shop-card[hidden] { display: none; }
.shop-card-header { text-align: center; margin: 18px 0 20px; }
.shop-card h2 { margin: 0; font-size: 17px; font-weight: 700; line-height: 1.25; letter-spacing: 0; }
.shop-card-location { margin-top: 6px; font-size: 13px; line-height: 1.3; color: var(--muted); }
.shop-card-stamp { display: block; width: 112px; height: 112px; margin: 0 auto; object-fit: contain; transform: rotate(-4deg); }
.shop-card-address { font-size: 12px; line-height: 1.6; }
.shop-card-address p + p { margin-top: 9px; }
.shop-card-address strong { display: block; }
.shop-card-address a { text-decoration: underline; text-underline-offset: 3px; }
.shop-card-precision { font-size: 11px; line-height: 1.5; color: var(--muted); margin-top: 18px; }
.globe-controls { position: absolute; bottom: 42px; left: 64px; display: flex; gap: 18px; align-items: center; font-size: 12px; background: #fdfbf780; backdrop-filter: blur(10px); border: 1px solid #ffffffa6; border-radius: 30px; padding: 10px 16px; }
.globe-controls button { border: 0; background: none; padding: 4px 0; font-size: 12px; text-decoration: underline; text-underline-offset: 4px; }
.globe-data-note { position: absolute; bottom: 16px; left: 80px; font-size: 10px; color: var(--muted); }
.globe-error { position: absolute; top: 45%; left: 20%; right: 20%; text-align: center; color: var(--ink); }