*{box-sizing:border-box}body{margin:0;background:#edf1e7;color:#213f30;font-family:system-ui,-apple-system,Segoe UI,sans-serif}
main{max-width:760px;padding:20px 15px 60px;margin:0 auto}a{color:#1e5a42}a.back{display:inline-block;margin:3px 0 25px;font-weight:700;text-decoration:none}
header{background:linear-gradient(130deg,#214c3b,#315a3e);color:#f9f4e6;padding:30px 25px;border-radius:22px;margin-bottom:16px}
header h1{font-size:clamp(30px,6vw,50px);letter-spacing:-1.5px;line-height:1.05;margin:4px 0 13px}
header p{max-width:550px;line-height:1.6;opacity:.91}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:800}
h2{font-size:21px;margin:26px 0 12px}h3{font-size:15px;margin:13px 0 5px}p{line-height:1.53}
.stats{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.stats>*{background:#fff;border-radius:8px;padding:9px 12px}
.card{border:1px solid #d4e1d5;background:white;border-radius:17px;padding:17px 19px;margin:15px 0;box-shadow:0 1px 4px #0001}
.card .stats>*{background:#e9f0e8}.muted{color:#53685a;font-size:13px}
.modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mode{background:#fff;border:2px solid #d1dfd2;min-height:160px;border-radius:18px;color:#22432e;padding:12px 7px;cursor:pointer}
.mode span{display:block;font-size:37px;margin-bottom:7px}.mode strong{display:block;font-size:15px}.mode small{display:block;margin-top:8px;font-size:11px;line-height:1.4}
button{font-family:inherit;font-weight:750;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #d0a24c;outline-offset:3px}
.action,.extras button,.upgrade button,.secondary{background:#285942;color:white;border:0;border-radius:10px;min-height:44px;padding:10px 15px}
.secondary,.upgrade button{background:#e5ede2;color:#224936;border:1px solid #cbd9cc}
button:disabled{opacity:.45;cursor:not-allowed}
.upgrade{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 0;border-bottom:1px solid #e2e9de}
.upgrade small{display:block;margin-top:4px;font-size:12px;color:#5c725f}.upgrade button{white-space:nowrap}
.track,.meter{height:20px;overflow:hidden;background:#d6e1d6;border-radius:30px}
.track i,.meter i{display:block;background:linear-gradient(90deg,#398856,#d6bb66);height:100%;width:0;transition:width .08s}
.track.rival i{background:linear-gradient(90deg,#a56a43,#ebaf65)}
.prompt{background:#fff2d0;border-left:4px solid #d8a44c;border-radius:7px;padding:11px;font-weight:750;min-height:52px}
.controls{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}
.controls button{background:#327f54;color:white;border:none;border-bottom:7px solid #174f31;min-height:110px;border-radius:18px;font-size:25px;touch-action:manipulation;user-select:none}
.controls button:active{transform:translateY(4px);border-bottom-width:3px}
.extras{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
@media(max-width:440px){header{padding:23px 19px}.mode{min-height:155px}.mode strong{font-size:13px}.mode small{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}