/* R284: stable split-flap countdowns; no webfont dependency. */
html body .kb-flip-source { display:none!important; }
html body .kb-flip-countdown {
  --kb-hours-chars:3;
  box-sizing:border-box;
  display:inline-grid;
  grid-template-columns:minmax(0,calc(var(--kb-hours-chars)*14px + 10px)) repeat(2,minmax(0,50px));
  gap:6px;
  width:calc(var(--kb-hours-chars)*14px + 122px);
  max-width:100%;
  min-width:0;
  flex:0 0 auto;
  vertical-align:middle;
  padding:2px 0;
  margin:0;
  border:0;
  background:none;
  color:#f4f7eb;
  font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
  font-variant-numeric:tabular-nums;
  line-height:1;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  isolation:isolate;
}
html body .kb-flip-countdown[hidden] { display:none!important; }
html body .kb-flip-unit { display:grid;min-width:0;gap:5px;margin:0;padding:0; }
html body .kb-flip-digit {
  display:block;position:relative;height:36px;border-radius:5px;
  background:linear-gradient(#84937f 0%,#72836d 49%,#596b54 50%,#73866c 100%);
  box-shadow:inset 0 1px 0 #dbe5cb55,inset 0 -1px 0 #27372d,0 2px 3px #0005;
  perspective:180px;overflow:hidden;
}
html body .kb-flip-digit::after {
  content:"";position:absolute;left:0;right:0;top:50%;height:1px;
  background:#263c3488;box-shadow:0 1px 0 #dce7d32b;pointer-events:none;z-index:2;
}
html body .kb-flip-value,html body .kb-flip-leaf {
  display:block;position:absolute;inset:0;padding:0;margin:0;
  font:800 26px/36px ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
  letter-spacing:-1px;text-align:center;color:#f4f7eb;text-shadow:0 1px 1px #30432c88;
}
html body .kb-flip-leaf {
  opacity:0;clip-path:inset(0 0 50% 0);transform-origin:center center;
  background:linear-gradient(#84937f,#72836d);backface-visibility:hidden;pointer-events:none;
}
html body .kb-flip-label {
  display:block;padding:0;margin:0;font:700 8px/11px system-ui,sans-serif;
  text-transform:uppercase;letter-spacing:.25px;color:#bdd2c8;
}
html body .kb-poll-heading { flex-wrap:wrap; }
html body .kb-poll-heading>.kb-flip-countdown { margin-left:auto; }
html body .kb-poll-studio-tile__head,html body .kb-voting-hub__coach-footer { flex-wrap:wrap;gap:10px; }
html body .kb-lineup-countdown+.kb-flip-countdown { display:grid;margin-top:8px; }
@media(prefers-reduced-motion:reduce) {
  html body .kb-flip-leaf { display:none; }
}

/* R455: Der öffentliche Login-/Stream-Countdown benutzt exakt dieselben Klappen. */
html body .kb-live-public-center>.kb-flip-countdown{
  display:grid!important;
  margin:8px auto 5px!important;
  width:calc(var(--kb-hours-chars)*14px + 122px)!important;
  max-width:min(100%,260px)!important;
}
html body .kb-live-public-center>.kb-flip-countdown .kb-flip-digit{height:38px;}
html body .kb-live-public-center>.kb-flip-countdown .kb-flip-value,
html body .kb-live-public-center>.kb-flip-countdown .kb-flip-leaf{font-size:27px;line-height:38px;}
html body .kb-live-public-center>.kb-flip-countdown .kb-flip-label{font-size:8px;line-height:11px;}
@media(max-width:640px){
  html body .kb-live-public-center>.kb-flip-countdown{transform:scale(.92);transform-origin:center top;margin-bottom:-1px!important;}
}