*{box-sizing:border-box;font-family:system-ui,Segoe UI,Roboto,Arial;margin:0}
body{display:flex;flex-direction:column;min-height:100vh;background:#eef7f2;color:#133;align-items:center}
header{width:100%;padding:12px 20px;background:#e6f6ee;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}
main{display:flex;gap:12px;padding:12px;width:100%;max-width:1200px}
#canvasWrap{width:820px;height:520px;background:#99d3b7;border-radius:8px;overflow:hidden}
#sidebar{width:320px}
.card{background:white;padding:10px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.08);margin-bottom:12px}
.shopItem{padding:8px;border:1px solid #e2f1e8;border-radius:6px;margin:6px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.shopItem:hover{background:#f6fff9}
.cost{background:#eaf9e9;padding:4px 6px;border-radius:6px}
footer{margin:12px;color:#6a8a56}