/* buzzer-powerpop.css */
/* CLASSROOM SHOWDOWN — the "your team earned a power" card
   (buzzer-powerpop.js): centred over the game screen, above the sheets
   (40) and the trade sheet (60), below the image zoom. */
.pp-wrap{
  position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;
  padding:18px;background:rgba(23,24,78,.6);backdrop-filter:blur(4px);
}
.pp-wrap[hidden]{display:none}
.pp-card{
  width:min(440px,100%);background:#fff;border:4px solid var(--yellow,#FFC52E);border-radius:28px;
  padding:22px 20px 18px;text-align:center;box-shadow:0 0 0 6px rgba(255,197,46,.25),0 24px 60px rgba(23,24,78,.45);
  animation:pp-pop .32s cubic-bezier(.2,.9,.3,1.2);
}
.pp-kicker{font-size:12px;font-weight:900;letter-spacing:.12em;color:#B7791F}
.pp-name{font-family:var(--display);font-size:38px;font-weight:700;color:var(--ink,#171B55);line-height:1.05;margin:6px 0 10px}
.pp-what{font-size:16px;font-weight:700;color:#2C3566;line-height:1.4;margin:0 0 14px}
.pp-how{text-align:left;padding:12px 14px;border-radius:16px;background:#F7FBFF;border:2px solid #E3F1FF}
.pp-how-h{font-size:11.5px;font-weight:900;letter-spacing:.1em;color:var(--royal,#2F63D8);margin-bottom:6px}
.pp-how p{margin:0;font-size:14.5px;font-weight:600;line-height:1.4;color:#2C3566}
.pp-who{margin-top:8px !important;font-weight:800 !important;color:var(--ink,#171B55) !important}
/* v2.75.19 — WHEN, first and bold */
.pp-when{font-weight:800 !important;color:var(--ink,#171B55) !important}
.pp-how-h2{margin-top:8px}
.pp-ok{width:100%;margin-top:14px;font-size:18px}
@keyframes pp-pop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.pp-card{animation:none}}