/* Boss Raid motion and landscape-tablet viewport states. */
@keyframes boss-product-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}

@keyframes boss-product-hit {
  0% { opacity: 0; transform: translateY(12px) scale(.8); }
  45% { opacity: 1; transform: translateY(-8px) scale(1.08); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 1080px) {
  .boss-product-topbar {
    grid-template-columns: minmax(290px, 1fr) 108px minmax(330px, auto) 48px;
    column-gap: 9px;
    padding-inline: 16px;
  }

  .boss-product-brand > strong { font-size: 23px; }
  .boss-product-self { gap: 8px; }
  .boss-product-self strong,
  .boss-product-self span,
  .boss-product-self b { padding-left: 8px; font-size: 13px; }
  body.live-mode-boss_raid[data-quiz-mode="boss_raid"] .boss-stage-top-rail {
    grid-template-columns: 278px minmax(320px, 1fr) 245px !important;
    gap: 10px !important;
    padding-inline: 14px !important;
  }
  body.live-mode-boss_raid[data-quiz-mode="boss_raid"] .boss-name { font-size: 20px !important; }
  .boss-product-team { font-size: 10px; }
}

@media (max-width: 979px) {
  body.live-mode-boss_raid[data-quiz-mode="boss_raid"] .boss-stage-arena::after {
    content: "보스전은 학생용 패드 가로 화면에서 진행해 주세요.";
    position: fixed;
    inset: 18px;
    z-index: 500;
    display: grid;
    place-items: center;
    padding: 28px;
    border: 1px solid #dfe2e7;
    border-radius: 10px;
    color: #101827;
    background: rgba(255, 255, 255, .98);
    text-align: center;
    font-size: 19px;
    font-weight: 900;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.live-mode-boss_raid[data-quiz-mode="boss_raid"] *,
  body.live-mode-boss_raid[data-quiz-mode="boss_raid"] *::before,
  body.live-mode-boss_raid[data-quiz-mode="boss_raid"] *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}