*{box-sizing:border-box}button{font:inherit}body{color:#fff;background:#07183d;margin:0;font-family:Inter,ui-rounded,system-ui,sans-serif}.app{background:radial-gradient(circle at 50% 10%,#1768ad 0,#0b3569 27%,#07183d 65%);min-height:100vh;padding-bottom:86px}header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#061536e8;border-bottom:2px solid #1c6aa0;justify-content:space-between;align-items:center;height:72px;padding:10px max(14px,5%);display:flex;position:sticky;top:0}.brand{align-items:center;gap:9px;display:flex}.brand b{color:#ffd95a;letter-spacing:2px;font-size:24px}.brand small{letter-spacing:4px;font-size:8px;display:block}.crystal{color:#7be7ff;text-shadow:0 0 20px #2fcfff;font-size:36px}.wallet{gap:7px;display:flex}.wallet span{background:#0d2b5e;border:1px solid #32699a;border-radius:20px;align-items:center;gap:5px;padding:7px 10px;display:flex}.wallet svg{width:17px}.world,.game,.panel{max-width:760px;margin:auto}.hero{background:linear-gradient(135deg,#1762a4,#13956f);border:1px solid #67d3bf;border-radius:24px;align-items:center;gap:20px;margin:20px 14px 10px;padding:18px;display:flex;box-shadow:0 10px 30px #0005}.hero h1{color:#ffe36b;margin:2px 0;font-size:28px}.hero p{margin:0;font-weight:800}.hero span{font-size:13px}.noviCharacter{--n:82px;width:var(--n);height:calc(var(--n)*1.05);flex:none;animation:3s ease-in-out infinite noviFloat;position:relative}.noviCharacter.sm{--n:46px}.noviCharacter.lg{--n:115px}.noviGlow{filter:blur(12px);background:#67e6ff66;border-radius:50%;position:absolute;inset:8%}.noviBody{background:linear-gradient(145deg,#fff 5%,#dffaff 45%,#8ddff6);border:3px solid #fff;border-radius:48% 52% 43% 47%;position:absolute;inset:10% 12% 5%;box-shadow:inset -7px -9px 12px #47a9d255,0 5px 13px #001a3d77}.noviEar{clip-path:polygon(50% 0,100% 100%,0 76%);z-index:0;background:linear-gradient(145deg,#fff,#9be9fa);border:3px solid #fff;width:31%;height:40%;position:absolute;top:4%}.noviEar.left{left:4%;transform:rotate(-20deg)}.noviEar.right{right:4%;transform:rotate(20deg)}.noviEar i{clip-path:inherit;background:#42c9ed;position:absolute;inset:35% 30% 20%}.noviFace{height:25%;position:absolute;top:31%;left:20%;right:20%}.eye{aspect-ratio:1;background:#092d59;border-radius:50%;width:18%;position:absolute;box-shadow:inset 2px 2px #fff}.eye.left{left:8%}.eye.right{right:8%}.mouth{border-bottom:2px solid #174b70;border-radius:50%;width:18%;height:18%;position:absolute;top:52%;left:42%}.noviMark{font-size:calc(var(--n)*.16);color:#29bce8;text-shadow:0 0 7px #58eaff;position:absolute;top:9%;left:42%}.noviCrystal{font-size:calc(var(--n)*.2);color:#42d7ff;text-shadow:0 0 10px #fff;position:absolute;top:47%;right:-9%}.noviBelly{color:#4bc8e5;font-size:calc(var(--n)*.2);position:absolute;bottom:8%;left:38%}.noviFoot{background:#dffaff;border:2px solid #fff;border-radius:50%;width:27%;height:17%;position:absolute;bottom:0}.noviFoot.left{left:18%;transform:rotate(-8deg)}.noviFoot.right{right:18%;transform:rotate(8deg)}.noviSpark{color:#bdf7ff;animation:2s infinite sparkle;position:absolute}.s1{top:10%;right:-10%}.s2{top:50%;left:-7%}.noviAccessory{z-index:4;position:absolute}.noviAccessory.crown{font-size:calc(var(--n)*.4);color:#ffe158;text-shadow:0 2px #9a6611;top:-20%;left:31%}.noviAccessory.scarf{font-size:calc(var(--n)*.45);color:#ff765e;bottom:17%;left:5%;transform:rotate(15deg)}.noviCharacter.celebrate{animation:.7s ease-in-out infinite alternate noviCelebrate}.noviCharacter.concerned .mouth{border-top:2px solid #174b70;border-bottom:0;top:63%}.stats{margin:12px 20px;font-size:13px}.stats div{background:#173c69;border-radius:9px;height:8px;margin:6px 0}.stats div i{background:#ffd64c;border-radius:9px;height:100%;display:block}.valleyScene{background:linear-gradient(#2b6b9c,#8ad7dc 58%,#1c6e62);border:1px solid #5bbac5;border-radius:25px;height:230px;margin:12px 14px;transition:filter .8s;position:relative;overflow:hidden;box-shadow:0 10px 25px #0004}.valleyScene.restore0{filter:saturate(.35)brightness(.7)}.valleyScene.restore1{filter:saturate(.65)brightness(.82)}.valleyScene.restore2{filter:saturate(.9)}.valleyScene.restore3,.valleyScene.restore4{filter:saturate(1.15)brightness(1.05)}.skyOrb{background:#ffe991;border-radius:50%;width:55px;height:55px;position:absolute;top:15px;right:12%;box-shadow:0 0 35px #ffe991}.cloud{background:#e7fbffbb;border-radius:30px;width:80px;height:22px;position:absolute}.c1{animation:12s linear infinite cloud;top:35px;left:12%}.c2{animation:17s linear infinite reverse cloud;top:75px;right:20%;transform:scale(.65)}.farIsland{text-align:center;background:#326a57;border-radius:50%;width:115px;height:35px;font-size:30px;position:absolute;top:100px;right:5%}.island{background:linear-gradient(#51a85b 0 35%,#685341 36%);border-radius:50% 45% 48% 50%;height:70px;position:absolute;bottom:30px;left:10%;right:18%;box-shadow:0 15px 0 -5px #443b38}.tree{transform-origin:bottom;font-size:55px;transition:all .8s;position:absolute;top:-48px;left:16%}.restore0 .tree{filter:grayscale();transform:scale(.3)}.restore1 .tree{transform:scale(.55)}.restore2 .tree{transform:scale(.8)}.flowers{color:#ffe17c;opacity:0;transition:all .8s;position:absolute;top:7px;left:36%}.restore2 .flowers,.restore3 .flowers,.restore4 .flowers{opacity:1}.ruin{color:#b4c4c3;font-size:48px;position:absolute;top:-22px;right:16%}.restore3 .ruin,.restore4 .ruin{color:#e6ddc3;text-shadow:0 0 8px #ffe291}.worldCrystal{color:#55d9ff;opacity:.15;font-size:40px;transition:all .8s;position:absolute;top:-20px;right:39%}.restore3 .worldCrystal,.restore4 .worldCrystal{opacity:1;text-shadow:0 0 20px #8ff3ff;animation:1.5s infinite pulse}.waterfall{background:linear-gradient(#b9f7ff,#3ec9ee);width:16px;height:60px;position:absolute;top:128px;right:16%;transform:skew(-8deg);box-shadow:0 0 8px #a7f5ff}.corruption{color:#a254cb;text-shadow:0 0 20px #9e38d8;opacity:.9;font-size:65px;position:absolute;bottom:40px;left:5%}.restore1 .corruption{opacity:.65}.restore2 .corruption{opacity:.4}.restore3 .corruption{opacity:.18}.restore4 .corruption{opacity:0}.sceneLabel{text-align:left;background:#061c39bb;border-radius:10px;padding:7px 10px;position:absolute;bottom:10px;left:12px}.sceneLabel b,.sceneLabel span{display:block}.sceneLabel span{color:#c5e5ed;font-size:9px}.path{background:linear-gradient(#35a96333,#124c7533);border-radius:35px;grid-template-columns:repeat(4,1fr);gap:28px;padding:25px 30px 80px;display:grid}.path button{aspect-ratio:1;color:#fff;cursor:pointer;background:linear-gradient(#5fc9ff,#1474d2);border:5px solid #a4e8ff;border-radius:50%;font-size:22px;font-weight:900;box-shadow:0 6px #07549b,0 9px 20px #0007}.path button svg{width:28px;margin:auto}.path button:nth-child(7n+2){transform:translateY(20px)}.path button:nth-child(7n+4){transform:translateY(-12px)}.path button small{color:#ffe865;justify-content:center;align-items:center;min-height:15px;font-size:9px;display:flex}.path button small svg{width:12px}.path button:disabled{filter:grayscale(.8);opacity:.48}.path .complete{border-color:#ffe56e}.path .treasure{background:linear-gradient(#ffc951,#9c6112)}.path .challenge{background:linear-gradient(#b36eff,#6632ae)}.path .boss{background:linear-gradient(#ef7067,#7d2f8e)}.panel{text-align:center;padding:25px 16px 110px}.panel>h1{color:#ffe36b;margin-bottom:5px}.panel>.noviCharacter{margin:5px auto 16px}.sub{color:#a9cae5;margin-top:0}.modeCard{color:#fff;text-align:left;background:linear-gradient(135deg,#123a70,#0b2854);border:1px solid #3775a8;border-radius:20px;align-items:center;gap:14px;width:100%;margin:10px 0;padding:15px;display:flex;box-shadow:0 6px 15px #0003}.modeCard>div{width:52px;font-size:34px}.modeCard section{flex:1}.modeCard h3,.modeCard p{margin:3px}.modeCard p{color:#b8d6ed;font-size:12px}.modeCard>span{background:#a449d1;border-radius:10px;padding:5px 8px;font-size:10px;font-weight:900}.dailyHero{text-align:left;background:linear-gradient(135deg,#d27c20,#8b3d81);border-radius:22px;gap:14px;padding:18px;display:flex;box-shadow:0 10px 25px #0004}.dailyHero>svg{color:#ffd85b;width:55px;height:55px}.dailyHero h1{margin:3px 0;font-size:22px}.dailyHero p{margin:4px 0;font-size:12px}.streak,.quest,.best{background:#102e5c;border:1px solid #2e6696;border-radius:18px;margin:15px 0;padding:16px}.streak{justify-content:space-between;gap:10px;display:flex}.streak span{color:#b8d6ed;font-size:11px}.quest{text-align:left}.quest h3,.quest p{margin:4px 0}.quest div{color:#ffe36b;margin-top:12px;font-weight:800}.primary,.victory button{color:#fff;background:linear-gradient(#63d7ff,#1881dc);border:0;border-radius:16px;width:100%;max-width:440px;padding:15px 25px;font-size:16px;font-weight:900;box-shadow:0 5px #0a579f}.primary:disabled{filter:grayscale();opacity:.6}.bigIcon{color:#ffe25d;width:70px;height:70px}.rushGrid{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.rushGrid button{color:#fff;background:linear-gradient(145deg,#153c75,#0d2752);border:1px solid #3e7db1;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:120px;display:flex}.rushGrid svg{color:#5de4ff}.rushGrid b{font-size:20px}.rushGrid small{color:#9cc5e4}.collectionGrid,.shopGrid{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;display:grid}.collectionGrid>div,.shopGrid button{color:#fff;background:#102d59;border:1px solid #3b709e;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:145px;padding:12px;display:flex}.collectionGrid strong,.shopGrid strong{font-size:42px}.collectionGrid small,.shopGrid span{color:#ffe36b;font-size:10px}.collectionGrid .locked{filter:grayscale();opacity:.5}.shopGrid button:disabled{opacity:.4}.achievements{grid-template-columns:1fr 1fr;gap:8px;display:grid}.achievements div{color:#6f8eab;background:#0e294f;border-radius:12px;align-items:center;gap:8px;padding:12px;display:flex}.achievements .on{color:#ffe36b;border:1px solid #aa8731}.achievements svg{width:18px}.game{text-align:center;padding:12px 12px 40px}.gameTop{grid-template-columns:1fr 2fr 1fr;align-items:center;display:grid}.back{color:#9ee9ff;background:0 0;border:0;justify-self:start;align-items:center;display:flex}.back svg{width:18px}.level span{color:#71ddff;font-size:10px;font-weight:800}.level h2{text-transform:capitalize;margin:5px}.timer{color:#bce7ff;justify-self:end;align-items:center;gap:4px;font-size:12px;display:flex}.timer svg{width:16px}.chain{color:#342000;background:#f5bf25;border-radius:20px;gap:5px;width:max-content;margin:10px auto;padding:7px 16px;font-weight:900;animation:.5s pulse;display:flex}.chain svg{width:18px}.objectives{color:#a9cce8;flex-wrap:wrap;justify-content:center;gap:12px;margin:8px;font-size:10px;display:flex}.boss{text-align:left;background:linear-gradient(135deg,#41275f,#18436d);border:1px solid #a26cdb;border-radius:18px;align-items:center;gap:12px;max-width:520px;margin:8px auto;padding:12px;display:flex}.boss section{flex-direction:column;display:flex}.boss span{color:#cdbde3;font-size:11px}.guardian{filter:grayscale();background:#596273;border:5px solid #414a58;border-radius:45% 45% 35% 35%;width:70px;height:65px;transition:all .5s;position:relative}.guardian i{color:#50d9f5;font-style:normal;position:absolute;top:-18px;left:23px}.guardian b{letter-spacing:6px;font-size:15px;position:absolute;top:20px;left:13px}.boss.stage2 .guardian{filter:grayscale(.5);box-shadow:0 0 15px #6fe9ff}.boss.stage3 .guardian,.guardian.restored{filter:none;background:#648d92;box-shadow:0 0 25px #ffe45d}.board{clear:both;aspect-ratio:1;grid-template-columns:repeat(var(--size),1fr);background:#102b5a;border:4px solid #55d8ff;border-radius:10px;max-width:min(540px,92vw);margin:14px auto;display:grid;overflow:hidden;box-shadow:0 0 30px #25c8ff55}.board button{min-width:0;font-size:clamp(13px,calc(40vw / var(--size)),35px);color:#d9f6ff;background:#102b5a;border:1px solid #356d9b;padding:0;font-weight:800}.board .given{color:#fff;background:#173d70}.board .related{background:#123d70}.board .selected{box-shadow:inset 0 0 15px #58e7ff;background:#217ba9!important}.board .hintCell{animation:1s infinite hintGlow}.cellNotes{color:#80d8f2;word-spacing:2px;font-size:clamp(6px,1.6vw,10px);font-weight:500;line-height:1.1;display:block}.theme-crystal .board{border-color:#c482ff;box-shadow:0 0 30px #b95fff77}.theme-sunset .board{border-color:#ffaf65;box-shadow:0 0 30px #ff8d4f77}.numbers{flex-wrap:wrap;justify-content:center;gap:5px;max-width:560px;margin:auto;display:flex}.numbers button{color:#fff;background:linear-gradient(#50ccff,#1673d0);border:0;border-radius:12px;width:clamp(38px,9vw,55px);height:50px;font-size:20px;font-weight:900;box-shadow:0 4px #07519d}.tools{flex-wrap:wrap;justify-content:center;gap:7px;margin:17px 0;display:flex}.tools button{color:#d9f6ff;background:#102d5b;border:1px solid #3e75a3;border-radius:12px;align-items:center;gap:4px;padding:8px;display:flex}.tools button.active{color:#ffe36b;border-color:#ffe36b}.tools button:disabled{opacity:.35}.tools svg{width:16px}.tools i{background:#1e578a;border-radius:8px;padding:2px 5px;font-size:9px;font-style:normal}.noviTalk{text-align:left;background:#103a68;border:1px solid #4fcce9;border-radius:16px;align-items:center;gap:10px;max-width:520px;margin:18px auto;padding:10px;font-size:12px;display:flex}.victory{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:650px;min-height:75vh;margin:auto;padding:30px;display:flex}.victory>.noviCharacter{margin-bottom:5px}.victory>svg{color:#ffe35a;width:60px;height:60px}.victory h1{color:#ffe35a}.stars{color:#ffd530;text-shadow:0 4px #9c6710;display:flex}.stars svg{width:48px;height:48px}.rewards{background:#123f70;border-radius:18px;margin:15px;padding:15px 25px}.guardianRestored{padding:15px}.guardianRestored .guardian{margin:auto;transform:scale(1.3)}nav{z-index:30;background:#061536f5;border-top:2px solid #24618f;justify-content:center;gap:min(4vw,35px);height:72px;padding:8px;display:flex;position:fixed;bottom:0;left:0;right:0}nav button{color:#7896b8;text-transform:capitalize;background:0 0;border:0;min-width:48px}nav button svg{width:23px;margin:auto;display:block}nav button small{font-size:9px}nav .active{color:#5ce7ff}@keyframes pulse{50%{transform:scale(1.12)}}@keyframes noviFloat{50%{transform:translateY(-5px)rotate(1deg)}}@keyframes noviCelebrate{to{transform:translateY(-10px)rotate(6deg)scale(1.04)}}@keyframes sparkle{to{filter:drop-shadow(0 0 12px #ffe56c);transform:scale(1.25)}}@keyframes cloud{50%{transform:translate(30px)}}@keyframes hintGlow{50%{background:#775e18;box-shadow:inset 0 0 15px #ffe35a}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=520px){.brand b{font-size:17px}.brand small{letter-spacing:2px;font-size:6px}.crystal{font-size:28px}.wallet span{padding:6px;font-size:10px}.wallet svg{width:14px}.path{grid-template-columns:repeat(3,1fr);gap:25px 18px}.hero h1{font-size:21px}.hero .noviCharacter{--n:65px}.world{overflow:hidden}.valleyScene{height:195px}.collectionGrid,.shopGrid{grid-template-columns:1fr 1fr}nav{justify-content:space-around;gap:1px}.gameTop{grid-template-columns:1fr 1.6fr 1fr}.gameTop .level h2{font-size:15px}.gameTop .level span{font-size:8px}.board{max-width:94vw}.numbers button{height:44px}.streak{flex-direction:column}.achievements{grid-template-columns:1fr}}.gear{color:#aeeaff;background:#0d2b5e;border:1px solid #32699a;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.gear svg{width:17px}.adventureTrail{background:linear-gradient(90deg,#17574d,#3a9560 24%,#69b86b 50%,#3a9560 76%,#17574d);border:2px solid #4a9e76;border-radius:34px;height:2940px;margin:12px 14px 90px;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #063d3c99,0 10px 25px #0005}.adventureTrail:before{content:"";clip-path:polygon(38% 0,85% 3%,28% 7%,75% 11%,20% 15%,78% 19%,31% 23%,81% 27%,23% 31%,72% 35%,31% 39%,84% 43%,29% 47%,72% 51%,24% 55%,80% 59%,30% 63%,76% 67%,22% 71%,82% 75%,28% 79%,74% 83%,25% 87%,82% 91%,35% 95%,66% 100%,32% 100%,12% 95%,61% 91%,13% 87%,59% 83%,15% 79%,63% 75%,10% 71%,60% 67%,15% 63%,63% 59%,9% 55%,61% 51%,13% 47%,62% 43%,11% 39%,64% 35%,12% 31%,61% 27%,15% 23%,63% 19%,10% 15%,61% 11%,15% 7%,65% 3%,20% 0);background:#d8bc79;width:15%;height:100%;position:absolute;top:0;left:43%}.trailRiver{opacity:.7;background:linear-gradient(90deg,#2aa5c4,#7ee5ef,#2a9aba);width:27%;height:100%;position:absolute;top:0;right:-5%;transform:skew(-3deg)}.trailRiver:after{content:"";background:repeating-linear-gradient(175deg,#0000 0 35px,#d6ffff55 37px 40px);animation:4s linear infinite riverFlow;position:absolute;inset:0}@keyframes riverFlow{to{background-position:0 80px}}.trailTemple,.trailFalls,.trailGrove{filter:drop-shadow(0 5px 4px #002c35aa);font-size:52px;position:absolute}.trailTemple{font-size:80px;bottom:30px;right:14%}.trailFalls{animation:2s ease-in-out infinite alternate floatLandmark;top:880px;right:4%}.trailGrove{animation:3s ease-in-out infinite alternate floatLandmark;top:1500px;left:4%}@keyframes floatLandmark{to{transform:translateY(-8px)}}.trailNode{z-index:3;color:#fff;background:linear-gradient(#5fc9ff,#1474d2);border:5px solid #a4e8ff;border-radius:50%;width:70px;height:70px;font-size:20px;font-weight:900;transition:transform .18s,filter .18s;position:absolute;transform:translate(-50%);box-shadow:0 6px #07549b,0 9px 20px #002b2f99}.trailNode:not(:disabled):active{transform:translate(-50%)scale(.9)}.trailNode small{color:#ffe865;font-size:8px;display:block}.trailNode svg{width:25px}.trailNode:disabled{filter:grayscale(.8);opacity:.55}.trailNode.complete{border-color:#ffe56e}.trailNode.treasure{background:linear-gradient(#ffc951,#9c6112);animation:1.6s ease-in-out infinite alternate treasurePulse;box-shadow:0 6px #70410c}@keyframes treasurePulse{to{filter:brightness(1.25);box-shadow:0 6px #70410c,0 0 28px #ffd85c}}.trailNode.challenge{background:linear-gradient(#c47aff,#6934a8);box-shadow:0 6px #482475}.trailNode.boss{background:linear-gradient(#ff7e68,#823289);width:90px;height:90px;box-shadow:0 7px #51215a}.lessonPath{text-align:left;max-width:620px;margin:20px auto}.lessonPath>button{color:#fff;background:#0e2d5b;border:1px solid #376e9c;border-radius:18px;align-items:center;gap:14px;width:100%;margin:10px 0;padding:15px;display:flex}.lessonPath>button>div{color:#fff;background:#176cb0;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.lessonPath>button.complete>div{background:#24945f}.lessonPath>button:disabled{opacity:.45}.lessonPath section{flex-direction:column;gap:3px;display:flex}.lessonPath small{color:#62d9ff;font-size:9px}.lessonPath b{font-size:16px}.lessonPath span{color:#b6d3e8;font-size:11px}.timer button{color:#aeeaff;background:0 0;border:0;place-items:center;padding:2px;display:grid}.timer button svg{width:18px}.sameNumber{text-shadow:0 0 8px #ffe36b;color:#ffe36b!important}.boss{transition:all .5s}.boss.stage2{box-shadow:inset 0 0 35px #9a65ff55}.boss.stage3{animation:1s ease-in-out infinite alternate bossCharge;box-shadow:inset 0 0 45px #ffe65c66}@keyframes bossCharge{to{filter:brightness(1.18)}}.boss section em{color:#e9cbff;background:#5d376b;border-radius:9px;width:max-content;margin-top:6px;padding:4px 8px;font-size:10px;font-style:normal}.boss section em.phaseDone{color:#bfffd9;background:#287d5a}.modalShade{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020a19cc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.settingsPanel,.pausePanel{text-align:center;background:linear-gradient(#123e70,#081d42);border:1px solid #4b91bd;border-radius:25px;width:min(440px,94vw);padding:22px;position:relative;box-shadow:0 20px 60px #0009}.close{color:#fff;background:#183e67;border:0;border-radius:50%;width:34px;height:34px;position:absolute;top:12px;right:12px}.close svg{width:17px}.settingRow{text-align:left;color:#fff;background:0 0;border:0;border-top:1px solid #315c83;grid-template-columns:30px 1fr 45px;align-items:center;width:100%;padding:14px 4px;display:grid}.settingRow svg{color:#68ddff;width:18px}.settingRow b{color:#ffe36b;font-size:10px}.pausePanel>.noviCharacter{margin:0 auto 15px}.pausePanel .primary{margin:10px 0}.secondary{color:#c8e8f7;background:#0b2850;border:1px solid #4979a1;border-radius:16px;width:100%;max-width:440px;padding:13px;font-weight:800}.guardianRestored .guardian{animation:.9s ease-in-out infinite alternate guardianWake}@keyframes guardianWake{to{transform:scale(1.4)translateY(-5px);box-shadow:0 0 35px #ffe45d}}.onboarding,.treasureScreen{text-align:center;background:radial-gradient(circle at 50% 28%,#164c78 0,#071b3d 48%,#030d21 100%);flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 65px);padding:42px 22px 100px;animation:.4s both screenIn;display:flex}.onboarding>.noviCharacter,.treasureScreen>.noviCharacter{margin:10px auto 18px}.onboarding small,.treasureScreen small{letter-spacing:2px;color:#63dcff;font-weight:900}.onboarding h1,.treasureScreen h1{color:#fff;margin:8px 0;font-size:clamp(28px,7vw,48px)}.onboarding p{color:#c4dced;max-width:520px;line-height:1.55}.onboardDots{gap:7px;margin:18px;display:flex}.onboardDots i{background:#416680;border-radius:50%;width:8px;height:8px}.onboardDots i.active{background:#ffe45c;box-shadow:0 0 12px #ffe45c}.onboardActions{gap:10px;width:min(400px,100%);display:grid}.onboardActions button{justify-content:center;align-items:center;gap:8px;display:flex}.textButton{color:#8eb4cd;background:0 0;border:0;margin-top:15px;padding:10px}.treasureBurst{color:#ffe66b;letter-spacing:15px;font-size:25px;animation:1s ease-in-out infinite alternate sparkle}.chest{color:#ffd34d;background:0 0;border:0;width:150px;height:130px;margin:18px;position:relative}.chest .lid,.chest .box{text-shadow:0 8px #754013,0 0 25px #ffcf4d55;font-size:85px;line-height:.5;display:block}.chest .lid{transform-origin:20% 80%;transition:all .55s}.chest.open .lid{transform:translateY(-20px)rotate(-28deg)}.chest i{opacity:0;place-items:center;transition:all .5s .25s;display:grid;position:absolute;inset:40px 0 0;transform:scale(.2)}.chest.open i{opacity:1;filter:drop-shadow(0 0 15px #fff);transform:scale(1.5)}.loot{flex-direction:column;align-items:center;gap:8px;animation:.55s both lootUp;display:flex}.loot svg{color:#ffe45d}.loot b{color:#ffe45d;font-size:18px}.loot span{color:#b9eaff}.loot .primary{margin-top:15px}.phaseFlash{z-index:150;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#06142bea;place-content:center;animation:.85s both phaseReveal;display:grid;position:fixed;inset:0}.phaseFlash svg{color:#ffe45c;width:48px;height:48px;margin:auto}.phaseFlash small{letter-spacing:3px;color:#74e5ff}.phaseFlash h2{margin:8px;font-size:clamp(30px,8vw,60px)}.phaseFlash div{color:#ffe45c;letter-spacing:4px;font-weight:900}@keyframes phaseReveal{0%{opacity:0;transform:scale(1.15)}20%,75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@keyframes lootUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes screenIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.guardianEncounter{background:linear-gradient(120deg,#191943,#392063);border:1px solid #745fc2;border-radius:22px;align-items:center;gap:15px;max-width:650px;margin:8px auto 14px;padding:13px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0005}.guardianAura{background:radial-gradient(circle,#b18cff77,#0000 65%);border-radius:50%;width:120px;height:120px;animation:1.2s ease-in-out infinite alternate guardianAura;position:absolute;left:-20px}.guardianAvatar{z-index:1;background:#191c45;border:2px solid #b497ff;border-radius:50%;place-items:center;width:68px;height:68px;display:grid;position:relative;box-shadow:0 0 18px #8d67ff66}.guardianAvatar>svg{opacity:.25;width:52px;height:52px;position:absolute}.guardianAvatar i{color:#c9b4ff;font-size:28px;font-style:normal}.guardianAvatar b{letter-spacing:8px;color:#fff;font-size:8px;position:absolute}.guardianEncounter section{z-index:1;text-align:left;flex-direction:column;flex:1;display:flex}.guardianEncounter small{color:#9ceaff;letter-spacing:1.5px}.guardianEncounter strong{color:#fff;margin:2px 0 7px}.guardianEncounter span{color:#ffe56c;font-size:10px}.guardianMeter{background:#0b102b;border-radius:8px;height:7px;overflow:hidden}.guardianMeter i{background:linear-gradient(90deg,#7c65ff,#67e9ff,#ffe668);height:100%;transition:width .5s;display:block}.guardianStage3{border-color:#ffe56c;animation:.8s ease-in-out infinite alternate guardianCharge}@keyframes guardianAura{to{opacity:.6;transform:scale(1.35)}}@keyframes guardianCharge{to{box-shadow:0 0 35px #ffe56c55}}.restorationMoment{text-align:center;color:#fff;background:radial-gradient(circle at 50% 35%,#225d83,#082b45 48%,#031323);flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 65px);padding:35px 20px 100px;display:flex;overflow:hidden}.restoreSky{letter-spacing:24px;color:#ffe96b;font-size:32px;animation:1s infinite alternate sparkle}.restoreLand{filter:grayscale();border-bottom:10px solid #347b4d;justify-content:space-around;align-items:flex-end;width:min(560px,94vw);height:150px;margin:10px 0;font-size:42px;transition:filter 1.2s,transform 1.2s;display:flex;position:relative}.restoreLand i{color:#72eaff;opacity:.3;font-size:65px;font-style:normal;transition:all 1s .4s;transform:scale(.5)}.restoreStep1 .restoreLand{filter:grayscale(.25);transform:translateY(-5px)}.restoreStep2 .restoreLand{filter:none}.restoreStep2 .restoreLand i{opacity:1;filter:drop-shadow(0 0 22px #6eeaff);transform:scale(1)}.restorationMoment>.noviCharacter{margin:8px auto}.restorationMoment small{color:#70e5ff;letter-spacing:2px;font-weight:900}.restorationMoment h1{margin:5px;font-size:clamp(28px,7vw,48px)}.restorationMoment p{color:#c5dfeb;max-width:520px}.restoreStars{color:#ffe76a;gap:8px;margin:8px;display:flex}.restoreStars svg{fill:currentColor;animation:.5s both starPop}.restoreStars svg:nth-child(2){animation-delay:.15s}.restoreStars svg:nth-child(3){animation-delay:.3s}@keyframes starPop{0%{transform:scale(0)rotate(-90deg)}to{transform:scale(1)}}@media (width<=620px){nav{scrollbar-width:none;justify-content:flex-start;padding-left:8px;padding-right:8px;overflow:auto hidden}nav::-webkit-scrollbar{display:none}nav button{flex:0 0 58px;min-width:58px}.app{padding-bottom:82px}}@media (width<=520px){.adventureTrail{height:2900px;margin-left:6px;margin-right:6px}.trailNode{width:62px;height:62px}.trailNode.boss{width:78px;height:78px}.wallet{gap:3px}.gear{width:31px;height:31px}.lessonPath>button{padding:12px}.trailTemple{right:8%}.objectives{gap:7px}.tools{gap:5px}.tools button{padding:7px 6px;font-size:11px}.numbers{gap:4px}.onboarding,.treasureScreen{padding-left:18px;padding-right:18px}.guardianEncounter{margin-left:8px;margin-right:8px}.guardianAvatar{width:56px;height:56px}.restoreLand{font-size:34px}}