/* showdown-kick.css */
/* CLASSROOM SHOWDOWN — remove a player (showdown-kick.js): the tappable
   name chips and the little Remove / Keep card that floats under one. */
.sk-tap{cursor:pointer}
.sk-tap:hover{filter:brightness(.96);box-shadow:0 0 0 2px rgba(47,99,216,.25)}
.sk-card{
  position:fixed;z-index:940;width:300px;padding:14px 16px;
  background:#fff;border:3px solid #F4B8B0;border-radius:20px;text-align:left;
  box-shadow:0 18px 40px rgba(23,24,78,.3);
  animation:sk-pop .18s cubic-bezier(.2,.9,.3,1.2);
}
.sk-h{font-family:var(--display);font-size:21px;font-weight:700;color:var(--ink,#171B55);line-height:1.15}   /* v2.75.25 — the name, not a red question */
.sk-p{margin-top:5px;font-size:14.5px;font-weight:700;color:var(--grey);line-height:1.35}
.sk-row{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}
.sk-keep,.sk-go{padding:8px 16px;border:0;border-radius:999px;font-family:var(--display);font-size:17px;font-weight:700;cursor:pointer}
.sk-keep{background:#EAF6FF;color:var(--royal,#2F63D8)}
.sk-go{background:linear-gradient(180deg,#F26D6D,#D64545);color:#fff;box-shadow:0 4px 0 #A92F2F}
.sk-go:active{transform:translateY(2px);box-shadow:none}
@keyframes sk-pop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.sk-card{animation:none}}