.screen-game-whatis .panel-whatis{
  padding: 14px;
}

.what-is-stage{
  --stage-bg:#FFE08A;
  position: relative;
  min-height: 62vh;
  border-radius: 28px;
  overflow: hidden;
  background: var(--stage-bg);
  box-shadow: 0 12px 30px rgba(0,0,0,.12);
  display: flex;
  align-items: center;
  justify-content: center;
}

.what-pattern{
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.what-pattern-item{
  position: absolute;
  width: 70px;
  height: 70px;
  opacity: .16;
  filter: brightness(0);
  animation: floatPattern 5s ease-in-out infinite;
}

.what-pattern-item img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.what-center{
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.what-prompt{
  font-size: clamp(1.4rem, 3vw, 2rem);
  font-weight: 900;
  margin-bottom: 20px;
  color: #2d1b00;
  text-shadow: 0 2px 0 rgba(255,255,255,.35);
}

.what-figure{
  width: min(58vw, 260px);
  height: min(58vw, 260px);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .35s ease, filter .35s ease, opacity .35s ease;
}

.what-figure img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.what-emoji{
  font-size: clamp(5rem, 12vw, 8rem);
}

.what-figure.shadow-mode{
  filter: brightness(0);
}

.what-figure.thinking{
  animation: thinkingPulse .9s ease-in-out infinite;
}

.what-figure.reveal-pop{
  animation: revealPop .55s ease;
}

.what-answer{
  margin-top: 18px;
  min-height: 42px;
  font-size: clamp(1.5rem, 3.5vw, 2.1rem);
  font-weight: 900;
  color: #1f2937;
  text-shadow: 0 2px 0 rgba(255,255,255,.35);
}

@keyframes floatPattern{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}

@keyframes thinkingPulse{
  0%,100%{ transform: scale(1); }
  50%{ transform: scale(1.06); }
}

@keyframes revealPop{
  0%{ transform: scale(.7); opacity: .4; }
  70%{ transform: scale(1.08); opacity: 1; }
  100%{ transform: scale(1); opacity: 1; }
}