.galaxy-map-page{height:100svh;min-height:620px;overflow:hidden}.galaxy-map-page .space{background:radial-gradient(circle at 50% 48%,#171347 0%,#090a2b 34%,#030511 82%)}.galaxy-map-page .stars-a{opacity:.78}.galactic-band{position:absolute;width:135%;height:37%;left:-18%;top:33%;transform:rotate(-14deg);background:linear-gradient(180deg,transparent,rgba(111,87,190,.08) 25%,rgba(139,116,225,.2) 50%,rgba(60,137,198,.08) 73%,transparent);filter:blur(13px)}.galactic-band:after{content:"";position:absolute;inset:42% 0;background:radial-gradient(ellipse at center,rgba(255,255,255,.3),rgba(149,115,225,.12) 24%,transparent 68%);filter:blur(6px)}.cosmic-cloud{position:absolute;width:35vw;height:22vw;border-radius:50%;filter:blur(65px);opacity:.18}.cloud-one{left:-8vw;bottom:0;background:#2d70b9}.cloud-two{right:-8vw;top:2vh;background:#9639c5}.meteor{position:absolute;width:115px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9));transform:rotate(-31deg);animation:meteorFlash 5s ease-in-out infinite}.meteor:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff}.meteor-one{left:13%;top:17%}.meteor-two{right:12%;top:27%;animation-delay:-2.1s;transform:rotate(-23deg) scale(.65)}.meteor-three{right:30%;bottom:13%;animation-delay:-3.4s;transform:rotate(-37deg) scale(.45)}
.map-header{position:fixed;z-index:20;top:0;left:50%;width:min(1400px,calc(100% - 56px));height:76px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}.universe-map{position:relative;width:min(1500px,100vw);height:100svh;min-height:620px;margin:auto;isolation:isolate}.map-intro{position:absolute;z-index:5;left:50%;top:48%;width:380px;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.map-intro .eyebrow{margin-bottom:11px}.map-intro h1{font-size:clamp(44px,5vw,78px);line-height:.95}.map-intro>p:last-child{margin:19px 0 0;color:#a6a3bd;font-size:13px;letter-spacing:.11em}.orbit-lines{position:absolute;inset:0;pointer-events:none;opacity:.42}.orbit-lines i{position:absolute;left:50%;top:50%;width:68vw;max-width:1050px;height:43vh;border:1px solid rgba(181,169,236,.17);border-radius:50%;transform:translate(-50%,-50%) rotate(-13deg)}.orbit-lines i:nth-child(2){width:88vw;max-width:1360px;height:67vh;transform:translate(-50%,-50%) rotate(8deg);border-style:dashed}.orbit-lines i:nth-child(3){width:47vw;max-width:720px;height:28vh;transform:translate(-50%,-50%) rotate(28deg)}
.map-planet{--size:110px;position:absolute;z-index:6;width:max-content;display:flex;align-items:center;gap:13px;transition:transform .3s,filter .3s}.map-planet .planet{flex:0 0 auto;width:var(--size);height:var(--size);animation:planetDrift 6s ease-in-out infinite}.map-planet:before{content:"";position:absolute;left:calc(var(--size)/2);top:calc(var(--size)/2);width:calc(var(--size) + 24px);height:calc(var(--size)*.35);border:1px solid rgba(220,211,255,.25);border-radius:50%;transform:translate(-50%,-50%) rotate(-16deg);pointer-events:none}.map-planet:hover,.map-planet:focus-visible{z-index:12;transform:scale(1.1);filter:brightness(1.16);outline:none}.planet-label{display:flex;flex-direction:column;padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(5,8,30,.58);backdrop-filter:blur(8px);white-space:nowrap;box-shadow:0 8px 25px rgba(0,0,0,.18)}.planet-label small{color:#9692b1;font:600 9px "Space Grotesk";letter-spacing:.15em}.planet-label strong{margin-top:4px;font-size:13px}
.mission-1{--size:132px;left:5.5%;top:18%}.mission-2{--size:88px;left:23%;bottom:9%;flex-direction:column}.mission-3{--size:101px;left:27%;top:15%;flex-direction:column-reverse}.mission-4{--size:84px;right:21%;top:14%;flex-direction:column}.mission-5{--size:112px;right:5%;top:42%;flex-direction:row-reverse}.mission-6{--size:142px;right:17%;bottom:6%;flex-direction:row-reverse}.mission-2 .planet,.mission-5 .planet{animation-delay:-2.2s}.mission-3 .planet,.mission-6 .planet{animation-delay:-4.1s}.mission-4:before{transform:translate(-50%,-50%) rotate(22deg)}.mission-5:before{transform:translate(-50%,-50%) rotate(-29deg)}.mission-6:before{width:calc(var(--size) + 60px);height:calc(var(--size)*.3);border-color:rgba(202,190,255,.42)}.ringed-planet{position:relative;display:grid;place-items:center}.ringed-planet:after{content:"";position:absolute;width:calc(var(--size) + 55px);height:calc(var(--size)*.28);border-radius:50%;border:7px solid rgba(155,143,215,.33);transform:rotate(-15deg);box-shadow:0 0 14px rgba(174,158,238,.12)}.map-note{position:absolute;left:50%;bottom:23px;margin:0;transform:translateX(-50%);color:#85829d;font-size:11px;letter-spacing:.13em;white-space:nowrap}.map-note span{color:#79ffc0;text-shadow:0 0 9px #79ffc0}
@keyframes planetDrift{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes meteorFlash{0%,65%,100%{opacity:0}73%{opacity:.8}87%{opacity:0;translate:55px 31px}}
@media(max-width:1050px){.map-intro{width:310px}.mission-1{left:3%}.mission-3{left:25%;top:13%}.mission-4{right:19%;top:13%}.mission-5{right:2%}.mission-6{right:12%}.planet-label{padding:7px 9px}.planet-label strong{font-size:11px}}
@media(max-width:720px){.galaxy-map-page,.universe-map{min-height:600px}.map-header{width:calc(100% - 30px);height:64px}.map-header .mission-status{display:none}.map-intro{top:47%;width:235px}.map-intro h1{font-size:46px}.map-intro>p:last-child{font-size:10px}.map-planet{--size:66px;gap:6px}.planet-label{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);padding:5px 7px;text-align:center}.planet-label small{display:none}.planet-label strong{font-size:9px}.mission-1{--size:79px;left:3%;top:17%}.mission-2{--size:62px;left:8%;bottom:12%}.mission-3{--size:63px;left:36%;top:12%}.mission-4{--size:59px;right:7%;top:18%}.mission-5{--size:68px;right:2%;top:57%}.mission-6{--size:83px;right:27%;bottom:7%}.mission-3 .planet-label{top:auto;bottom:calc(100% + 4px)}.ringed-planet:after{border-width:4px}.map-note{bottom:12px;font-size:9px}}
@media(max-height:700px) and (min-width:721px){.map-header{height:62px}.universe-map{transform:scale(.9);transform-origin:center;width:111.11%;margin-left:-5.55%}}@media(prefers-reduced-motion:reduce){.map-planet .planet,.meteor{animation:none!important}}

/* Larger, more characterful planets */
.planet-label{padding:12px 16px;border-color:rgba(255,255,255,.17);background:rgba(6,8,33,.78);box-shadow:0 10px 32px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.05)}
.planet-label small{font-size:11px}.planet-label strong{font-size:17px;margin-top:5px}
.mission-1{--size:170px;left:3.5%;top:15%}.mission-2{--size:114px;left:19%;bottom:5%}.mission-3{--size:132px;left:26%;top:11%}.mission-4{--size:112px;right:20%;top:10%}.mission-5{--size:145px;right:2.5%;top:39%}.mission-6{--size:182px;right:13%;bottom:2%}

.map-planet .planet-vat{background:radial-gradient(circle at 28% 25%,rgba(255,255,210,.95) 0 4%,transparent 5%),radial-gradient(circle at 65% 67%,#702b47 0 8%,transparent 9%),radial-gradient(circle at 32% 28%,#fff1a0 0 5%,#f38a45 21%,#b33f5f 48%,#3b1d70 79%);box-shadow:inset -34px -31px 48px rgba(30,4,20,.55),inset 20px 18px 25px rgba(255,240,190,.18),0 0 55px rgba(255,108,84,.42)}
.map-planet .planet-vat:before{width:34%;height:11%;left:17%;top:58%;border-radius:55% 28% 58% 35%;background:#8f304b;transform:rotate(16deg);box-shadow:45px -54px 0 -5px rgba(91,30,74,.65),68px 17px 0 -9px rgba(255,188,100,.38)}
.map-planet .planet-gacha{background:repeating-linear-gradient(168deg,transparent 0 15%,rgba(211,255,255,.22) 16% 20%,transparent 21% 31%),radial-gradient(circle at 31% 24%,#d5ffff 0 5%,#52c9d7 25%,#216ca5 56%,#242755 86%);box-shadow:inset -25px -24px 40px rgba(0,0,35,.55),inset 15px 14px 22px rgba(224,255,255,.25),0 0 48px rgba(64,224,255,.5)}
.map-planet .planet-gacha:before{width:47%;height:18%;left:13%;top:58%;border-radius:70% 35%;background:rgba(195,255,255,.25);transform:rotate(-24deg);filter:blur(1px)}
.map-planet .planet-company{background:radial-gradient(circle at 68% 30%,rgba(245,211,255,.32) 0 7%,transparent 8%),radial-gradient(circle at 33% 27%,#f4d9ff 0 4%,#b078e6 23%,#6843aa 52%,#2b1b59 84%);box-shadow:inset -29px -28px 44px rgba(20,5,45,.58),inset 17px 16px 24px rgba(255,255,255,.15),0 0 55px rgba(180,112,255,.45)}
.map-planet .planet-company:before,.map-planet .planet-company:after{border:2px solid rgba(45,18,87,.3);background:rgba(53,25,101,.32);box-shadow:inset 3px 3px 6px rgba(10,0,40,.25)}
.map-planet .planet-company:before{width:25%;height:18%;left:18%;top:45%}.map-planet .planet-company:after{width:15%;height:12%;right:17%;bottom:19%}
.map-planet .planet-four{background:radial-gradient(ellipse at 28% 38%,#9bbd70 0 13%,transparent 14%),radial-gradient(ellipse at 71% 64%,#7fa25c 0 17%,transparent 18%),radial-gradient(circle at 31% 26%,#d8f3d0 0 3%,#76aeb1 27%,#3f7b85 58%,#263f55 88%);box-shadow:inset -25px -24px 40px rgba(3,25,36,.58),inset 15px 14px 22px rgba(235,255,234,.22),0 0 45px rgba(99,204,185,.42)}
.map-planet .planet-four:before{width:44%;height:22%;left:18%;top:25%;border-radius:60% 25% 50% 38%;background:#8caf63;transform:rotate(-18deg);box-shadow:27px 45px 0 -8px #789451}
.map-planet .planet-five{background:repeating-linear-gradient(178deg,rgba(255,218,140,.2) 0 8%,rgba(101,53,70,.14) 9% 16%),radial-gradient(circle at 31% 25%,#ffe8a5 0 4%,#d18b3d 28%,#854c38 61%,#452744 88%);box-shadow:inset -30px -27px 45px rgba(36,12,30,.6),inset 16px 16px 24px rgba(255,235,174,.18),0 0 50px rgba(255,170,79,.42)}
.mission-5:before{width:calc(var(--size) + 68px);height:calc(var(--size)*.24);border:6px solid rgba(228,174,111,.35);box-shadow:0 0 18px rgba(255,180,100,.18)}
.map-planet .planet-six{background:repeating-linear-gradient(176deg,rgba(237,225,255,.22) 0 7%,rgba(74,62,137,.12) 8% 15%),radial-gradient(circle at 31% 25%,#e8dbff 0 4%,#9184dd 29%,#6258a8 59%,#29284f 88%);box-shadow:inset -36px -32px 50px rgba(15,12,48,.6),inset 20px 18px 28px rgba(255,255,255,.16),0 0 68px rgba(154,136,255,.48)}

/* Bright meteor shower travelling from upper-right to lower-left */
.meteor{z-index:2;width:clamp(230px,25vw,420px);height:4px;border-radius:99px;background:linear-gradient(90deg,#fff 0%,#bff5ff 5%,rgba(116,204,255,.78) 25%,rgba(147,103,255,.3) 63%,transparent 100%);box-shadow:-5px 0 16px #fff,0 0 18px rgba(104,208,255,.85);transform:rotate(-45deg);transform-origin:left center;opacity:.9;animation:meteorDiagonal 4.8s ease-in-out infinite}
.meteor:before{content:"";position:absolute;left:-5px;top:-5px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 0 14px 5px #9eefff,0 0 28px 10px rgba(139,101,255,.65)}
.meteor:after{display:none}.meteor-one{left:auto;right:-2%;top:12%;animation-delay:0s}.meteor-two{left:auto;right:17%;top:-2%;transform:rotate(-45deg) scale(.7);animation-delay:-1.7s}.meteor-three{left:auto;right:-5%;top:38%;bottom:auto;transform:rotate(-45deg) scale(.48);animation-delay:-3.2s}
@keyframes meteorDiagonal{0%,12%{opacity:0;translate:150px -150px}22%{opacity:1}62%{opacity:.9}78%,100%{opacity:0;translate:-360px 360px}}

@media(max-width:1050px) and (min-width:721px){.mission-1{--size:145px}.mission-2{--size:100px;left:17%}.mission-3{--size:115px;left:25%}.mission-4{--size:100px;right:18%}.mission-5{--size:125px}.mission-6{--size:154px;right:10%}.planet-label strong{font-size:14px}}
@media(max-width:720px){.planet-label{padding:7px 9px}.planet-label strong{font-size:11px}.mission-1{--size:94px}.mission-2{--size:72px}.mission-3{--size:75px}.mission-4{--size:70px}.mission-5{--size:82px}.mission-6{--size:101px}.meteor{width:210px;height:3px}.meteor-one{right:-25%;top:13%}.meteor-two{right:-2%;top:3%}.meteor-three{display:none}}

/* Keep mission 01 comfortably separated from mission 03 */
@media(min-width:1051px){.mission-1{left:3%;top:27%}}
@media(min-width:721px) and (max-width:1050px){.mission-1{left:2%;top:28%}}
@media(max-width:720px){.mission-1{left:2%;top:25%}}

/* Five-topic information map */
.intro-expanded{top:48%;width:440px}.intro-expanded h1{font-size:clamp(46px,5.2vw,76px)}.intro-lead{max-width:410px;margin:17px auto 15px!important;color:#c4c0d3!important;font-size:14px!important;line-height:1.7;letter-spacing:0!important}.play-flow{display:flex;align-items:center;justify-content:center;gap:8px}.play-flow>span{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:rgba(10,12,43,.7);color:#d9d6e6;font-size:11px;white-space:nowrap}.play-flow b{color:#a98aff;font:700 9px "Space Grotesk"}.play-flow i{color:#66627f;font-style:normal}.play-flow .reward-step{border-color:rgba(255,199,96,.3);color:#ffe0a2;background:rgba(78,48,61,.65)}.reward-note{margin:12px auto 0!important;color:#aaa5bc!important;font-size:10px!important;letter-spacing:.04em!important}.reward-note span{color:#ffd071}.galaxy-info-page .planet-label em{margin-top:4px;color:#9995af;font-size:10px;font-style:normal}.galaxy-info-page .map-planet:hover .planet-label em{color:#c9c3d9}
.galaxy-info-page .mission-1{--size:154px;left:2%;top:24%}.galaxy-info-page .mission-2{--size:124px;left:14%;bottom:5%;flex-direction:column}.galaxy-info-page .mission-3{--size:116px;left:auto;right:22%;top:9%;flex-direction:column}.galaxy-info-page .mission-4{--size:138px;right:2%;top:38%;flex-direction:row-reverse}.galaxy-info-page .mission-5{--size:162px;right:13%;top:auto;bottom:3%;flex-direction:row-reverse}.galaxy-info-page .mission-5:before{width:calc(var(--size) + 55px);height:calc(var(--size)*.28);border:6px solid rgba(155,143,215,.32)}
@media(max-width:1100px) and (min-width:721px){.intro-expanded{width:375px}.intro-expanded h1{font-size:56px}.intro-lead{max-width:340px;font-size:12px!important}.play-flow>span{padding:7px;font-size:9px}.galaxy-info-page .mission-1{--size:128px;left:1%}.galaxy-info-page .mission-2{--size:105px;left:10%}.galaxy-info-page .mission-3{--size:100px;right:17%}.galaxy-info-page .mission-4{--size:116px;right:1%}.galaxy-info-page .mission-5{--size:135px;right:9%}.galaxy-info-page .planet-label strong{font-size:13px}.galaxy-info-page .planet-label em{font-size:9px}}
@media(max-width:720px){.galaxy-info-page{height:auto;min-height:100svh;overflow-x:hidden;overflow-y:auto}.galaxy-info-page .universe-map{height:900px;min-height:900px}.intro-expanded{top:43%;width:300px}.intro-expanded h1{font-size:46px}.intro-lead{max-width:280px;font-size:12px!important}.play-flow{gap:4px}.play-flow>span{padding:6px;font-size:8px}.play-flow i{font-size:9px}.reward-note{max-width:260px}.galaxy-info-page .mission-1{--size:90px;left:2%;top:14%}.galaxy-info-page .mission-2{--size:76px;left:7%;bottom:8%}.galaxy-info-page .mission-3{--size:74px;right:6%;top:13%}.galaxy-info-page .mission-4{--size:84px;right:0;top:57%}.galaxy-info-page .mission-5{--size:95px;right:25%;bottom:1%}.galaxy-info-page .planet-label em{display:none}.galaxy-info-page .map-note{bottom:7px}}