﻿/* 回饋動畫僅套在作答按鈕自身。 */
.ch-wrap{gap:14px;padding:22px 0}.ch-prompt{min-height:110px}.ch-options button:disabled{opacity:1;cursor:default}.ch-options .em-right{background:#174c39;border-color:#65dca2;color:#eafff3}.ch-options .em-wrong{background:#682c38;border-color:#ff8593;color:#fff0f2;animation:em-shake .32s ease}.em-pop{animation:em-pop .32s ease}.em-feedback:empty{display:none}.em-mascot{display:flex;align-items:center;gap:10px;text-align:left;margin:0 0 12px}.em-face{position:relative;flex:0 0 86px}.em-face img{display:block;width:86px;height:86px;object-fit:contain}.em-face>span{position:absolute;right:0;top:0;font-size:28px}.em-sleep img{filter:brightness(.75)}.em-bubble{flex:1;min-width:0;background:var(--ink3);border:1px solid var(--line);border-radius:18px;padding:12px;font-size:14px;line-height:1.65}.em-bubble p{margin:4px 0}.em-bubble strong{color:var(--gold)}.em-feedback>small{display:block;margin-top:8px;color:var(--muted)}.ch-result{padding:20px}.ch-result h1{font-size:30px;margin:8px 0}.em-total{color:var(--gold);font-size:22px;margin:8px 0 16px;font-variant-numeric:tabular-nums}.ch-result [data-ch-compare]{font-size:14px;overflow-wrap:anywhere}.ch-result .em-mascot{margin-bottom:18px}.ch-footer{margin-top:8px}@keyframes em-pop{50%{transform:scale(1.06)}}@keyframes em-shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media(prefers-reduced-motion:reduce){.em-pop,.ch-options .em-wrong{animation:none}}
/* 以現有拍手圖作底，CSS 合眼與 Zzz 呈現想睡表情。 */
.em-sleep .em-face:after{content:"";position:absolute;left:25%;top:29%;width:53%;height:34%;border-radius:45%;background:#202638;z-index:1}.em-sleep .em-face:before{content:"";position:absolute;left:31%;top:41%;width:39%;height:5%;background:linear-gradient(to right,#d8dfef 0 32%,transparent 32% 68%,#d8dfef 68%);border-radius:50%;z-index:2}.em-sleep .em-face>span{z-index:3}
