body { font-family: sans-serif; text-align: center; background: #fff3e0; margin: 0; padding: 1rem; touch-action: manipulation; }
#game-container { max-width: 380px; margin: auto; background: white; padding: 1.5rem; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
#options-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 1rem; }
.opt-card { background: #ffe0b2; padding: 20px; border-radius: 10px; font-size: 1.1rem; font-weight: bold; cursor: pointer; user-select: none; border: 2px solid #ffb74d; }
.opt-card.correct { background: #c8e6c9; border-color: #4caf50; color: #2e7d32; }
.opt-card.wrong { background: #ffcdd2; border-color: #f44336; color: #c62828; }
#message { margin-top: 1rem; font-weight: bold; font-size: 1.1rem; min-height: 1.5rem; }