.creative-cases {
  display: grid;
  gap: 16px;
}

.creative-case {
  background: #fff;
  border: 1px solid #decda8;
  border-radius: 16px;
  padding: 18px;
}

.creative-case > span {
  color: #9a5a13;
  font-weight: 900;
}

.creative-case h4 {
  font-size: 20px;
  margin: 5px 0;
}

.creative-case > p {
  margin: 0 0 12px;
}

.creative-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

@media (max-width: 800px) {
  .creative-fields {
    grid-template-columns: 1fr;
  }
}

.team-timer {
  min-width: 58px;
  padding: 8px 10px;
  border-radius: 12px;
  background: #ffbe00;
  color: #182b2b;
  text-align: center;
  font-size: 20px;
}

.team-timer.urgent {
  background: #f36b52;
  color: #fff;
  animation: timer-pulse .55s infinite alternate;
}

.board { position: relative; }
.board.splash { animation: water-shake .35s ease-in-out; }
.board.splash::after {
  content: '💦';
  position: absolute;
  right: 18px;
  top: 80px;
  font-size: 44px;
  animation: splash-pop .8s ease-out both;
}

@keyframes timer-pulse { to { transform: scale(1.08); } }
@keyframes water-shake { 50% { transform: translateX(-4px); } }
@keyframes splash-pop {
  from { opacity: 0; transform: scale(.3) translateY(20px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}