body { font-family: sans-serif; text-align: center; background: #eef2f3; margin: 0; padding: 1rem; touch-action: manipulation; }
#game-container { max-width: 400px; margin: auto; background: white; padding: 1.5rem; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
#tree-container { position: relative; width: 200px; height: 280px; margin: 0 auto; background: #f9f9f9; border: 2px dashed #ccc; border-radius: 10px; overflow: hidden; cursor: crosshair; }
#tree-svg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#decorations-layer { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; }
.placed-dec { position: absolute; font-size: 1.8rem; transform: translate(-50%, -50%); user-select: none; }
#palette { display: flex; justify-content: center; gap: 0.5rem; margin-top: 1rem; flex-wrap: wrap; }
.dec-item { background: #ffcc00; padding: 8px 12px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 0.9rem; user-select: none; }
.dec-item.active { background: #ff9800; color: white; transform: scale(1.05); }
#clear-btn { margin-top: 1rem; background: #f44336; color: white; border: none; padding: 8px 15px; border-radius: 6px; cursor: pointer; font-weight: bold; }