@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap";:root{color:#f5f5e9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101b17;font-family:Nunito,system-ui,sans-serif;font-weight:500}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible{outline-offset:3px;outline:2px solid #f2d58b}::selection{color:#102019;background:#8fc6a0}#root{min-height:100vh}.app-shell{background:radial-gradient(at 90% 12%,#27463555,#0000 38%),radial-gradient(at 0 55%,#263c2a44,#0000 35%),#101b17;width:100%;max-width:520px;min-height:100vh;margin:0 auto;padding:22px 18px 100px;overflow:hidden}.topbar{align-items:center;gap:11px;margin-bottom:24px;display:flex}.brand-mark{color:#183323;background:linear-gradient(145deg,#d8e8b2,#8ab58d);border-radius:15px;place-items:center;width:43px;height:43px;font-size:26px;display:grid;box-shadow:0 5px 20px #8ab58d22}.brand-copy{flex:1}.eyebrow{color:#a5b9a3;letter-spacing:2px;font-size:9px;font-weight:900;display:block}.brand-copy h1{letter-spacing:-.5px;margin:2px 0 0;font-size:18px;font-weight:900}.brand-copy h1 span{color:#c6dba0}.avatar{background:#293b2e;border:1px solid #52694e;border-radius:50%;place-items:center;width:43px;height:43px;font-size:25px;display:grid}.resources{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:23px;display:grid}.resource{background:#1a2921;border:1px solid #ffffff13;border-radius:17px;align-items:center;gap:9px;min-width:0;padding:10px;display:flex}.resource-icon{font-size:24px}.resource div{flex:1;min-width:0}.resource strong{font-size:17px;font-weight:900;line-height:1.1;display:block}.resource small{color:#a9b6a9;font-size:10px}.resource button{color:#1c3224;background:#c8dda5;border:0;border-radius:50%;width:25px;height:25px;font-size:18px;font-weight:900}.paw-sparkle{color:#c8dda5}.welcome{background:linear-gradient(125deg,#243d2e,#1b3027 62%,#334735);border:1px solid #8cae7940;border-radius:25px;align-items:center;min-height:205px;padding:21px 17px;display:flex;position:relative;overflow:hidden}.welcome:after{content:"";background:#a9c9870d;border:1px solid #d9e9b011;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-75px;right:-50px}.welcome-copy{z-index:2;width:63%;position:relative}.pill{color:#d6e8b6;letter-spacing:.7px;background:#d7e8b512;border-radius:20px;padding:6px 8px;font-size:8px;font-weight:900;display:inline-block}.welcome h2{letter-spacing:-1px;margin:13px 0 8px;font-size:30px;font-weight:900;line-height:1.05}.welcome h2 span{color:#d1e3a9}.welcome p{color:#c0cec0;max-width:220px;margin:0;font-size:11px;line-height:1.6}.hero-creature{place-items:center;width:46%;height:150px;display:grid;position:absolute;top:27px;right:3px}.hero-glow{background:#a4c78322;border-radius:50%;width:124px;height:124px;position:absolute;box-shadow:0 0 40px #b4d89512}.hero-emoji{filter:drop-shadow(0 10px 9px #08140d80);font-size:91px;position:relative;transform:rotate(-5deg)}.hero-name{z-index:2;color:#d6e6b6;background:#17271f;border:1px solid #e0edbd4d;border-radius:20px;padding:5px 12px;font-size:10px;font-weight:900;position:absolute;bottom:0}.orbit{color:#d4e7b4;position:absolute}.orbit-one{font-size:21px;top:12px;right:27px}.orbit-two{font-size:17px;top:39px;left:0}.section-heading{justify-content:space-between;align-items:end;margin:25px 1px 13px;display:flex}.section-heading h2{letter-spacing:-.5px;margin:3px 0 0;font-size:21px;font-weight:900}.tiny-star{color:#c4dca0;font-size:24px}.text-link{color:#c8dfa8;background:0 0;border:0;padding:5px 0;font-size:11px;font-weight:800}.game-banner{text-align:left;color:#f5f5e9;cursor:pointer;background:linear-gradient(110deg,#314a37,#263b2e);border:1px solid #b9c99c45;border-radius:19px;align-items:center;gap:12px;width:100%;padding:15px 13px;transition:transform .15s;display:flex}.game-banner:active{transform:scale(.985)}.banner-icon{background:#d4e4b21c;border-radius:15px;flex-shrink:0;place-items:center;width:51px;height:51px;font-size:29px;display:grid}.banner-copy{flex-direction:column;flex:1;gap:3px;display:flex}.banner-tag{color:#c9dfa5;letter-spacing:1px;font-size:8px;font-weight:900}.banner-copy strong{font-size:14px;font-weight:900}.banner-copy small{color:#b5c4b5;font-size:10px}.banner-arrow{color:#d6e8b5;font-size:25px}.lands{grid-template-columns:1fr 1fr;gap:11px;display:grid}.land-card{color:#f4f3e6;text-align:left;cursor:pointer;border:1px solid #ffffff12;border-radius:18px;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:13px 12px;display:flex}.forest{background:linear-gradient(145deg,#253d2d,#1b2b22)}.mystic{background:linear-gradient(145deg,#39334e,#262538)}.land-emoji{margin-bottom:3px;font-size:31px}.land-title{font-size:14px;font-weight:900}.land-subtitle{color:#b4c1b1;font-size:9px}.land-price{color:#d5e3b4;margin-top:8px;font-size:10px;font-weight:900}.content-panel{background:linear-gradient(145deg,#1d3025,#18251e);border:1px solid #ffffff16;border-radius:22px;padding:20px 14px}.content-panel h2{letter-spacing:-.7px;margin:7px 0;font-size:24px}.muted{color:#afbdaf;font-size:12px;line-height:1.6}.back-link{color:#c9dfa9;background:0 0;border:0;margin-bottom:24px;padding:0;font-size:12px;font-weight:800;display:block}.game-stats{color:#c9d5c4;justify-content:space-between;margin:17px 0 12px;font-size:11px;display:flex}.memory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.memory-card{aspect-ratio:.82;color:#f5f5e9;cursor:pointer;background:linear-gradient(145deg,#39543a,#253a2b);border:1px solid #526e4d;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;display:flex}.memory-card .card-back{color:#d2e3ac;font-size:26px}.memory-card.revealed{color:#25372a;background:#e1e7c9;border-color:#f2edc8}.memory-card.revealed>span{font-size:31px}.memory-card small{font-size:9px;font-weight:900}.memory-card.matched{background:#6a8c62;border-color:#b5d89b}.game-hint{color:#c2d4a7;text-align:center;margin:17px 0 0;font-size:11px;line-height:1.6}.win-panel{text-align:center;padding:29px 17px}.win-emoji{margin-bottom:13px;font-size:52px}.win-panel h2{margin-top:9px}.reward{color:#d7e9b2;background:#a4c98416;border:1px solid #a4c98466;border-radius:15px;margin:13px 0;padding:12px 18px;font-size:19px;font-weight:900;display:inline-block}.primary-button,.secondary-button{cursor:pointer;border-radius:14px;width:100%;margin-top:10px;padding:13px;font-weight:900;display:block}.primary-button{color:#1b3021;background:#d1e3a9;border:0}.secondary-button{color:#e7edda;background:0 0;border:1px solid #61785b}.creature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px;display:grid}.creature-card{background:#293d2d;border:1px solid #ffffff0d;border-radius:15px;flex-direction:column;align-items:center;gap:4px;padding:14px 4px;display:flex}.creature-card span{font-size:36px}.creature-card strong{font-size:11px}.creature-card small{color:#b5c6a9;font-size:9px}.chest-list{flex-direction:column;gap:10px;margin-top:18px;display:flex}.chest-card{background:#293d2d;border:1px solid #ffffff12;border-radius:15px;align-items:center;gap:13px;padding:14px;display:flex}.chest-card>span{font-size:34px}.chest-card div{flex-direction:column;gap:4px;display:flex}.chest-card strong{font-size:12px}.chest-card small{color:#b7c5b1;font-size:10px}.bottom-nav{z-index:10;width:100%;max-width:520px;padding:10px 9px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111d18f2;border-top:1px solid #ffffff15;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#849789;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;display:flex}.bottom-nav button span{font-size:22px;line-height:1.2}.bottom-nav button small{font-size:9px;font-weight:800}.bottom-nav button.active{color:#d0e3a8}footer{color:#667c6a;text-align:center;letter-spacing:1.5px;margin:27px 0 0;font-size:7px;font-weight:900}@media (width<=360px){.app-shell{padding-left:12px;padding-right:12px}.welcome{padding:16px 12px}.welcome h2{font-size:26px}.hero-emoji{font-size:76px}.banner-copy strong{font-size:12px}.memory-grid{gap:5px}}