.cwShell{position:fixed;inset:0;z-index:140;display:none;background:#07192a;color:#eefaff;overflow:hidden}.cwShell.open{display:grid;grid-template-rows:68px 1fr}.cwTop{display:flex;align-items:center;gap:16px;padding:0 18px;background:rgba(4,18,31,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1);z-index:10}.cwBack,.cwReset{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:14px;padding:10px 14px;font-weight:900;cursor:pointer}.cwReset{margin-left:auto}.cwTitle{display:flex;flex-direction:column}.cwTitle span{font-size:10px;letter-spacing:.18em;color:#78d7ff;font-weight:950}.cwTitle strong{font-size:14px}.cwBody{min-height:0;overflow:auto}.cwChoose{min-height:100%;padding:clamp(24px,5vw,72px);background:radial-gradient(circle at 15% 15%,rgba(65,185,255,.2),transparent 30%),radial-gradient(circle at 80% 20%,rgba(145,102,255,.22),transparent 32%),linear-gradient(180deg,#0b2035,#07131f)}.cwChooseIntro{max-width:800px;margin:0 auto 36px;text-align:center}.cwKicker{display:inline-flex;padding:7px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);font-size:11px;letter-spacing:.13em;font-weight:950;color:#aeeaff}.cwChooseIntro h1,.cwNameCard h1{font-size:clamp(2.6rem,6vw,5.8rem);line-height:.92;letter-spacing:-.05em;margin:18px 0}.cwChooseIntro p,.cwNameCard p{color:#b7ccda;line-height:1.7;font-size:1.02rem}.cwThemeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1180px;margin:auto}.cwThemeCard{position:relative;min-height:260px;overflow:hidden;text-align:left;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:30px;padding:28px;background:#102c44;box-shadow:0 30px 70px rgba(0,0,0,.28);cursor:pointer;transition:.3s}.cwThemeCard:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 38px 90px rgba(0,0,0,.4)}.cwThemeCard:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 75% 20%,rgba(255,255,255,.34),transparent 28%);animation:cwGlow 7s ease-in-out infinite}.cwThemeCard>div,.cwThemeCard>b,.cwThemeEmoji{position:relative;z-index:2}.cwThemeEmoji{display:block;font-size:76px;filter:drop-shadow(0 18px 22px rgba(0,0,0,.25));animation:cwFloat 4s ease-in-out infinite}.cwThemeCard strong{display:block;font-size:1.7rem;margin:16px 0 8px}.cwThemeCard p{max-width:520px;color:rgba(255,255,255,.84);line-height:1.55}.cwThemeCard>b{display:inline-flex;margin-top:8px}.cw-water{--cw1:#0a87ad;--cw2:#063a72;--cw3:#23d5c6}.cw-prehistoric{--cw1:#55883c;--cw2:#9b6335;--cw3:#d4c14f}.cw-future{--cw1:#5e50bc;--cw2:#16244e;--cw3:#31e7ff}.cw-mixed{--cw1:#1f8794;--cw2:#7050a0;--cw3:#ffc85a}.cwThemeCard.cw-water{background:linear-gradient(145deg,#19b8cc,#075882 62%,#032d53)}.cwThemeCard.cw-prehistoric{background:linear-gradient(145deg,#7bb954,#705331 62%,#352f25)}.cwThemeCard.cw-future{background:linear-gradient(145deg,#8c73ff,#293378 58%,#10193b)}.cwThemeCard.cw-mixed{background:linear-gradient(145deg,#28a9bd,#5b4f96 55%,#bd7b41)}@keyframes cwGlow{50%{transform:translate(-8%,8%) scale(1.08)}}@keyframes cwFloat{50%{transform:translateY(-10px) rotate(3deg)}}.cwNaming{min-height:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px;padding:clamp(26px,7vw,90px);background:radial-gradient(circle at 25% 30%,var(--cw1),transparent 35%),radial-gradient(circle at 80% 70%,var(--cw3),transparent 28%),#071421}.cwNamePlanet{display:grid;place-items:center;min-height:420px}.cwNamePlanet span{font-size:clamp(150px,23vw,330px);filter:drop-shadow(0 40px 45px rgba(0,0,0,.35));animation:cwPlanet 8s ease-in-out infinite}.cwNameCard{max-width:620px}.cwNameCard label{display:grid;gap:8px;font-size:12px;letter-spacing:.08em;color:#b5ccdc;margin:22px 0}.cwNameCard input{width:100%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.09);color:#fff;border-radius:16px;padding:16px 18px;font-size:1.15rem;outline:0}.cwNameCard input:focus{border-color:#6fe7ff;box-shadow:0 0 0 4px rgba(99,224,255,.12)}.cwNameCard .primary,.cwNameCard .secondary{margin-right:8px}@keyframes cwPlanet{50%{transform:translateY(-18px) rotate(-3deg) scale(1.03)}}.cwWorld{height:100%;min-height:650px;display:grid;grid-template-columns:minmax(0,1fr) min(420px,38vw);background:#071521}.cwScene{position:relative;overflow:hidden;min-height:650px;background:linear-gradient(180deg,color-mix(in srgb,var(--cw1) 76%,#a9efff),var(--cw2));isolation:isolate}.cwScene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.28)),radial-gradient(circle at 50% 40%,transparent,rgba(0,0,0,.14));z-index:8}.cwSkyGlow{position:absolute;width:48vw;height:48vw;right:-12vw;top:-25vw;border-radius:50%;background:radial-gradient(circle,#fff9bd 0,rgba(255,243,160,.5) 18%,transparent 62%);animation:cwSun 9s ease-in-out infinite}.cwCloud{position:absolute;width:180px;height:45px;border-radius:50px;background:rgba(255,255,255,.38);filter:blur(1px)}.cwCloud:before,.cwCloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cwCloud:before{width:72px;height:72px;left:28px;bottom:4px}.cwCloud:after{width:95px;height:64px;right:20px;bottom:1px}.cwCloud.c1{top:18%;left:-180px;animation:cwCloudMove 24s linear infinite}.cwCloud.c2{top:28%;left:-220px;transform:scale(.72);animation:cwCloudMove 31s linear 8s infinite}.cwHorizon{position:absolute;left:-5%;right:-5%;bottom:0;height:44%;background:linear-gradient(180deg,var(--cw3),color-mix(in srgb,var(--cw2) 65%,#111));clip-path:polygon(0 36%,9% 26%,19% 34%,29% 18%,41% 35%,54% 20%,65% 32%,76% 17%,88% 29%,100% 14%,100% 100%,0 100%);z-index:2}.cw-water .cwHorizon{height:52%;background:linear-gradient(180deg,#1a9ab7,#075272 54%,#06334f)}.cw-future .cwHorizon{height:42%;background:linear-gradient(180deg,#1c315a,#0b1534)}.cw-mixed .cwHorizon{background:linear-gradient(90deg,#17869c 0 34%,#4a773b 35% 64%,#2a2d64 65%)}.cwWave{position:absolute;left:-20%;width:140%;height:170px;border-radius:42%;background:rgba(72,218,236,.22);z-index:3;animation:cwWave 6s ease-in-out infinite}.cwWave.w1{bottom:18%;transform:rotate(-2deg)}.cwWave.w2{bottom:8%;animation-delay:-2s;background:rgba(10,91,141,.3)}.cwBubbles{position:absolute;inset:0;z-index:4;background-image:radial-gradient(circle,rgba(255,255,255,.55) 0 3px,transparent 4px),radial-gradient(circle,rgba(255,255,255,.35) 0 2px,transparent 3px);background-size:120px 140px,170px 190px;animation:cwBubble 11s linear infinite}.cwVolcano{position:absolute;left:8%;bottom:29%;width:180px;height:160px;background:linear-gradient(145deg,#55412f,#2e3527);clip-path:polygon(50% 0,100% 100%,0 100%);z-index:4}.cwVolcano i{position:absolute;left:39%;top:7%;width:22%;height:20%;background:#ffad46;border-radius:50%;box-shadow:0 0 26px #ff713d;animation:cwLava 2s ease-in-out infinite}.cwFern{position:absolute;bottom:25%;z-index:5;font-size:70px;filter:drop-shadow(0 14px 12px rgba(0,0,0,.25));animation:cwSway 4s ease-in-out infinite}.cwFern.f1{left:24%}.cwFern.f2{right:10%;animation-delay:-1.4s}.cwNeonGrid{position:absolute;inset:auto 0 0;height:42%;z-index:3;background:linear-gradient(rgba(49,231,255,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(49,231,255,.17) 1px,transparent 1px);background-size:42px 42px;transform:perspective(400px) rotateX(55deg) scale(1.3);transform-origin:bottom}.cwSkyLane{position:absolute;right:5%;top:18%;width:48%;height:2px;background:linear-gradient(90deg,transparent,#69ecff,transparent);z-index:6;transform:rotate(-9deg)}.cwSkyLane b{position:absolute;right:0;top:-24px;font-size:30px;animation:cwFly 6s linear infinite}.cwStructures{position:absolute;inset:0;z-index:6}.cwStructure{position:absolute;font-size:clamp(42px,6vw,88px);filter:drop-shadow(0 16px 14px rgba(0,0,0,.32));animation:cwBuildIn .8s cubic-bezier(.2,1.5,.4,1) both,cwSway 5s ease-in-out calc(var(--i)*-.3s) infinite}.cwStructure.s0{left:13%;bottom:18%}.cwStructure.s1{left:34%;bottom:11%}.cwStructure.s2{right:24%;bottom:20%}.cwStructure.s3{right:8%;bottom:8%}.cwStructure.s4{left:53%;bottom:30%}.cwStructure.s5{left:6%;bottom:34%}.cwExplorer{position:absolute;left:49%;bottom:8%;z-index:7;font-size:58px;filter:drop-shadow(0 12px 12px rgba(0,0,0,.28));animation:cwWalk 3.6s ease-in-out infinite}.cwAmbient{position:absolute;z-index:6;font-size:44px;filter:drop-shadow(0 10px 10px rgba(0,0,0,.25))}.cwAmbient.a1{left:18%;top:38%;animation:cwAmbient 8s ease-in-out infinite}.cwAmbient.a2{right:18%;top:30%;animation:cwAmbient 10s ease-in-out -3s infinite reverse}.cwWorldName{position:absolute;left:32px;top:32px;z-index:9;text-shadow:0 3px 15px rgba(0,0,0,.35)}.cwWorldName small{font-weight:900;letter-spacing:.08em}.cwWorldName h1{font-size:clamp(2.4rem,5vw,5rem);line-height:.9;margin:8px 0 10px;letter-spacing:-.05em;max-width:700px}.cwWorldName p{margin:0}.cwGrowth{position:absolute;left:28px;right:28px;bottom:24px;z-index:9;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:rgba(6,23,37,.58);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.16);font-size:12px}.cwGrowth>div{height:8px;background:rgba(255,255,255,.15);border-radius:999px;overflow:hidden}.cwGrowth i,.cwPhaseBar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#50e6ff,#8dff9d,#ffe36f);transition:width .8s cubic-bezier(.2,.8,.2,1)}.cwMission{position:relative;height:100%;overflow:auto;padding:28px;background:linear-gradient(180deg,#0b2135,#071622);border-left:1px solid rgba(255,255,255,.09)}.cwPhaseHead{display:flex;align-items:center;gap:12px}.cwPhaseHead>span{font-size:40px}.cwPhaseHead small,.cwTask small{color:#79dfff;letter-spacing:.12em;font-size:10px;font-weight:950}.cwPhaseHead h2,.cwTask h2{margin:3px 0 0}.cwPhaseBar{height:8px;margin-top:18px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}.cwPhaseCount{display:block;color:#94adbd;margin-top:8px}.cwTask{margin-top:26px;padding:22px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border-radius:24px;box-shadow:0 18px 44px rgba(0,0,0,.18)}.cwTaskIcon{display:block;font-size:54px;margin-bottom:12px;animation:cwFloat 3.8s ease-in-out infinite}.cwTask h2{font-size:1.55rem;margin:7px 0}.cwTask p{color:#b5c8d4;line-height:1.55}.cwTaskChecks{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.cwTaskChecks span{font-size:11px;padding:6px 9px;border-radius:999px;background:rgba(112,237,207,.1);border:1px solid rgba(112,237,207,.2);color:#aef4dd}.cwComplete{width:100%;border:0;border-radius:16px;padding:14px 16px;background:linear-gradient(135deg,#2ad29f,#35b5ff);color:#fff;font-weight:950;cursor:pointer;box-shadow:0 12px 28px rgba(48,186,195,.2);transition:.2s}.cwComplete:hover{transform:translateY(-2px);filter:brightness(1.08)}.cwUnlocked{margin-top:22px}.cwUnlocked h3{font-size:13px;color:#a8c4d5}.cwUnlocked>div{display:flex;gap:7px;flex-wrap:wrap}.cwUnlocked span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.08);font-size:25px;animation:cwBuildIn .55s cubic-bezier(.2,1.5,.4,1) calc(var(--d)*.05s) both}.cwConfetti{position:absolute;z-index:20;left:var(--x);top:-20px;width:10px;height:18px;border-radius:3px;background:hsl(calc(var(--x)*3.6),85%,65%);animation:cwConfetti 1.8s ease-in var(--delay) forwards}.cwGrowBurst .cwScene{animation:cwPulse .8s ease}.cwCelebration{border-color:rgba(255,226,105,.3);background:linear-gradient(145deg,rgba(255,211,87,.13),rgba(101,89,255,.1))}@keyframes cwSun{50%{transform:scale(1.05);opacity:.86}}@keyframes cwCloudMove{to{transform:translateX(calc(100vw + 420px))}}@keyframes cwWave{50%{transform:translateX(6%) rotate(1deg)}}@keyframes cwBubble{to{background-position:0 -280px,0 -380px}}@keyframes cwLava{50%{transform:scale(1.25);filter:brightness(1.4)}}@keyframes cwSway{50%{transform:translateY(-5px) rotate(2deg)}}@keyframes cwFly{from{transform:translateX(0)}to{transform:translateX(-48vw)}}@keyframes cwBuildIn{from{transform:translateY(65px) scale(.3);opacity:0}to{opacity:1}}@keyframes cwWalk{50%{transform:translateX(28px) translateY(-5px)}}@keyframes cwAmbient{50%{transform:translate(55px,-18px) rotate(5deg)}}@keyframes cwPulse{50%{filter:brightness(1.25) saturate(1.15)}}@keyframes cwConfetti{to{transform:translateY(90vh) rotate(var(--r));opacity:0}}body.cw-open{overflow:hidden}@media(max-width:900px){.cwWorld{grid-template-columns:1fr;grid-template-rows:minmax(500px,62vh) auto;height:auto}.cwMission{border-left:0;border-top:1px solid rgba(255,255,255,.09)}.cwNaming{grid-template-columns:1fr}.cwNamePlanet{min-height:230px}.cwThemeGrid{grid-template-columns:1fr}.cwGrowth{grid-template-columns:1fr}.cwGrowth span,.cwGrowth b{display:none}}@media(max-width:620px){.cwShell.open{grid-template-rows:60px 1fr}.cwTop{padding:0 10px}.cwTitle strong{display:none}.cwBack,.cwReset{padding:8px 10px}.cwChoose{padding:24px 14px}.cwThemeCard{min-height:230px;padding:20px}.cwNaming{padding:20px}.cwWorld{grid-template-rows:58vh auto}.cwWorldName{left:18px;top:20px}.cwGrowth{left:14px;right:14px;bottom:14px}.cwMission{padding:20px}.cwExplorer{font-size:44px}.cwStructure{font-size:48px}}@media(prefers-reduced-motion:reduce){.cwShell *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}