.theme-chem { background: linear-gradient(135deg, #e8eaf6 0%, #c5cae9 100%); }
.theme-chem .game-header h1 { color: #283593; }
.element-card { background: white; border-radius: 16px; padding: 20px; margin: 15px auto; max-width: 420px; box-shadow: 0 6px 25px rgba(0,0,0,0.08); text-align: center; }
.hint-clue { font-size: 1.1rem; color: #333; font-family: 'Nunito', sans-serif; font-weight: 600; line-height: 1.7; }
.hint-clue strong { color: #283593; }
.elem-options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; max-width: 400px; margin: 15px auto; padding: 0 15px; }
.elem-opt { padding: 14px; border: 2px solid #c5cae9; border-radius: 14px; background: white; text-align: center; font-size: 1.05rem; font-family: 'Nunito', sans-serif; font-weight: 700; cursor: pointer; transition: all 0.2s; }
.elem-opt:hover { background: #e8eaf6; border-color: #5c6bc0; }
.elem-opt .sym { font-size: 1.6rem; font-weight: 800; font-family: 'Baloo 2', cursive; display: block; }
.elem-opt.correct { background: #e8f5e9; border-color: #4caf50; }
.elem-opt.wrong { background: #ffebee; border-color: #f44336; }
.elem-opt.disabled { pointer-events: none; opacity: 0.6; }