.spot-world{--world-cyan:#67e8f9;--world-deep:#020617;isolation:isolate;background:radial-gradient(circle at 73% 48%,#0e74902e,#0000 38%),linear-gradient(145deg,#050c1dfa,#020617f7);border:1px solid #67e8f938;border-radius:2rem;width:100%;min-height:430px;position:relative;overflow:hidden;box-shadow:0 28px 90px #00000075,inset 0 1px #ffffff14,0 0 70px #06b6d414}.spot-world:before{content:"";z-index:-1;opacity:.3;background-image:radial-gradient(circle,#ffffff9e 0 .7px,#0000 .8px),radial-gradient(circle,#67e8f97a 0 .8px,#0000 .9px);background-position:0 0,37px 61px;background-size:83px 83px,127px 127px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#000,#0000 72%)}.spot-world__noise{z-index:8;pointer-events:none;opacity:.1;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff0d 4px);position:absolute;inset:0}.spot-world__copy{z-index:10;pointer-events:none;width:min(390px,42%);position:absolute;top:50%;left:clamp(1.5rem,5vw,4.5rem);transform:translateY(-50%)}.spot-world__copy h2{color:#fff;font-family:var(--font-display,inherit);letter-spacing:-.075em;text-shadow:0 4px #082f49d9,0 0 34px #22d3ee3d;margin:0;font-size:clamp(3.15rem,6vw,5.6rem);font-weight:1000;line-height:.84}.spot-world__copy>p{color:#cbd5e1;max-width:33rem;margin:1.15rem 0 0;font-size:clamp(.9rem,1.4vw,1.05rem);font-weight:600;line-height:1.55}.spot-world__explore{color:#fff;letter-spacing:.08em;text-transform:uppercase;pointer-events:auto;background:linear-gradient(#0891b2eb,#0e7490eb);border:1px solid #a5f3fc85;border-radius:.9rem;align-items:center;gap:.55rem;margin-top:1.2rem;padding:.7rem .9rem;font-size:.72rem;font-weight:1000;transition:transform .15s,filter .15s;display:inline-flex;box-shadow:0 7px #082f49db,0 0 24px #22d3ee33}.spot-world__explore:hover{filter:brightness(1.14);transform:translateY(-2px)}.spot-world__explore:active{transform:translateY(4px)}.spot-world__explore svg{width:1rem;height:1rem}.spot-world__stage{min-width:0;position:absolute;inset:0 0 0 41%}.spot-world__orbital-vfx{display:none}.spot-world__stage:after{content:"";z-index:3;pointer-events:none;background:0 0;position:absolute;inset:0}.spot-world__map.maplibregl-map{background:radial-gradient(circle,#083344 0 31%,#020617 61%);position:absolute;inset:-12%;mask-image:linear-gradient(90deg,#0000 0%,#0000006b 16%,#000 36%)}.spot-world__map .maplibregl-canvas{outline:none}.spot-world__map .maplibregl-control-container{display:none}.spot-world__map-loader{z-index:6;color:#67e8f9;position:absolute;top:50%;left:62%}.spot-world__map-loader svg{width:2rem;height:2rem;animation:1s linear infinite spot-world-spin}.spot-world__controls{z-index:12;backdrop-filter:blur(16px);background:#020617b8;border:1px solid #94a3b82e;border-radius:.85rem;gap:.35rem;padding:.35rem;display:flex;position:absolute;bottom:1.2rem;right:1rem}.spot-world__controls button,.spot-world__expanded-header button{color:#bae6fd;border-radius:.65rem;place-items:center;width:2.3rem;height:2.3rem;transition:background .15s,color .15s;display:grid}.spot-world__controls button:hover,.spot-world__expanded-header button:hover{color:#fff;background:#22d3ee24}.spot-world__controls svg,.spot-world__expanded-header svg{width:1rem;height:1rem}.spot-world__level-card{z-index:14;backdrop-filter:blur(20px);background:#020617e0;border:1px solid #facc1557;border-radius:1.05rem;grid-template-columns:7rem minmax(0,1fr);width:min(360px,100% - 2rem);display:grid;position:absolute;top:1rem;right:1rem;overflow:hidden;box-shadow:0 20px 50px #0000007a,0 0 30px #facc151a}.spot-world__level-card>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;min-height:8.6rem}.spot-world__level-card>div{min-width:0;padding:.8rem 2.6rem .8rem .8rem}.spot-world__level-card-close{z-index:2;color:#cbd5e1;background:#020617bd;border:1px solid #ffffff24;border-radius:999px;place-items:center;width:2.1rem;height:2.1rem;transition:background .16s,color .16s;display:grid;position:absolute;top:.35rem;right:.35rem}.spot-world__level-card-close:hover{color:#fff;background:#020617f0}.spot-world__level-card-close:focus-visible{outline-offset:2px;outline:2px solid #67e8f9}.spot-world__level-card-close svg{stroke-width:2.6px;width:.95rem;height:.95rem}.spot-world__place{color:#67e8f9;letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.3rem;font-size:.6rem;font-weight:900;display:flex;overflow:hidden}.spot-world__place svg{flex:none;width:.72rem;height:.72rem}.spot-world__level-card h3{color:#fff;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin:.35rem 0 0;font-size:.88rem;font-weight:950;overflow:hidden}.spot-world__level-card p{color:#94a3b8;justify-content:space-between;margin:.2rem 0 .55rem;font-size:.65rem;display:flex}.spot-world__level-card p span{color:#fda4af;align-items:center;gap:.2rem;display:inline-flex}.spot-world__level-card p svg{width:.7rem;height:.7rem}.spot-world__level-card button:not(.spot-world__level-card-close){color:#0f172a;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#eab308,#f97316);border-radius:.55rem;justify-content:center;align-items:center;gap:.35rem;width:100%;min-height:2rem;font-size:.62rem;font-weight:1000;display:flex}.spot-world__level-card button:not(.spot-world__level-card-close) svg{width:.8rem;height:.8rem}.spot-world__level-card~.spot-world__controls+*{pointer-events:auto}.spot-world--compact{min-height:670px;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.spot-world--compact .spot-world__explore{z-index:15;margin:0;position:absolute;bottom:1.4rem;left:50%;transform:translate(-50%)}.spot-world--compact .spot-world__explore:hover{transform:translate(-50%)translateY(-2px)}.spot-world--compact .spot-world__explore:active{transform:translate(-50%)translateY(4px)}.spot-world--compact:before{z-index:0;opacity:.44;inset:-8% -5%;mask-image:radial-gradient(circle at 70% 54%,#000,#0000 65%)}.spot-world--compact .spot-world__noise{display:none}.spot-world--compact .spot-world__copy{width:min(310px,43%);top:3.5rem;left:.5rem;transform:none}.spot-world--compact:not(.spot-world--skeleton) .spot-world__copy h2{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.spot-world--compact .spot-world__copy>p{display:none}.spot-world--compact .spot-world__stage{isolation:isolate;z-index:2;aspect-ratio:1;width:min(74%,34rem);inset:.4rem auto auto 50%;overflow:visible;transform:translate(-50%)}.spot-world--compact .spot-world__stage:before{z-index:0;filter:blur(18px);content:"";pointer-events:none;background:radial-gradient(circle,#22d3ee33,#0000 55%),radial-gradient(circle at 62% 42%,#8b5cf629,#0000 66%);border-radius:50%;position:absolute;inset:-15%}.spot-world--compact .spot-world__stage:after{z-index:0;filter:blur(11px);background:radial-gradient(#22d3ee40,#0000 68%);border-radius:50%;height:3.3rem;inset:auto 13% -2.35rem;transform:scaleY(.38)}.spot-world--compact .spot-world__map.maplibregl-map{z-index:2;box-shadow:none;background:0 0;border:0;border-radius:0;inset:-30%;overflow:visible;mask-image:none}.spot-world__title-belt-scene{perspective:1050px;pointer-events:none;width:128%;transform-style:preserve-3d;transition:opacity .24s;position:absolute;top:63%;bottom:-6%;left:-14%;transform:translateY(-25px)}.spot-world__title-belt-scene.is-webgl-hidden{visibility:hidden;opacity:0}.spot-world__title-belt-scene--back{display:none}.spot-world__title-belt-scene--front{z-index:5}.spot-world__title-belt-ring{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.spot-world__title-belt-word{color:#f8fafc;font-family:var(--font-display,inherit);letter-spacing:-.075em;text-align:center;white-space:nowrap;backface-visibility:hidden;transform-style:preserve-3d;transform-origin:50%;will-change:transform, opacity, filter;font-size:clamp(1.9rem,5.2vw,3.65rem);font-weight:1000;line-height:.88;display:block;position:absolute;top:50%;left:50%}.spot-world__title-belt-word--front{text-shadow:0 .07em #155e75,0 .13em #083344,0 0 22px #67e8f96b,0 12px 28px #02061794;background:linear-gradient(#fff 8%,#e0f2fe 54%,#7dd3fc 100%);-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #ecfeff7a;background-clip:text}.spot-world__title-belt-word--back{color:#22d3ee9e;text-shadow:0 0 18px #22d3ee70;-webkit-text-stroke:1px #67e8f93d}.spot-world__title-belt-webgl{z-index:5;opacity:0;pointer-events:none;filter:saturate(.75)brightness(.75);transition:opacity .32s,filter .32s;position:absolute;inset:70% -23% -11%;overflow:visible;transform:translateY(-25px)}.spot-world__title-belt-webgl.is-ready{opacity:1;filter:saturate()brightness()}.spot-world__title-belt-webgl canvas{filter:drop-shadow(0 14px 18px #020617b8);background:0 0;width:100%;height:100%;display:block;overflow:visible}.spot-world__title-belt-grab{z-index:7;cursor:grab;touch-action:pan-y;user-select:none;border-radius:50%;width:110%;height:25%;position:absolute;top:78%;left:-5%;transform:translateY(-25px)}.spot-world__title-belt-grab:focus-visible{outline-offset:-.25rem;outline:1px solid #67e8f9b3;box-shadow:inset 0 0 28px #22d3ee1a,0 0 22px #22d3ee1f}.spot-world__title-belt-grab.is-dragging{cursor:grabbing}.spot-world--compact .spot-world__map .maplibregl-canvas{filter:drop-shadow(0 20px 24px #0000006b);background:0 0}.spot-world--compact .spot-world__orbital-vfx{z-index:4;pointer-events:none;display:block;position:absolute;inset:-13%}.spot-world__orbital-particle{background:#22d3ee;border:1px solid #ecfeff;border-radius:50%;width:.42rem;height:.42rem;animation:2.8s ease-in-out infinite spot-world-particle-pulse;position:absolute;box-shadow:0 0 8px #22d3ee,0 0 20px #22d3eecc}.spot-world__orbital-particle--one{top:43%;left:-1%}.spot-world__orbital-particle--two{animation-delay:-.9s;top:11%;right:20%}.spot-world__orbital-particle--three{animation-delay:-1.8s;bottom:22%;right:3%}.spot-world--compact .spot-world__controls{opacity:0;pointer-events:none;background:#020617d1;border-color:#67e8f938;flex-direction:column;transition:opacity .42s;inset:50% auto auto calc(100% + .5rem);transform:translateY(-50%);box-shadow:0 12px 30px #00000057}.spot-world--compact .spot-world__controls.is-visible,.spot-world--compact .spot-world__controls:focus-within{opacity:1;pointer-events:auto}.spot-world--compact .spot-world__empty--compact{bottom:.1rem;left:.5rem}.spot-world--expanded{z-index:240;background:#020617;border:0;border-radius:0;width:100vw;height:100dvh;position:fixed;inset:0}.spot-world--expanded .spot-world__copy{width:min(410px,100% - 8rem);top:1.4rem;left:1.4rem;transform:none}.spot-world--expanded .spot-world__copy h2{font-size:clamp(2.8rem,6vw,5.2rem)}.spot-world--expanded .spot-world__copy>p{color:#94a3b8;max-width:20rem;margin:.6rem 0 0;font-size:.8rem;font-weight:600;line-height:1.45;display:block}.spot-world--expanded .spot-world__stage{inset:0}.spot-world--expanded .spot-world__stage:after{background:linear-gradient(90deg,#020617c7,#0000 28%)}.spot-world--expanded .spot-world__map.maplibregl-map{inset:0;mask-image:none}.spot-world__expanded-header{z-index:20;top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));align-items:center;gap:.8rem;display:flex;position:absolute}.spot-world__expanded-header>span{color:#94a3b8;letter-spacing:.07em;text-transform:uppercase;backdrop-filter:blur(12px);background:#020617ad;border:1px solid #94a3b826;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .7rem;font-size:.62rem;font-weight:800;display:flex}.spot-world__expanded-header>span svg{color:#67e8f9}.spot-world__expanded-header button{backdrop-filter:blur(12px);background:#020617c2;border:1px solid #94a3b833}.spot-world__list{z-index:18;left:max(1rem, env(safe-area-inset-left));bottom:max(1rem, env(safe-area-inset-bottom));backdrop-filter:blur(24px);background:#020617c7;border:1px solid #67e8f92b;border-radius:1.15rem;width:min(340px,100vw - 2rem);max-height:min(48dvh,470px);position:absolute;overflow:hidden;box-shadow:0 24px 70px #00000070}.spot-world__list-head{border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:baseline;gap:.6rem;padding:.85rem 1rem;display:flex}.spot-world__list h3{text-overflow:ellipsis;white-space:nowrap;color:#e2e8f0;letter-spacing:.12em;text-transform:uppercase;flex:0 auto;min-width:0;margin:0;font-size:.66rem;font-weight:950;overflow:hidden}.spot-world__list-count{color:#67e8f9;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;flex:none;font-size:.55rem;font-weight:900}.spot-world__list-count span{opacity:.5}.spot-world__list>div{overscroll-behavior:contain;max-height:calc(min(48dvh,470px) - 2.6rem);overflow-y:auto}.spot-world__list>div>button{text-align:left;content-visibility:auto;contain-intrinsic-size:auto 3.8rem;border-bottom:1px solid #94a3b812;grid-template-columns:2.7rem minmax(0,1fr) auto;align-items:center;gap:.65rem;width:100%;padding:.55rem .7rem;transition:background .14s;display:grid}.spot-world__list>div>button:hover,.spot-world__list>div>button.is-active{background:#0891b226}.spot-world__list img{-o-object-fit:cover;object-fit:cover;border-radius:.55rem;width:2.7rem;height:2.7rem}.spot-world__list b,.spot-world__list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.spot-world__list b{color:#fff;text-transform:uppercase;font-size:.68rem}.spot-world__list small{color:#67e8f9;margin-top:.15rem;font-size:.58rem}.spot-world__list button>svg{color:#64748b;width:.85rem}.spot-world--expanded .spot-world__level-card{top:auto;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom))}.spot-world--expanded .spot-world__controls{right:max(1rem, env(safe-area-inset-right));bottom:calc(max(1rem, env(safe-area-inset-bottom)) + 10rem)}.spot-world__fallback{z-index:5;text-align:center;place-items:center;display:grid;position:absolute;inset:0}.spot-world__fallback p{color:#94a3b8;max-width:19rem;font-size:.68rem;position:absolute;bottom:1rem}.spot-world__poster-globe{aspect-ratio:1;background:radial-gradient(circle at 34% 26%,#67e8f94d,#0000 24%),repeating-linear-gradient(90deg,#0000 0 32px,#22d3ee1f 33px 34px),repeating-linear-gradient(0deg,#0000 0 32px,#22d3ee1a 33px 34px),radial-gradient(circle at 60% 60%,#0e7490,#082f49 46%,#020617 72%);border:1px solid #67e8f9ad;border-radius:50%;width:min(310px,70vw);display:block;position:relative;overflow:hidden;box-shadow:inset -38px -22px 58px #000000c2,0 0 46px #22d3ee40}.spot-world__poster-globe:after{content:"";border:1px solid #67e8f940;border-radius:50%;position:absolute;inset:-8%}.spot-world__poster-globe i{background:#22d3ee;border:2px solid #fff;border-radius:50%;width:.65rem;height:.65rem;position:absolute;box-shadow:0 0 18px #22d3ee}.spot-world__poster-globe i:first-child{top:35%;left:27%}.spot-world__poster-globe i:nth-child(2){top:46%;right:23%}.spot-world__poster-globe i:nth-child(3){bottom:23%;left:52%}.spot-world__empty{color:#94a3b8;text-align:center;padding:1rem;font-size:.72rem}.spot-world__empty button{color:#fff;text-transform:uppercase;background:#0e7490;border-radius:.55rem;justify-content:center;align-items:center;gap:.4rem;margin-top:.55rem;padding:.45rem .7rem;font-weight:900;display:inline-flex}.spot-world__empty button svg{stroke-width:2.4px;flex:none;width:.9rem;height:.9rem}.spot-world__empty--compact{z-index:12;text-align:left;max-width:360px;padding:0;position:absolute;bottom:1.1rem;left:clamp(1.5rem,5vw,4.5rem)}.spot-world__error{color:#bae6fd;background:#082f4975;border:1px solid #67e8f929;border-radius:999px;max-width:100%;margin-top:.75rem;padding:.4rem .7rem;font-size:.62rem;font-weight:700;line-height:1.35;display:inline-flex}.spot-world--skeleton .spot-world__stage{place-items:center;display:grid}.spot-world--skeleton .spot-world__poster-globe{animation:4s ease-in-out infinite spot-world-float}.spot-world__loading-line{background:#94a3b829;border-radius:999px;width:8rem;height:.35rem;margin-top:1rem;display:block;overflow:hidden}.spot-world__loading-line:after{content:"";border-radius:inherit;background:#22d3ee;width:44%;height:100%;animation:1.1s ease-in-out infinite alternate spot-world-loading;display:block}@keyframes spot-world-spin{to{transform:rotate(360deg)}}@keyframes spot-world-float{50%{transform:translateY(-8px)rotate(2deg)}}@keyframes spot-world-loading{to{transform:translate(130%)}}@keyframes spot-world-particle-pulse{50%{opacity:.46;transform:scale(.7)}}@media (width<=720px){.spot-world{border-radius:1.5rem;min-height:570px}.spot-world__copy{text-align:center;width:calc(100% - 2.5rem);top:1.35rem;left:1.25rem;transform:none}.spot-world__copy h2{font-size:clamp(3.1rem,18vw,4.5rem)}.spot-world__copy>p{margin-inline:auto}.spot-world__stage{inset:12rem 0 0}.spot-world__stage:after{background:0 0}.spot-world__map.maplibregl-map{mask-image:linear-gradient(#0000 0%,#0000009e 12%,#000 27%)}.spot-world__explore{margin-top:.85rem}.spot-world__level-card{grid-template-columns:5.8rem minmax(0,1fr);width:calc(100% - 1.5rem);top:auto;bottom:.85rem;right:.75rem}.spot-world__level-card>img{min-height:7.3rem}.spot-world__controls{bottom:8.7rem;right:.75rem}.spot-world__empty--compact{text-align:center;background:linear-gradient(#0000,#020617f0 34%);max-width:none;padding:2.25rem 1rem 1rem;bottom:0;left:0;right:0}.spot-world__empty--compact p{text-shadow:0 1px 6px #020617;max-width:18rem;margin-inline:auto}.spot-world--expanded .spot-world__copy{top:max(.8rem, env(safe-area-inset-top));text-align:left;width:auto;left:.9rem}.spot-world--expanded .spot-world__copy h2{font-size:2.3rem}.spot-world--expanded .spot-world__stage{inset:0}.spot-world--expanded .spot-world__map.maplibregl-map{mask-image:none}.spot-world__expanded-header>span{display:none}.spot-world__list{width:auto;max-height:27dvh;bottom:.75rem;left:.75rem;right:.75rem}.spot-world__list-head{gap:.4rem}.spot-world__list-count{letter-spacing:.02em;font-size:.5rem}.spot-world__list>div{max-height:calc(27dvh - 2.6rem)}.spot-world--expanded .spot-world__level-card{width:auto;bottom:calc(27dvh + 1.4rem);left:.75rem;right:.75rem}.spot-world--expanded .spot-world__controls{flex-direction:column;top:4rem;bottom:auto;right:.75rem}.spot-world--compact{--spot-world-globe-top:.6rem;min-height:calc(var(--spot-world-globe-top) + min(30rem, 100vw - 4rem) * 1.21 + 5rem);overflow:visible}.spot-world--compact:before{inset:0 -12%;mask-image:radial-gradient(circle at 50% 62%,#000,#0000 68%)}.spot-world--compact .spot-world__copy{text-align:center;width:calc(100% - 2rem);top:1.25rem;left:1rem}.spot-world__title-belt-scene{perspective:760px;width:120%;top:72%;bottom:-8%;left:-10%}.spot-world__title-belt-word{font-size:clamp(1.8rem,10vw,2.8rem)}.spot-world__title-belt-webgl{inset:78% -17% -30%}.spot-world__title-belt-grab{width:100%;height:27%;top:80%;left:0}.spot-world--compact .spot-world__stage{inset:var(--spot-world-globe-top) auto auto 50%;width:min(30rem,100%)}.spot-world--compact .spot-world__map.maplibregl-map{inset:-16%}.spot-world--compact .spot-world__orbital-vfx{inset:-8%}.spot-world--compact .spot-world__controls{left:auto;right:-.25rem}.spot-world--compact .spot-world__empty--compact{background:0 0;max-width:none;padding:1.1rem 1rem 1rem;bottom:0;left:0;right:0}}@media (prefers-reduced-motion:reduce){.spot-world *,.spot-world :before,.spot-world :after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}