/* ══════════════════════════════════
   TIMER
══════════════════════════════════ */
@keyframes timerShake{
  0%,100%{transform:translateX(0);}
  15%{transform:translateX(-6px);}
  30%{transform:translateX(6px);}
  45%{transform:translateX(-5px);}
  60%{transform:translateX(5px);}
  75%{transform:translateX(-3px);}
  90%{transform:translateX(3px);}
}
@keyframes timerPop{
  0%{transform:scale(1);}50%{transform:scale(1.15);}100%{transform:scale(1);}
}
@keyframes timerWobble{
  0%,100%{transform:scale(1) rotate(0deg);}
  20%{transform:scale(1.1) rotate(-3deg);}
  40%{transform:scale(1.15) rotate(3deg);}
  60%{transform:scale(1.1) rotate(-2deg);}
  80%{transform:scale(1.05) rotate(1deg);}
}
.phone-timer{
  display:none;
  position:fixed;top:0;left:0;right:0;z-index:300;
  pointer-events:none;
  flex-direction:column;align-items:center;
  padding-top:6px;
}
.phone-timer.active{display:flex;}
.phone-timer-inner{
  background:rgba(0,0,0,.72);
  border-radius:0 0 14px 14px;
  padding:4px 18px 6px;
  display:flex;align-items:center;gap:8px;
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.08);
  border-top:none;
  transition:background .4s;
}
.phone-timer-num{
  font-family:'Anton',sans-serif;
  font-size:22px;
  color:var(--gold);
  line-height:1;
  transition:font-size .3s,color .3s;
  min-width:32px;text-align:center;
}
.phone-timer-label{
  font-size:11px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:rgba(255,255,255,.45);
}
.phone-timer.warn .phone-timer-inner{background:rgba(243,156,18,.18);border-color:rgba(243,156,18,.3);}
.phone-timer.warn .phone-timer-num{color:#f39c12;}
.phone-timer.danger .phone-timer-inner{background:rgba(231,76,60,.22);border-color:rgba(231,76,60,.4);}
.phone-timer.danger .phone-timer-num{color:#e74c3c;font-size:34px;}
.phone-timer.danger .phone-timer-inner{animation:timerWobble .6s ease infinite;}
/* Host-Timer-Anzeige in Modals */
.host-timer-bar{
  display:flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  border-radius:8px;padding:8px 14px;margin-bottom:14px;
  transition:background .3s,border-color .3s;
}
.host-timer-bar.warn{background:rgba(243,156,18,.12);border-color:rgba(243,156,18,.35);}
.host-timer-bar.danger{background:rgba(231,76,60,.15);border-color:rgba(231,76,60,.45);}
.host-timer-num{
  font-family:'Anton',sans-serif;font-size:32px;color:var(--gold);
  min-width:44px;text-align:center;line-height:1;
  transition:color .3s;
}
.host-timer-bar.warn .host-timer-num{color:#f39c12;}
.host-timer-bar.danger .host-timer-num{color:#e74c3c;animation:timerPop .6s ease infinite;}
.host-timer-progress{flex:1;height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden;}
.host-timer-fill{height:100%;background:var(--gold);border-radius:3px;transition:width .9s linear,background .3s;}
.host-timer-bar.warn  .host-timer-fill{background:#f39c12;}
.host-timer-bar.danger .host-timer-fill{background:#e74c3c;}
/* Admin-Timer-Panel */
.admin-timer-section{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
  border-radius:12px;padding:14px 16px;margin-bottom:14px;
}
.admin-timer-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.4);margin-bottom:10px;}
.admin-timer-row{display:flex;gap:8px;align-items:center;}
.admin-timer-input{width:72px;font-size:18px;font-family:'Anton',sans-serif;text-align:center;padding:6px 8px;}
.admin-timer-start{flex:1;background:var(--gold);color:#000;font-weight:700;font-size:14px;padding:9px 12px;border:none;border-radius:var(--radius);cursor:pointer;font-family:'Barlow',sans-serif;transition:filter .15s;}
.admin-timer-start:hover{filter:brightness(1.1);}
.admin-timer-stop{background:rgba(231,76,60,.2);color:#e74c3c;border:1.5px solid rgba(231,76,60,.4);font-weight:700;font-size:14px;padding:9px 12px;border-radius:var(--radius);cursor:pointer;font-family:'Barlow',sans-serif;transition:all .15s;}
.admin-timer-stop:hover{background:rgba(231,76,60,.35);}
.admin-timer-display{font-family:'Anton',sans-serif;font-size:28px;color:var(--gold);text-align:center;margin-top:8px;min-height:36px;transition:color .3s;}
.admin-timer-display.warn{color:#f39c12;}
.admin-timer-display.danger{color:#e74c3c;animation:timerPop .6s ease infinite;}
/* Frage-Timer im Editor */
.q-timer-wrap{display:flex;flex-direction:column;gap:4px;min-width:80px;}
.q-timer-wrap label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.35);}
.q-timer-input{width:72px;text-align:center;font-size:14px;}