/* B2R Final glossy CSS */
.b2r-final-wrap { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; margin:12px 0; display:flex; justify-content:center; }
.b2r-glossy { background: linear-gradient(135deg, #111217, #151522); padding:16px 18px; border-radius:14px; color:#fff; width:760px; box-shadow: 0 10px 30px rgba(0,0,0,0.6); border:1px solid rgba(255,255,255,0.04); }
.b2r-row { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.b2r-emojis { display:flex; gap:14px; }
.b2r-emoji { background:transparent; border:none; font-size:58px; cursor:pointer; transition: transform .22s ease, filter .22s ease; padding:6px; border-radius:10px; }
.b2r-emoji:hover { transform:translateY(-6px) scale(1.08); filter: drop-shadow(0 8px 20px rgba(255,80,120,0.25)); }
.b2r-emoji.active { transform:translateY(-8px) scale(1.18) rotate(-6deg); filter: drop-shadow(0 12px 30px rgba(255,80,120,0.5)); }
.b2r-stats-panel { text-align:right; min-width:160px; }
.b2r-total, .b2r-avg { font-weight:700; font-size:16px; color:#ffdfe6; }
.b2r-feedback { margin-top:10px; text-align:center; font-size:14px; min-height:24px; color:#cfeadf; }

/* flowers/confetti simple pieces */
.b2r-flower { position:fixed; font-size:20px; z-index:999999; pointer-events:none; opacity:0; transform:translateY(-20px); transition:opacity .2s ease; }

/* simple fall animation using JS (no external libs) */
@keyframes b2r-fall {
  0% { transform: translateY(-20vh) rotate(0deg); opacity:1; }
  100% { transform: translateY(110vh) rotate(360deg); opacity:0; }
}

/* responsive */
@media (max-width:640px){
  .b2r-glossy { width: 92%; padding:12px; }
  .b2r-emoji { font-size:44px; }
  .b2r-stats-panel { min-width:120px; text-align:center; }
}