/* Pudding Run 2026 — waiting room styles */
[hidden] { display: none !important; }

.queue-body {
  margin: 0; min-height: 100vh;
  background: radial-gradient(900px 420px at 50% -10%, #FFE680, transparent 60%), var(--yellow);
  display: grid; place-items: center; padding: 24px;
}
.queue-wrap { width: min(480px, 94vw); }
.queue-card {
  background: var(--white); border-radius: 28px; padding: 38px 30px; text-align: center;
  box-shadow: var(--shadow); border: 3px solid var(--yellow);
}
.queue-mascot { width: 120px; margin: 0 auto 6px; animation: qbob 3s ease-in-out infinite; }
@keyframes qbob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
.queue-title { font-family: var(--display); color: var(--caramel); font-size: 1.7rem; margin: 6px 0 10px; }
.queue-sub { color: var(--caramel-soft); font-size: 1.05rem; margin: 0 0 22px; line-height: 1.6; }
.queue-sub b { color: var(--caramel); }
.queue-sub .cd { font-family: var(--display); font-size: 2.4rem; color: var(--yellow-deep); }
.queue-bar { height: 14px; background: #FBEFB6; border-radius: 999px; overflow: hidden; }
.queue-bar-fill {
  display: block; height: 100%; width: 0%; border-radius: 999px;
  background: linear-gradient(90deg, var(--yellow-deep), var(--caramel)); transition: width .5s ease;
}
.queue-hint { color: var(--caramel-soft); font-size: .85rem; margin: 20px 0 0; }