*{box-sizing:border-box;font-family:system-ui,Segoe UI,Roboto,Arial;margin:0}
body{display:flex;flex-direction:column;min-height:100vh;background:#f3f9ea;color:#133;align-items:center}
header{width:100%;padding:12px 20px;background:#e8f5d6;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d3e7b8}
h1{font-size:18px;margin:0}
#hud{display:flex;gap:12px;align-items:center}
#message{min-width:200px;color:#055}
main{display:flex;gap:12px;padding:16px;width:100%;max-width:1100px}
#gameCanvas{background:linear-gradient(#bfe7a6,#98d26a);border:4px solid #6aa84f;border-radius:8px}
#sidebar{width:280px}
.card{background:white;padding:10px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.08)}
.plantBtn{display:block;width:100%;padding:10px;margin:6px 0;border-radius:6px;border:1px solid #cde7b7;background:#f7fff0;cursor:pointer}
.plantBtn:hover{transform:translateY(-1px)}
footer{margin:16px;color:#6a8a56}
button{cursor:pointer}