/* Tappy's cheers on the results screen (see tappy-buddy.js) */
#tcheer{display:none;width:min(560px,100%);margin:8px auto 4px;text-align:left}
#tcheer.on{display:flex;align-items:center;gap:14px;animation:tbIn .55s cubic-bezier(.2,1.5,.4,1) .6s both}
@keyframes tbIn{from{opacity:0;transform:translateY(16px) scale(.9)}}
#tcheer .tb-face{flex:none;width:70px;height:77px}
#tcheer .tb-bub{position:relative;flex:1;min-width:0;background:#fffbea;color:#2a1560;border:3px solid var(--gold,#ffd23f);box-shadow:0 4px 0 #b88a00;
  padding:10px 13px;font:500 15px/1.45 'Chakra Petch',system-ui,sans-serif}
#tcheer .tb-bub::before{content:"";position:absolute;left:-14px;top:50%;margin-top:-9px;border:9px solid transparent;border-right:11px solid var(--gold,#ffd23f);border-left:0}
#tcheer .tb-bub::after{content:"";position:absolute;left:-7px;top:50%;margin-top:-6px;border:6px solid transparent;border-right:7px solid #fffbea;border-left:0}
#tcheer .tb-bub b{color:#d6226a;font-weight:700}
#tcheer .tb-off{all:unset;display:block;margin-top:5px;cursor:pointer;font:400 8px/1.6 'Press Start 2P',monospace;color:#7a6bb5;text-decoration:underline;padding:3px 0}
#tcheer .tb-off:hover{color:#2a1560}
#tcheer .tb-off:focus-visible{outline:3px solid var(--cyan,#29e7ff);outline-offset:2px}
@media (max-width:560px){#tcheer{gap:10px}#tcheer .tb-face{width:54px;height:60px}#tcheer .tb-bub{font-size:14px;padding:8px 10px}}
@media (prefers-reduced-motion:reduce){#tcheer.on{animation:none}}