@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@500;600;700&family=Nunito:wght@700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#34493a;background:#edf1e5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 40%,#f9faed,#edf1e5 72%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #d4ddc9;background:#f8faef;border-radius:12px;padding:11px 15px;font-weight:600;transition:background .15s,transform .15s}button:hover{background:#e1ebce}button:active{transform:translateY(1px)}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,#game:focus-visible{outline:3px solid #648e3e;outline-offset:3px}[hidden]{display:none!important}.topbar{height:90px;min-height:75px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9e1ce;gap:24px}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font:600 27px Fredoka,sans-serif}.brand-mark{display:grid;place-items:center;background:#d7e5b4;width:46px;height:46px;border-radius:16px 16px 16px 5px;font-size:34px;line-height:1}.brand small{display:block;font:600 8px DM Sans,sans-serif;letter-spacing:2px;margin-top:5px}.header-note{font-size:12px;color:#73816b;display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;background:#83a559;border-radius:50%}nav{display:flex;gap:8px}nav button{font-size:11px}#help{width:37px;padding:10px}.layout{width:min(1050px,94%);margin:auto;display:grid;grid-template-columns:220px minmax(250px,430px) 220px;gap:48px;justify-content:center;align-items:center;min-height:0;flex:1;padding:22px 0}.left-rail{align-self:center}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#78836a}h1{font:500 clamp(28px,2.9vw,38px)/1.15 "Fredoka",sans-serif;letter-spacing:-.5px;margin:17px 0 13px}p{font-size:12px;line-height:1.8;color:#7b8372}h2{font:500 40px Fredoka,sans-serif;margin:6px 0 8px}h3{font:500 21px Fredoka,sans-serif;margin:10px 0 0}.score-card{border:1px solid #d7dfcb;background:#f8faef;border-radius:21px;padding:22px;margin:29px 0}.score-card strong{display:block;font:500 58px/1.3 Fredoka,sans-serif;letter-spacing:-2px}.personal-best{display:flex;justify-content:space-between;border-top:1px solid #e0e5d6;padding-top:14px;margin-top:8px;font-size:11px;color:#869076}.personal-best b{color:#4f6346}.tip{display:flex;gap:12px;font-size:12px}.tip-leaf{font-size:25px;color:#8da457}.tip p{font-size:11px;margin:6px 0}.status-line{font-size:10px;line-height:1.6;margin-top:28px;border-left:2px solid #b6c990;padding-left:12px;color:#718164}.game-frame{height:min(calc(100dvh - 156px),760px);aspect-ratio:9/16;max-width:100%;justify-self:center;position:relative;border:6px solid #f9f7e8;border-radius:30px;overflow:hidden;box-shadow:0 16px 50px #3c51321a,0 0 0 1px #d4ddc5;background:#b8e4f5}#game{width:100%;height:100%;touch-action:none}#game canvas{display:block!important}.modal-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#eaf0d8ba;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px}.welcome-card{text-align:center;width:100%;padding:26px 13px;border-radius:24px;background:#fbfaefee;border:1px solid #fff;box-shadow:0 8px 28px #53783c0d}.welcome-card .eyebrow{font-size:7px;letter-spacing:1.3px}.hero-axie{display:block;width:140px;height:140px;object-fit:contain;margin:12px auto 0;filter:drop-shadow(0 10px 3px #59742d12);animation:float 3s ease-in-out infinite}.welcome-card p{margin:6px 0 18px;font-size:12px}.primary{display:block;width:100%;background:#6c903e;border:1px solid #608236;color:#fff;border-radius:13px;padding:15px 12px;font-size:12px;box-shadow:0 3px #526f30}.primary:hover{background:#5f8336}.mini-steps{display:flex;justify-content:center;gap:18px;font-size:8px;color:#94a27f;margin:18px 0 25px}.mini-steps b{display:block;color:#5c6c4b;font-size:10px;margin-top:5px}.welcome-card .fine-print{font-size:9px;margin:14px 0 0}.compact{padding:35px 20px}.compact h2{font-size:32px}.next-card{text-align:center;border:1px solid #d7dfcb;border-radius:20px;background:#f8faef;padding:20px 15px}.next-orbit{display:grid;place-items:center;width:90px;height:85px;background:#eaf0d8;border-radius:50%;margin:12px auto 0;border:1px dashed #c9d9ad}.next-orbit img{width:78px;height:78px;object-fit:contain}.next-card p{font-size:10px;margin:6px 0 0}.growth-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 0 15px}.growth-heading .eyebrow{font-size:8px;letter-spacing:1px}.growth-heading>span:last-child{font-size:9px;color:#96a08a}.evolution{list-style:none;margin:0;padding:0}.evolution li{display:flex;align-items:center;gap:10px;margin:5px 0;padding:7px;border-radius:12px;transition:background .4s}.evolution li.reached{background:#e0eaca}.evolution img{width:43px;height:43px;object-fit:contain;opacity:.55}.evolution .reached img{opacity:1}.evolution b{font-size:11px;font-weight:600}.evolution small{display:block;font-size:8px;color:#8b947f;margin-top:4px}.evolution i{margin-left:auto;font-style:normal;font-size:9px;color:#a2af94}.burst-note{font-size:10px;color:#7a896c;line-height:1.8;border-top:1px solid #d9e1ce;padding-top:16px;margin-top:16px}.burst-note b{font-weight:600}footer{height:42px;min-height:32px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;color:#8a947d;font-size:9px}.footer-dot{margin:0 7px}.key{padding:3px 6px;border:1px solid #d2ddc7;border-radius:4px;margin:0 4px 0 12px}dialog{width:min(440px,90vw);color:#34493a;background:#faf9ed;border:1px solid #d1dcc0;border-radius:25px;padding:32px;box-shadow:0 20px 90px #34493a33}dialog::backdrop{background:#34493a66;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog ol{padding-left:20px;font-size:12px;line-height:1.7;color:#778169}dialog li{margin:15px 0}.close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:21px}.fine-print{font-size:10px}#qa-panel{position:fixed;bottom:0;left:0;z-index:100;background:#fff;font-size:10px;max-width:100%;padding:5px}#qa-panel button{font-size:10px;padding:5px}#qa-state{display:block;max-width:95vw;overflow-wrap:anywhere;font-size:10px}@keyframes float{50%{transform:translateY(-7px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:1000px){.layout{gap:22px;grid-template-columns:180px minmax(200px,400px) 180px}.topbar{margin:0 3%}.header-note{display:none}.score-card{padding:18px}.growth-heading>span:last-child{display:none}h1{font-size:31px}}@media(max-width:760px){.topbar{height:62px;min-height:62px;margin:0 14px}.brand{font-size:22px}.brand-mark{width:34px;height:34px;font-size:26px;border-radius:11px 11px 11px 4px}.brand small{font-size:6px;letter-spacing:1.4px}.layout{display:flex;justify-content:center;padding:8px 0;width:100%}.left-rail,.right-rail{display:none}.game-frame{height:calc(100dvh - 105px);border:3px solid #f9f7e8;border-radius:20px;max-width:calc(100vw - 16px)}nav button{padding:9px 10px;font-size:10px}nav{gap:5px}#help{width:29px;padding:9px 0}footer{height:27px;min-height:27px;justify-content:center;font-size:8px}footer>span:last-child{display:none}.welcome-card{padding:18px 10px}.hero-axie{height:105px;width:105px}.welcome-card h2{font-size:33px}.mini-steps{margin:14px 0 20px}.modal-layer{padding:16px}}@media(max-height:650px)and (min-width:761px){.topbar{height:60px;min-height:60px}.game-frame{height:calc(100dvh - 116px)}.layout{padding:10px 0}.score-card{margin:15px 0}.tip,.status-line,.burst-note{display:none}.evolution li{margin:0;padding:2px}.next-card{padding:10px}.next-orbit{height:55px;width:65px}.next-orbit img{width:55px;height:55px}.growth-heading{margin:15px 0 8px}}@media(max-height:580px){.hero-axie{width:60px;height:60px}.welcome-card h2{font-size:24px}.welcome-card p{font-size:10px;margin-bottom:10px}.mini-steps{display:none}.welcome-card{padding:14px 8px}.welcome-card .eyebrow{font-size:6px}.primary{padding:10px 6px;font-size:10px}}@media(min-width:761px)and (max-height:820px){.topbar{height:70px;min-height:70px}.layout{padding:14px 0}.game-frame{height:calc(100dvh - 135px)}h1{font-size:32px}.score-card{margin:20px 0;padding:18px}.score-card strong{font-size:50px}.status-line{margin-top:15px}.next-card{padding:14px}.next-orbit{height:65px;width:70px}.next-orbit img{width:65px;height:65px}.growth-heading{margin:18px 0 10px}.evolution li{padding:3px;margin:2px 0}.evolution img{width:38px;height:38px}.burst-note{margin-top:10px;padding-top:10px}footer{height:36px;min-height:36px}}body{background:#e6efcd url(../ui/garden-background.png) center / cover fixed no-repeat}.topbar{background:#fff9e7df;border:1px solid #c5cd9f;border-radius:0 0 24px 24px;padding:0 22px;box-shadow:0 5px 18px #35512812}.brand{color:#355d29}.brand-mark{color:#fff8dc;background:linear-gradient(#88ad48,#426d2b);border:2px solid #e1c376;box-shadow:0 3px #385222}h1{color:#355329;text-shadow:0 2px 0 #fff9dc}.left-rail>p,.tip,.status-line{color:#425c36}.tip,.status-line{background:#fff9e7e8;border-radius:12px;padding:12px}.tip p{color:#596343}.eyebrow{color:#60733b}.score-card,.next-card,.welcome-card,dialog{background:none;border:0;border-image:url(../ui/garden-panel.png) 18% fill / 28px;box-shadow:none;filter:drop-shadow(0 7px 8px #3b512322)}.score-card{padding:25px}.score-card strong{color:#446c2e}.next-card{padding:24px}.next-orbit{background:#e1ebc5;border:1px solid #bed297;box-shadow:inset 0 3px 8px #6d843018}.personal-best,.personal-best b,.next-card p,.welcome-card p,dialog ol,.fine-print{color:#596343}.welcome-card{padding:30px 24px}.modal-layer{background:#75934b29;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.game-frame{border-color:#fff2cf;box-shadow:0 15px 40px #31481e33,0 0 0 2px #acb679;background:#e4edd0}.evolution{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:16px 12px;border-image:url(../ui/garden-panel.png) 18% fill / 24px;filter:drop-shadow(0 5px 7px #3b512315)}.evolution li{display:grid;grid-template-columns:28px minmax(0,1fr);align-content:center;text-align:left;min-height:46px;gap:4px;padding:4px 1px;margin:0}.evolution li img{width:28px;height:28px}.evolution li span{width:100%}.evolution li b{font-size:9px}.evolution li small{font-size:8px;margin-top:1px}.evolution li i{display:none}.right-rail{max-height:calc(100dvh - 160px);overflow-y:auto;scrollbar-width:thin;padding:4px}.right-rail .next-card{padding:16px 14px}.right-rail .next-orbit{width:64px;height:58px;margin-top:8px}.right-rail .next-orbit img{width:56px;height:56px}.right-rail h3{font-size:18px;margin-top:5px}.growth-heading{margin:14px 0 10px}.evolution li.reached{background:#dae8b9c9}.evolution small,.evolution i{color:#68774d}.growth-heading{color:#355329;text-shadow:0 1px 2px #fffbe8}.burst-note{border:0;background:#fff9e7d9;border-radius:14px;padding:12px;color:#4d6637}button:not(.primary):not(.close){background:#fff8e4;border:1px solid #b8c283;box-shadow:0 3px #b1bb84;color:#3c5e2e}.primary{background:url(../ui/garden-button.png) center / 100% 140% no-repeat;border:0;border-radius:22px;box-shadow:none;color:#fffdea;text-shadow:0 1px 3px #2c4a10,0 1px 1px #2c4a10;font:600 18px Fredoka,sans-serif;min-height:56px;padding:16px 24px;transition:filter .15s,transform .15s}.primary:hover{background-color:transparent;filter:brightness(1.08)}.primary:active{transform:translateY(2px);filter:brightness(.95)}footer{background:#fff9e7db;color:#4e663c}dialog{padding:38px}@media(max-width:760px){body{background-position:40% center}.topbar{margin:0 6px;padding:0 8px;gap:8px}.brand{gap:7px}.brand small{letter-spacing:1px}.welcome-card{padding:26px 20px;border-image-width:24px}.welcome-card h2{font-size:30px}.primary{font-size:16px;min-height:50px;padding:13px 20px}.game-frame{flex-shrink:0;width:min(calc((100dvh - 105px)*.5625),calc(100vw - 16px))}}@media(max-height:650px){.welcome-card{padding:22px 18px}.primary{min-height:42px;padding:10px 18px}.evolution{padding:12px 8px}}@media(max-width:480px){.topbar .brand{font-size:18px;gap:5px}.topbar .brand-mark{width:30px;height:30px;font-size:23px}.topbar .brand small{display:none}.topbar nav{gap:4px}.topbar nav button{padding:10px 6px;font-size:11px;min-height:40px}}