:root{--ink:#17395f;--muted:#67809a;--line:#d9e8f2;--sky:#eefaff;--card:#fff;--accent:#22b47d;--blue:#4baaf4;--shadow:0 18px 50px rgba(29,71,108,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:linear-gradient(180deg,#f7fcff 0,#eefaff 48%,#fff8e9 100%);font:600 16px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}button,input,select{font:inherit}.top{position:sticky;top:0;z-index:50;height:72px;display:flex;align-items:center;gap:18px;padding:0 28px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:950;font-size:1.45rem}.brandmark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#5fcaff,#806cff);color:#fff;box-shadow:0 8px 18px rgba(78,125,212,.22)}.brand em{font-style:normal;color:#15a66e}.nav{display:flex;gap:6px}.nav button{border:0;background:transparent;color:#244d74;padding:10px 13px;border-radius:12px;font-weight:900;cursor:pointer}.nav button:hover,.nav button.active{background:#e9f7ff}.search{margin-left:auto;display:flex;align-items:center;gap:8px;width:min(360px,31vw);background:#f4f9fc;border:1px solid var(--line);border-radius:14px;padding:0 12px}.search input{width:100%;border:0;outline:0;background:transparent;padding:12px 2px;color:var(--ink)}.profileBtn{border:1px solid var(--line);background:#fff;color:#204d77;border-radius:14px;padding:11px 14px;font-weight:900;cursor:pointer}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 72px)}aside{padding:18px 14px;border-right:1px solid var(--line);background:rgba(255,255,255,.7);position:sticky;top:72px;height:calc(100vh - 72px)}.playerMini{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:0 8px 24px rgba(33,76,112,.06)}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:24px;background:linear-gradient(145deg,#ffe179,#ffb4ab)}.playerMini small{display:block;color:var(--muted);font-size:12px}.sideNav{display:grid;gap:7px;margin-top:15px}.sideNav button{border:0;background:transparent;color:#345a7e;padding:12px;border-radius:12px;text-align:left;font-weight:850;cursor:pointer}.sideNav button:hover,.sideNav button.active{background:#e9f7ff;color:#0d629d}.content{padding:28px 30px 64px;max-width:1600px;width:100%}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;min-height:390px;padding:36px;border-radius:32px;background:linear-gradient(135deg,#faffff,#e9fbff 48%,#fff6cf);border:1px solid #d7edf7;box-shadow:var(--shadow);overflow:hidden}.eyebrow{display:inline-flex;width:max-content;padding:7px 11px;border-radius:999px;background:#fff4c3;color:#6a5500;border:1px solid #ffe18a;font-size:13px;font-weight:900}.hero h1{font-size:clamp(3rem,6vw,6rem);line-height:.9;letter-spacing:-4px;margin:18px 0}.hero h1 span{color:#16a96f}.hero p{font-size:1.08rem;line-height:1.65;color:#587490;max-width:650px}.heroActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.primary,.secondary{border:0;border-radius:14px;padding:13px 18px;font-weight:950;cursor:pointer}.primary{background:linear-gradient(135deg,#17bd79,#29aaf3);color:#fff;box-shadow:0 10px 24px rgba(30,165,144,.2)}.secondary{background:#fff;color:#265177;border:1px solid var(--line)}.heroWorld{position:relative;min-height:300px;display:grid;place-items:center}.heroPlanet{font-size:150px;animation:float 4s ease-in-out infinite;filter:drop-shadow(0 24px 20px rgba(31,66,96,.2))}.heroBuddy{position:absolute;font-size:62px;padding:18px;border-radius:24px;background:rgba(255,255,255,.88);box-shadow:0 18px 36px rgba(40,75,105,.16)}.heroBuddy.one{left:10%;top:16%;animation:float 3.2s ease-in-out infinite}.heroBuddy.two{right:8%;bottom:13%;animation:float 3.8s ease-in-out infinite reverse}@keyframes float{50%{transform:translateY(-12px) rotate(2deg)}}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 28px}.stat{padding:17px 19px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px rgba(35,77,113,.06)}.stat strong{display:block;font-size:1.6rem;color:#24568e}.stat span{font-size:12px;color:var(--muted)}.sectionHead{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:26px 0 14px}.sectionHead h2{margin:0;font-size:1.6rem}.sectionHead p{margin:5px 0 0;color:var(--muted)}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:#fff;color:#355a7c;border-radius:999px;padding:8px 12px;font-weight:850;cursor:pointer}.filter.active{background:#e6f8ff;color:#0e659f;border-color:#bde5f6}.worlds{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:16px}.worldCard{border:0;background:#fff;border-radius:24px;overflow:hidden;text-align:left;color:var(--ink);box-shadow:0 12px 30px rgba(32,73,110,.11);cursor:pointer;transition:.2s;position:relative}.worldCard:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 24px 55px rgba(32,73,110,.18)}.worldVisual{height:170px;display:grid;place-items:center;font-size:76px;overflow:hidden;position:relative}.worldVisual span{animation:float 3.6s ease-in-out infinite;position:relative;z-index:2}.worldVisual:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle,rgba(255,255,255,.46),transparent 54%);animation:shimmer 6s linear infinite}@keyframes shimmer{to{transform:translate(30%,15%) rotate(30deg)}}.c1{background:linear-gradient(145deg,#ffd986,#e6a64f)}.c2{background:linear-gradient(145deg,#8fe9f6,#2ca9d0)}.c3{background:linear-gradient(145deg,#f6d8a6,#c99661)}.c4{background:linear-gradient(145deg,#bdeca8,#68bf74)}.c5{background:linear-gradient(145deg,#a9b7ff,#6959ca)}.c6{background:linear-gradient(145deg,#ffd0e6,#df73ac)}.c7{background:linear-gradient(145deg,#bde6ff,#6a9de3)}.c8{background:linear-gradient(145deg,#ffd5a8,#c58df2)}.worldBody{padding:15px}.worldTop{display:flex;justify-content:space-between;gap:8px}.worldBody h3{margin:0;font-size:1.05rem}.worldBody p{font-size:12px;line-height:1.45;color:#71889f;min-height:50px}.badge{font-size:10px;padding:5px 7px;border-radius:999px;background:#edf4f8;color:#56718b;font-weight:900}.badge.free{background:#dff8ea;color:#19704a}.progress{height:7px;background:#edf3f6;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#28c38a,#42a5f5)}.progressRow{display:flex;justify-content:space-between;color:#7b91a7;font-size:11px;margin-top:6px}.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.era{padding:15px;border-radius:18px;background:#fff;border:1px solid var(--line);text-align:center}.era b{display:block;font-size:28px}.era span{font-size:12px;color:var(--muted)}.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);color:#7890a7;font-size:12px}.footer a{color:#4b7195}.modal{position:fixed;inset:0;z-index:100;display:none;background:rgba(14,35,54,.34);backdrop-filter:blur(16px)}.modal.open{display:grid;place-items:center}.modalCard{width:min(820px,94vw);max-height:92vh;overflow:auto;background:#fff;border-radius:28px;padding:24px;box-shadow:0 35px 100px rgba(24,54,80,.28)}.modalHead{display:flex;align-items:center;gap:14px}.modalHead>div{flex:1}.modalHead h2{margin:0}.close{border:1px solid var(--line);background:#f1f8fc;color:#356080;width:44px;height:44px;border-radius:50%;cursor:pointer}.worldBack{border:1px solid var(--line);background:#eaf7ff;color:#194e77;border-radius:15px;padding:11px 14px;font-weight:950;cursor:pointer}.levelGrid{display:flex;gap:7px;overflow-x:auto;padding:8px 12px;background:#f4f9fc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.level{flex:0 0 52px;height:48px;border:1px solid #d7e5ee;background:#fff;color:#315a7e;border-radius:14px;font-weight:950;cursor:pointer}.level.done{background:#e9fff2;color:#1a724c;border-color:#abe3c4}.level.current,.level.playing{outline:3px solid #62c9f6}.level.locked{opacity:.48}.level small{display:none}.gameStage{position:relative;min-height:0;overflow:hidden}.worldModalCard{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;padding:0;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.worldModalCard .modalHead{padding:10px 16px;background:#fff}.jkGameWorld{position:absolute;inset:0;background:#a9e6ff;overflow:hidden}.jkGameCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}.jkGameHud{position:absolute;z-index:5;left:14px;right:14px;top:14px;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.jkHudPill{pointer-events:auto;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.9);backdrop-filter:blur(12px);color:#173f63;border-radius:999px;padding:10px 14px;font-weight:950;box-shadow:0 10px 24px rgba(29,66,96,.16)}.jkMissionToggle{cursor:pointer}.jkQuest{position:absolute;z-index:6;right:16px;top:72px;bottom:16px;width:min(390px,34vw);display:flex;align-items:center;transition:.25s}.jkQuest.is-hidden{transform:translateX(calc(100% + 28px));opacity:0;pointer-events:none}.missionPanel{width:100%;max-height:100%;overflow:auto;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.9);border-radius:24px;padding:20px;box-shadow:0 22px 60px rgba(24,58,87,.22)}.missionPanel h3{margin:0 0 8px}.missionPanel p{color:#607990}.missionChoices{display:grid;gap:9px}.missionChoices button,.missionAction{border:1px solid #cfe0eb;background:#fff;color:#315a79;border-radius:15px;padding:12px;font-weight:850;cursor:pointer}.missionChoices button:hover,.missionAction:hover{background:#eef9ff}.jkMovePad{position:absolute;left:16px;bottom:16px;z-index:7;display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:5px}.jkMovePad button{border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.92);color:#215071;border-radius:15px;font-size:19px;font-weight:950;box-shadow:0 8px 20px rgba(20,58,87,.17);cursor:pointer}.jkMovePad [data-dir=up]{grid-column:2}.jkMovePad [data-dir=left]{grid-column:1;grid-row:2}.jkMovePad [data-dir=down]{grid-column:2;grid-row:2}.jkMovePad [data-dir=right]{grid-column:3;grid-row:2}.gameToast{position:absolute;z-index:9;left:50%;top:18%;transform:translate(-50%,-50%);background:#fff;border-radius:999px;padding:12px 17px;font-weight:950;box-shadow:0 14px 30px rgba(20,55,85,.2);opacity:0}.gameToast.show{animation:pop .9s ease}@keyframes pop{20%,70%{opacity:1}100%{opacity:0;transform:translate(-50%,-80%)}}.musicToggle{position:fixed;right:18px;bottom:18px;z-index:70;border:1px solid #cce3ee;background:#fff;color:#26597e;border-radius:999px;padding:11px 15px;font-weight:900;box-shadow:0 10px 26px rgba(32,72,105,.15);cursor:pointer}.mobileDock{display:none}.accountGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field.full{grid-column:1/-1}.field label{display:block;font-size:13px;font-weight:850;color:#52708c;margin-bottom:6px}.field input,.field select{width:100%;border:1px solid var(--line);background:#f7fbfd;color:var(--ink);border-radius:12px;padding:12px}.profileSlots{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.slot,.paybox,.parentSafetyBox{padding:15px;border:1px solid var(--line);background:#f8fcfe;border-radius:16px}.price{font-size:2rem;font-weight:950}.note{font-size:12px;line-height:1.5;color:#6d849b}.toast{position:fixed;right:18px;bottom:74px;z-index:200;transform:translateY(80px);opacity:0;transition:.25s;background:#173f62;color:#fff;padding:12px 15px;border-radius:12px}.toast.show{transform:none;opacity:1}@media(max-width:1120px){.worlds{grid-template-columns:repeat(3,1fr)}.timeline{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.nav,.search,aside{display:none}.layout{display:block}.content{padding:18px}.hero{grid-template-columns:1fr;padding:24px}.heroWorld{min-height:230px}.worlds{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.jkQuest{left:10px;right:10px;top:auto;bottom:10px;width:auto;max-height:48%}.jkQuest.is-hidden{transform:translateY(calc(100% + 20px))}.jkMovePad{left:10px;bottom:10px;grid-template-columns:repeat(3,43px);grid-template-rows:repeat(2,43px)}.mobileDock{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:60;background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:20px;padding:7px;justify-content:space-around;box-shadow:0 14px 36px rgba(29,69,101,.2)}.mobileDock button{border:0;background:transparent;padding:9px;border-radius:12px;color:#315b7f;font-weight:850}.musicToggle{bottom:78px}.footer{padding-bottom:80px}.worldBack span{display:none}}@media(max-width:560px){.top{padding:0 12px}.brand{font-size:1.15rem}.content{padding:12px}.hero h1{letter-spacing:-2px}.worlds{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(2,1fr)}.accountGrid,.profileSlots{grid-template-columns:1fr}.field.full{grid-column:auto}.heroPlanet{font-size:110px}.heroBuddy{font-size:45px}.stats{grid-template-columns:1fr 1fr}.worldModalCard .modalHead .eyebrow{display:none}.worldModalCard .modalHead h2{font-size:1.05rem}.levelGrid{padding:6px 8px}.level{flex-basis:46px;width:46px;height:44px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}