:root{--grass:#1f7a3a;--grass2:#2bb95f;--line:#ffffffcc;--dark:#08351b;--foam:#f7fff9;--yellow:#ffd54a;--red:#ff5f56}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:linear-gradient(180deg,#73d48b,#1f7a3a);color:var(--foam);touch-action:none}.app{width:min(520px,100%);margin:0 auto;padding:18px 14px 30px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{margin:0 0 3px;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:900;color:#d9ffe3}h1{margin:0;font-size:2.1rem;line-height:.95;letter-spacing:-.04em}.subtitle{margin:6px 0 0;color:#e9fff0;font-size:.95rem}.topbar button,.controls button{border:0;border-radius:18px;background:#fff;color:var(--dark);font-weight:900;box-shadow:0 8px 20px #0002}.topbar button{padding:12px 14px}.hud{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.hud div{background:#ffffff26;border:1px solid #ffffff40;border-radius:16px;padding:10px;text-align:center;font-weight:900;backdrop-filter:blur(8px)}.game-card{position:relative;background:#0b4d25;border-radius:28px;padding:10px;box-shadow:0 18px 50px #06361666;border:1px solid #ffffff40}canvas{width:100%;display:block;border-radius:22px;background:#25974a}.message{position:absolute;left:22px;right:22px;bottom:20px;text-align:center;background:#08351bcc;border:1px solid #ffffff55;border-radius:16px;padding:10px;font-weight:900;min-height:42px}.controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:16px auto 0;max-width:330px}.controls button{height:62px;font-size:1.6rem}.controls button:active{transform:scale(.96);background:#d9ffe3}@media(max-width:380px){h1{font-size:1.85rem}.controls button{height:56px}}