/* showdown-score.css */
/* CLASSROOM SHOWDOWN — set a score by hand (showdown-score.js): the tap on
   a score card's number and the little card that floats under it. */
.sb-snum-tap{cursor:pointer;border:0;background:none;padding:0 6px;border-radius:12px;transition:background .12s}
.sb-snum-tap:hover{background:color-mix(in srgb,var(--tc,#7E858F) 16%,#fff)}
.sc-card{
  position:fixed;z-index:940;width:330px;padding:14px 16px;
  background:#fff;border:3px solid var(--tc,#7E858F);border-radius:20px;text-align:left;
  box-shadow:0 18px 40px rgba(23,24,78,.3);
  animation:sc-pop .18s cubic-bezier(.2,.9,.3,1.2);
}
.sc-h{font-family:var(--display);font-size:20px;font-weight:700;color:var(--ink,#171B55);line-height:1.15}
.sc-p{margin-top:4px;font-size:13.5px;font-weight:700;color:var(--grey,#5F6B8A);line-height:1.35}
.sc-line{display:flex;align-items:center;gap:8px;margin-top:10px}
.sc-in{
  flex:1;min-width:0;height:50px;padding:0 8px;border:3px solid var(--line,#DCEFFF);border-radius:15px;background:#fff;
  color:var(--ink,#171B55);text-align:center;font-family:var(--display);font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;outline:none;
}
.sc-in:focus{border-color:var(--royal,#2F63D8);box-shadow:0 0 0 4px rgba(47,99,216,.18)}
.sc-step{width:46px;height:46px;flex:0 0 auto;border:3px solid var(--line,#DCEFFF);border-radius:14px;background:#F1F8FF;color:var(--ink,#171B55);font-size:25px;font-weight:800;cursor:pointer}
.sc-step:hover{background:#E1F1FF}
.sc-out{margin-top:8px;font-size:15px;font-weight:800;color:var(--royal,#2F63D8);font-variant-numeric:tabular-nums;min-height:1.3em}
.sc-row{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}
.sc-keep,.sc-go{padding:8px 18px;border:0;border-radius:999px;font-family:var(--display);font-size:17px;font-weight:700;cursor:pointer}
.sc-keep{background:#EAF6FF;color:var(--royal,#2F63D8)}
.sc-go{background:linear-gradient(180deg,#3B72E8,#244FB3);color:#fff;box-shadow:0 4px 0 #17337A}
.sc-go:active{transform:translateY(2px);box-shadow:none}
.sc-go:disabled{opacity:.45;cursor:default;box-shadow:none}
@keyframes sc-pop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.sc-card{animation:none}}