@import "https://fonts.googleapis.com/css2?family=DotGothic16&display=swap";:root{--green:#3aa858;--green-dark:#2d8a48;--green-light:#e8f5e0;--gold:#d4a020;--bg:#fff8ec;--bg2:#fff0d8;--card:#fff;--text:#2a3020;--text-sub:#6a7060;--border:#d8e0d0}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);color:var(--text);min-height:100vh;font-family:DotGothic16,sans-serif}.card{background:var(--card);border-radius:28px;padding:24px;box-shadow:0 4px 20px #28501e14}.btn{cursor:pointer;border:none;border-radius:20px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-family:DotGothic16,sans-serif;font-size:16px;transition:all .2s;display:inline-flex}.btn-primary{background:var(--green);color:#fff;box-shadow:0 4px 12px #3aa8584d}.btn-primary:hover{background:var(--green-dark);transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:var(--green-light);color:var(--green)}.btn-secondary:hover{background:#d4ecc8}.input{border:2px solid var(--border);background:#fff;border-radius:14px;outline:none;width:100%;padding:14px 18px;font-family:DotGothic16,sans-serif;font-size:14px;transition:border-color .2s}.input:focus{border-color:var(--green)}.container{max-width:420px;min-height:100vh;margin:0 auto;padding:20px}.navbar{background:var(--green);color:#fff;border-radius:0 0 20px 20px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 20px;display:flex}.navbar-title{align-items:center;gap:8px;font-size:16px;display:flex}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes sparkle{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes xpPopup{0%{opacity:1;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-30px)scale(1.2)}to{opacity:0;transform:translateY(-60px)scale(.8)}}@keyframes evolutionFlash{0%{opacity:0}20%{opacity:.9}to{opacity:0}}@keyframes aura{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:.3;transform:translate(-50%,-50%)scale(1.15)}}@keyframes flapL{0%,to{transform:rotate(0)}50%{transform:rotate(-15deg)}}@keyframes flapR{0%,to{transform:rotate(0)}50%{transform:rotate(15deg)}}@keyframes stepL{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes stepR{0%,50%{transform:translateY(0)}75%{transform:translateY(-3px)}to{transform:translateY(0)}}