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