body.emoji-theme{--primary:#7c4dff;--secondary:#ffd54a;--accent:#ff8a3d;--danger:#ff5f78;background:radial-gradient(circle at 80% 8%,rgba(255,138,61,.14),transparent 28%),radial-gradient(circle at 8% 15%,rgba(124,77,255,.24),transparent 34%),#101329}
.emoji-entry-card{width:min(420px,90%);min-height:240px;display:grid;place-items:center;padding:30px;border:2px solid rgba(255,255,255,.2);border-radius:32px;background:linear-gradient(145deg,#2b235d,#161b3d);box-shadow:var(--shadow);transform:rotate(-3deg)}
.emoji-entry-card strong{font-size:clamp(56px,8vw,86px)}.emoji-entry-card span{color:var(--secondary);font-size:11px;font-weight:950;letter-spacing:.18em}.emoji-stage{position:relative;overflow:hidden}
.emoji-card{width:min(650px,100%);min-height:230px;display:grid;place-items:center;margin:12px auto 18px;padding:30px;border:2px solid rgba(255,213,74,.35);border-radius:30px;background:linear-gradient(145deg,rgba(124,77,255,.22),rgba(255,138,61,.08));box-shadow:inset 0 0 45px rgba(255,255,255,.035);font-size:clamp(58px,9vw,108px);line-height:1.25;overflow-wrap:anywhere;animation:emojiIn .35s ease}
.emoji-answer{width:min(620px,100%);display:flex;gap:9px}.emoji-answer input{min-width:0;flex:1;height:54px;padding:0 16px;border:1px solid var(--line);border-radius:14px;color:#fff;background:#10142e;font-size:16px}.attempt-info{min-height:25px;margin-top:9px;color:var(--muted);font-size:11px}.hint-button{min-height:42px;padding:0 15px;border:0;border-radius:12px}.result-box{display:grid;gap:5px}.result-box span{color:var(--secondary);font-size:9px;font-weight:950;letter-spacing:.18em}.result-box strong{font-size:clamp(25px,4vw,40px)}.final-scores{width:min(500px,100%);margin:20px auto}.score-item.correct{outline:2px solid #37d89c}.score-item.correct::after{content:'✓';color:#37d89c;font-weight:950}
.emoji-card.wrong{animation:wrongShake .3s}.mini-confetti{position:absolute;z-index:5;left:var(--x);top:20%;width:7px;height:12px;border-radius:2px;background:var(--secondary);animation:confettiDrop var(--d) ease-out forwards}.mini-confetti:nth-of-type(2n){background:var(--accent)}
@keyframes emojiIn{from{opacity:0;transform:scale(.94)}}@keyframes wrongShake{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}@keyframes confettiDrop{to{transform:translateY(260px) rotate(300deg);opacity:0}}
@media(max-width:650px){.emoji-card{min-height:180px;padding:18px;font-size:54px}.emoji-answer{position:sticky;bottom:0;z-index:3;padding:8px;background:rgba(13,16,36,.93);backdrop-filter:blur(10px)}.emoji-answer .action{flex:0 0 auto}.emoji-entry-card{display:none}}
@media(prefers-reduced-motion:reduce){.emoji-card,.emoji-card.wrong,.mini-confetti{animation:none}}