body { font-family: sans-serif; text-align: center; background: #fffde7; 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); }
#game-board { display: flex; justify-content: space-around; margin: 2rem 0; }
.column { display: flex; flex-direction: column; gap: 1rem; }
.letter-box { width: 60px; height: 60px; background: #ffe082; display: flex; justify-content: center; align-items: center; font-size: 2rem; font-weight: bold; border-radius: 10px; cursor: pointer; user-select: none; border: 2px solid #ffa000; transition: transform 0.2s; }
.letter-box.selected { background: #ffb300; transform: scale(1.1); border-color: #e65100; }
.letter-box.matched { background: #c8e6c9; border-color: #388e3c; color: #2e7d32; pointer-events: none; opacity: 0.6; }
#message { font-weight: bold; font-size: 1.1rem; min-height: 1.5rem; margin-top: 1rem; }