/* Image Game Styles */
#game{display:none;flex-direction:column;height:100vh;padding:12px 12px 8px}
.word-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:white;border-radius:20px;border:2px solid #FFE0D0;margin-bottom:10px;padding:16px;position:relative;overflow:hidden;min-height:0}
.big-word{font-family:'Baloo 2',cursive;font-size:63px;font-weight:800;color:#FF6B35;text-align:center;line-height:1;letter-spacing:-1px}
.vi-label{font-size:18px;color:#A0AEC0;font-weight:600;margin-top:6px}
.speak-ring{width:52px;height:52px;border-radius:50%;background:#FFF5F0;border:2px solid #FFDDD0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;margin-top:10px;transition:transform 0.1s;user-select:none}
.speak-ring:active{transform:scale(0.88)}
.choices-label{font-size:16px;font-weight:700;color:#A0AEC0;text-align:center;margin-bottom:7px;flex-shrink:0;letter-spacing:0.5px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:8px}
.choices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex-shrink:0}
.choice-card{background:white;border-radius:16px;border:2.5px solid #E2E8F0;padding:10px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all 0.15s;min-height:76px;position:relative;overflow:hidden;user-select:none}
.choice-card:active{transform:scale(0.92)}
.choice-card.wrong{border-color:#EF4444;background:#FEF2F2;animation:wobble 0.4s}
.choice-card.correct{border-color:#22C55E;background:#F0FDF4}
.choice-word{font-size:12px;font-weight:700;color:#718096;margin-top:4px;text-align:center}

/* Popup */
.popup-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,0.45);z-index:50;border-radius:20px}
.popup-card{background:white;border-radius:24px;padding:26px 22px;text-align:center;width:88%;position:relative;overflow:hidden}
.popup-em{font-size:64px;animation:popIn 0.4s cubic-bezier(0.175,0.885,0.32,1.275);display:block}
.popup-title{font-family:'Baloo 2',cursive;font-size:28px;font-weight:800;color:#22C55E;margin:8px 0 4px}
.popup-sub{font-size:17px;color:#718096;margin-bottom:18px;line-height:1.4}
.popup-next{width:100%;padding:14px;background:#22C55E;color:white;border:none;border-radius:12px;font-family:'Baloo 2',cursive;font-size:21px;font-weight:800;cursor:pointer;transition:transform 0.1s}
.popup-next:active{transform:scale(0.96)}
.confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;animation:fall 1.2s ease-out forwards;pointer-events:none}