.playground-map{--playground-motion-multiplier:1;--playground-motion-slow:calc(.6s * var(--playground-motion-multiplier));--playground-motion-medium:calc(.4s * var(--playground-motion-multiplier));--playground-motion-fast:calc(.3s * var(--playground-motion-multiplier));width:100%;min-height:400px;position:relative}.playground-map--transitioning{pointer-events:none}.playground-map--desktop{aspect-ratio:16/9;isolation:isolate;width:100%;max-width:900px;transition:all var(--playground-motion-slow) cubic-bezier(.4, 0, .2, 1);margin:0 auto;position:relative;transform:translate(5%)}.playground-map__blobs-layer{z-index:0;pointer-events:none;width:100%;height:100%;transition:opacity var(--playground-motion-slow) cubic-bezier(.4, 0, .2, 1);position:absolute;top:0;left:0}.playground-map--desktop .playground-map__path{z-index:1;pointer-events:none;width:100%;height:100%;transition:opacity var(--playground-motion-slow) cubic-bezier(.4, 0, .2, 1);position:absolute;top:0;left:0}.playground-map--desktop .playground-map__items{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.playground-map--desktop .playground-map__items>*{pointer-events:auto}.playground-map--desktop .playground-map__path-svg{width:100%;height:100%}.playground-map--mobile{aspect-ratio:291/580;transform-origin:top;width:100%;max-width:300px;transition:all var(--playground-motion-slow) cubic-bezier(.4, 0, .2, 1);margin:0 auto;position:relative;overflow:visible;transform:scale(.9)}.playground-map--mobile .playground-map__blobs-layer{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.playground-map--mobile .map-blob{width:100px;height:85px}.playground-map--mobile .playground-map__path{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.playground-map--mobile .playground-map__path-svg{width:100%;height:100%}.playground-map--mobile .playground-map__items{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.playground-map--mobile .playground-map__items>*{pointer-events:auto}.map-item{pointer-events:auto;cursor:pointer;transition:all var(--playground-motion-slow) cubic-bezier(.4, 0, .2, 1);--item-theme-color:#ddd;will-change:transform, top, left, width, height;justify-content:center;align-items:center;display:flex;position:relative}.map-item--vertical{flex-direction:column}.map-item--horizontal{flex-direction:row;gap:1rem}.playground-map--desktop .map-item:hover{z-index:10;transform:translate(-50%,calc(-50% - 8px))}.playground-map--desktop .map-item:hover+.map-blob{transform:translate(-50%,-50%)scale(1.08)}.map-item--active{z-index:10}.playground-map--desktop .map-item__icon{transition:filter var(--playground-motion-fast) ease-in-out, opacity var(--playground-motion-slow) ease-out, transform var(--playground-motion-fast) ease, width var(--playground-motion-slow) cubic-bezier(.4, 0, .2, 1), height var(--playground-motion-slow) cubic-bezier(.4, 0, .2, 1)}.playground-map--desktop .map-item__label,.playground-map--desktop .map-blob{transition:all var(--playground-motion-slow) cubic-bezier(.4, 0, .2, 1), opacity var(--playground-motion-slow) ease-out}.playground-map--desktop:has(.map-item:hover) .map-item:not(:hover) .map-item__icon{filter:grayscale()drop-shadow(0 4px 12px #00000026);opacity:.6;transition:filter var(--playground-motion-fast) ease-in, opacity var(--playground-motion-fast) ease-in}.playground-map--desktop:has(.map-item:hover) .map-item:not(:hover) .map-item__label{opacity:.4;transition:all var(--playground-motion-fast) ease, opacity var(--playground-motion-fast) ease-in}.playground-map--desktop:has(.map-item:hover) .map-blob:not(.map-blob--hovered){opacity:.3;transition:all var(--playground-motion-medium) cubic-bezier(.4, 0, .2, 1), opacity var(--playground-motion-fast) ease-in}.map-blob{opacity:.85;width:350px;height:320px;transition:all var(--playground-motion-medium) cubic-bezier(.4, 0, .2, 1);filter:drop-shadow(0 6px 20px #00000014);pointer-events:none;background-color:#c0f6e5;border-radius:63% 37% 54% 46%/55% 48% 52% 45%;position:absolute;transform:translate(-50%,-50%)}.map-blob--hovered{opacity:.95;transform:translate(-50%,-50%)scale(1.08)}.map-blob--shape--soft{border-radius:63% 37% 54% 46%/55% 48% 52% 45%}.map-blob--shape--round{border-radius:50%}.map-blob--shape--tall{border-radius:52% 48% 70% 30%/82% 60% 78% 40%;transform:translate(-50%,-50%)scaleX(.9)scaleY(1.15)}.map-blob--shape--wide{border-radius:78% 22% 60% 40%/46% 54% 42% 58%;transform:translate(-50%,-50%)scaleX(1.15)scaleY(1)}.map-blob--secondary{filter:drop-shadow(0 8px 25px #0000001f);animation:blob-appear var(--playground-motion-fast) ease-out forwards;z-index:-1;transform:translate(-50%,-50%)scale(1.25)}.map-blob--secondary--soft{border-radius:62% 38% 58% 42%/60% 46% 54% 40%;transform:translate(-50%,-50%)scale(1.25)rotate(-4deg)}.map-blob--secondary--round{border-radius:50%;transform:translate(-50%,-50%)scale(1.3)}.map-blob--secondary--tall{border-radius:52% 48% 70% 30%/82% 60% 78% 40%;transform:translate(-50%,-53%)scaleX(.9)scaleY(1.7)rotate(6deg)}.map-blob--secondary--wide{border-radius:78% 22% 60% 40%/46% 54% 42% 58%;transform:translate(-50%,-48%)scaleX(1.9)scaleY(1.05)rotate(-8deg)}@keyframes blob-appear{0%{opacity:0;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.map-item__icon{z-index:2;width:200px;height:200px;transition:transform var(--playground-motion-fast) ease, width var(--playground-motion-slow) cubic-bezier(.4, 0, .2, 1), height var(--playground-motion-slow) cubic-bezier(.4, 0, .2, 1);will-change:width, height;flex-shrink:0;justify-content:center;align-items:center;display:flex}.map-item__icon img,.map-item__icon svg{object-fit:contain;filter:drop-shadow(0 4px 12px #00000026);width:100%;height:100%}.map-item:hover .map-item__icon{transform:scale(1.05)}@media (width<=1400px){.playground-map--desktop{transform-origin:50%;transform:translate(5%)scale(.85)}}@media (width<=1200px){.playground-map--desktop{transform-origin:50%;transform:translate(5%)scale(.75)}}@media (width<=1024px){.playground-map--desktop{transform-origin:50%;transform:translate(5%)scale(.65)}}.map-item__label-container{z-index:3;pointer-events:none;transition:all var(--playground-motion-slow) cubic-bezier(.4, 0, .2, 1);will-change:margin, width;flex-direction:column;align-items:center;gap:.75rem;display:flex;position:relative}.playground-map--desktop .map-item--vertical .map-item__label-container{margin-top:.5rem}.playground-map--desktop .map-item--horizontal .map-item__label-container{align-items:flex-start;margin-left:.5rem}.map-item__label{background-color:var(--item-theme-color);color:#000;white-space:nowrap;text-align:center;transition:all var(--playground-motion-slow) cubic-bezier(.4, 0, .2, 1);pointer-events:auto;will-change:font-size, padding, transform;border-radius:50px;padding:.75rem 2rem;font-size:1.25rem;font-weight:700;line-height:1.2;box-shadow:0 4px 16px #0000001f}.map-item:hover .map-item__label{transform:scale(1.03);box-shadow:0 6px 20px #0000002e}.map-item__tooltip{color:#fff;text-align:left;white-space:normal;width:240px;animation:tooltip-fade-in var(--playground-motion-fast) ease-out forwards;pointer-events:none;z-index:100;-webkit-line-clamp:3;background-color:#111827;border-radius:.75rem;-webkit-box-orient:vertical;padding:.875rem 1.25rem;font-size:.875rem;line-height:1.4;display:-webkit-box;position:absolute;top:50%;left:calc(100% + 12px);overflow:hidden;transform:translateY(-50%);box-shadow:0 10px 20px #00000040}.map-item__tooltip:before{content:"";background-color:#111827;width:12px;height:12px;position:absolute;top:50%;left:-6px;transform:translateY(-50%)rotate(45deg)}@keyframes tooltip-fade-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.playground-map--mobile .map-item{text-align:center;background:0 0;align-items:center;padding:0;flex-direction:column!important;position:absolute!important;transform:translate(-50%,-50%)!important}.playground-map--mobile .map-item:hover{transform:translate(-50%,-50%)!important}.playground-map--mobile .map-item__label-container{align-items:center;width:100%;position:static;margin-top:.5rem!important;margin-left:0!important;transform:none!important}.playground-map--mobile .map-item__label{padding:.5rem 1rem!important;font-size:.85rem!important;position:static!important;top:auto!important;left:auto!important}.playground-map--mobile .map-item__tooltip{display:none}.desktop-path__line{stroke:#fff;stroke-width:20px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 6px #00000014);opacity:.95}.mobile-path__line{stroke:#fff;stroke-width:20px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 4px #00000014);opacity:.9}