@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
.level-card{border:1px solid #52633a;border-radius:14px;padding:18px;margin-top:12px;background:#20291b}.level-card>div{display:flex;justify-content:space-between;align-items:center}.level-card b{font-size:14px}.level-card small{color:#d7f96e;font-size:10px}.level-card progress{width:100%;height:6px;accent-color:#d7f96e;margin-top:14px}.level-card p{font-size:10px;margin-bottom:0}.achievements{display:grid;grid-template-columns:1fr 1fr;gap:10px}.achievement{border:1px solid #30372f;border-radius:14px;padding:16px;background:#1a1e1b}.achievement>span{display:block;font-size:26px;margin-bottom:10px}.achievement b{font-size:11px}.achievement p{font-size:9px;min-height:32px;margin:6px 0}.achievement small{font-size:8px;letter-spacing:.8px}.achievement.unlocked{border-color:#677941}.achievement.unlocked small{color:#d7f96e}.achievement.locked>span{filter:grayscale(1);opacity:.45}.filters{display:flex;gap:7px;overflow:auto;margin-bottom:20px;padding-bottom:8px}.filters button{white-space:nowrap;border:1px solid #30372f;border-radius:20px;padding:10px 14px;background:#1a1e1b;color:#969f90;font-size:10px;cursor:pointer}.filters button.active{background:#d7f96e;color:#1b2311;border-color:#d7f96e}.rarity{color:#b6c58f!important;font-size:8px!important}
:root{color-scheme:dark;--bg:#101311;--panel:#1a1e1b;--line:#30372f;--ink:#eff0e7;--muted:#969f90;--lime:#d7f96e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif}main{max-width:680px;margin:auto;padding:0 22px 115px}header{display:flex;align-items:center;justify-content:space-between;height:85px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;letter-spacing:2px;font-size:12px;font-weight:800}.logo{background:var(--lime);color:#141b0d;width:32px;height:32px;display:grid;place-items:center;font-size:20px;letter-spacing:-2px;transform:rotate(-6deg)}.season{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:8px 10px;letter-spacing:1px}.hero{position:relative;overflow:hidden;border:1px solid #414a33;border-radius:22px;background:radial-gradient(ellipse at 85% 60%,#434f27 0%,#1d261c 40%,#171d17 75%);padding:28px 24px 0}.eyebrow,small{font-size:10px;letter-spacing:1.4px;color:var(--muted)}.eyebrow{color:var(--lime);font-size:9px}h1{font-size:44px;letter-spacing:-2px;line-height:1.12;margin:22px 0 15px;font-weight:800}em{font-style:normal;color:var(--lime)}p{font-size:13px;line-height:1.8;color:var(--muted)}.hero p{position:relative;z-index:2}.city{height:150px;position:relative;margin:0 -24px;display:flex;gap:7px;align-items:flex-end;padding:0 28px;opacity:.8}.city i{display:block;position:relative;background:repeating-linear-gradient(90deg,transparent 0 13px,#485332 14px 16px,transparent 17px 23px),repeating-linear-gradient(0deg,#141b13 0 12px,#303b22 13px 15px);width:15%;height:80px;border-top:3px solid #4b5938}.city i:nth-child(2){height:110px}.city i:nth-child(3){height:63px}.city i:nth-child(4){height:130px}.city i:nth-child(5){height:90px}.city i:nth-child(6){height:110px}.moon{position:absolute;right:56px;top:0;width:42px;height:42px;border-radius:50%;background:#d7f96e;box-shadow:0 0 60px #d7f96e55;z-index:-1}.road{position:absolute;bottom:0;left:0;right:0;height:27px;background:#121711;border-top:1px solid #687343}.primary{background:var(--lime);color:#1b2311;border:0;border-radius:12px;padding:17px;width:100%;font-weight:800;font-size:14px;cursor:pointer;position:relative}.hero-footer{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:#9ca68c;padding:17px 0}.section-title{display:flex;align-items:center;justify-content:space-between;margin:28px 0 16px}h2{font-size:18px;letter-spacing:-.5px;margin:0}.section-title>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.identity{display:flex;align-items:center;gap:12px}.avatar{width:48px;height:48px;display:grid;place-items:center;background:#283122;border:1px solid #566340;border-radius:14px;font-size:28px;color:var(--lime)}h3{margin:4px 0;font-size:16px}.identity small{font-size:8px}.badge{margin-left:auto;font-size:8px;letter-spacing:1px;border:1px solid var(--line);border-radius:6px;padding:7px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.stats article{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 14px}.stats small{font-size:8px;letter-spacing:.7px}.stats strong{display:block;font-size:25px;margin:12px 0 5px;letter-spacing:-1px}.stats span{font-size:9px;color:var(--muted)}.money strong{color:var(--lime)}.empty{border:1px dashed var(--line);border-radius:14px;padding:25px;font-size:12px;color:var(--muted);line-height:1.8;text-align:center}.dot{color:var(--lime)!important}.dot:before{content:'● ';font-size:8px}.tip{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);margin-top:24px;padding-top:12px}.tip>span{font-size:24px}.tip p{font-size:11px}.tip b{color:var(--ink);font-weight:500}footer{font-size:8px;letter-spacing:1.8px;color:#596354;text-align:center;margin-top:40px}nav{position:fixed;bottom:0;left:0;right:0;padding:12px 12px calc(12px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;background:#151a16ee;backdrop-filter:blur(20px);border-top:1px solid var(--line);z-index:5}nav button{border:0;background:none;color:var(--muted);font-size:9px;display:flex;flex-direction:column;gap:5px;align-items:center;cursor:pointer;min-width:65px}nav span{font-size:24px;line-height:1}.selected{color:var(--lime)!important}.screen{display:none}.screen.active{display:block;animation:show .2s ease}@keyframes show{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.page-head{padding:18px 0 25px}.page-head h1{font-size:50px}.product,.game-card,.ranking,.setting{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:12px}.product{display:grid;grid-template-columns:58px 1fr;gap:14px}.product-icon{font-size:36px;display:grid;place-items:center;background:#263021;border-radius:14px}.product h3{font-size:14px}.product p{margin:4px 0;font-size:11px}.buy{border:1px solid #5c6e37;background:#25301d;color:var(--lime);padding:10px;border-radius:8px;font-size:11px;cursor:pointer;margin-top:8px}.buy:disabled{opacity:.45;cursor:default}.ranking{display:flex;align-items:center;gap:16px}.ranking>span{color:var(--lime);font-weight:800;font-size:22px;width:24px}.ranking b{font-size:13px}.ranking strong{margin-left:auto;font-size:14px;color:var(--lime)}.setting{display:flex;justify-content:space-between;gap:14px;align-items:center}.setting b{font-size:13px}.setting p{font-size:10px;margin:5px 0}.setting input{width:22px;height:22px;accent-color:var(--lime)}.notice{display:none;font-size:12px;padding:12px;margin-bottom:14px;border:1px solid #675732;border-radius:10px;color:#e9d69b;background:#2a2416}.notice.visible{display:block}.game-card small{color:var(--lime)}.game-card p{margin-bottom:0}.game-card progress{width:100%;accent-color:var(--lime);height:6px}@media(min-width:640px){h1{font-size:58px}.hero{padding-top:36px}.city{height:180px}nav{max-width:680px;margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){.screen.active{animation:none}}