/* Kahoot-style live mode styles. Used in Fase 2+. */
.ww-pin {
  font-family: ui-monospace, monospace;
  font-size: clamp(2rem, 8vw, 5rem);
  letter-spacing: .35em;
  font-weight: 700;
}
.ww-pin-input {
  font-size: clamp(1.5rem, 7vw, 2.5rem);
  letter-spacing: clamp(.15rem, 1vw, .4rem);
  text-transform: uppercase;
  font-family: ui-monospace, monospace;
}
.ww-kahoot-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.ww-kahoot-grid .btn { font-size: 1.5rem; padding: 2rem; font-weight: 600; }
.ww-kahoot-grid .btn:nth-child(1) { background: var(--ww-shape-1, #e21b3c); border-color: var(--ww-shape-1, #e21b3c); color: #fff; }
.ww-kahoot-grid .btn:nth-child(2) { background: var(--ww-shape-2, #1368ce); border-color: var(--ww-shape-2, #1368ce); color: #fff; }
.ww-kahoot-grid .btn:nth-child(3) { background: var(--ww-shape-3, #d89e00); border-color: var(--ww-shape-3, #d89e00); color: #fff; }
.ww-kahoot-grid .btn:nth-child(4) { background: var(--ww-shape-4, #26890c); border-color: var(--ww-shape-4, #26890c); color: #fff; }
.ww-countdown { font-size: clamp(3rem, 12vw, 8rem); font-weight: 800; }
.ww-leaderboard .row { padding: .5rem; border-bottom: 1px solid rgba(255,255,255,.1); }
.ww-podium { display: flex; align-items: flex-end; gap: 1rem; justify-content: center; }
.ww-podium .step { background: linear-gradient(180deg, #fbbf24, #d97706); border-radius: 8px 8px 0 0; min-width: 100px; padding: 1rem; text-align: center; }
.ww-podium .step.s1 { height: 220px; }
.ww-podium .step.s2 { height: 160px; }
.ww-podium .step.s3 { height: 120px; }