.quest-pilot {
  padding: 72px 0;
  background: linear-gradient(180deg, #f7f3ea 0%, #efe9dd 100%);
}

.quest-pilot__inner { max-width: 980px; }
.quest-pilot__intro { max-width: 760px; margin: 0 auto 28px; text-align: center; }
.quest-pilot__intro .section-label { justify-content: center; }
.quest-pilot__lead { margin: 16px auto 0; line-height: 1.9; }

.quest-pilot__game {
  min-width: 0;
  min-height: 644px;
  margin: 0 auto;
  max-width: 820px;
}

.quest-pilot__placeholder {
  position: relative;
  display: grid;
  min-height: 644px;
  place-items: center;
  overflow: hidden;
  border: 4px solid #101820;
  background: linear-gradient(180deg, #111c27, #05090e);
  box-shadow: 0 16px 44px rgb(0 0 0 / 30%), inset 0 0 0 4px #24364a;
}

.quest-pilot__placeholder-mark {
  width: 32px;
  height: 32px;
  border: 4px solid #68798b;
  border-top-color: #f2ca52;
  animation: quest-pilot-loading .8s steps(8, end) infinite;
}

.quest-pilot__status { margin: 0 auto 16px; text-align: center; }
.quest-pilot__status:empty { display: none; }
.quest-pilot.is-collapsed .quest-pilot__game { min-height: 0; }
.quest-pilot.is-load-error .quest-pilot__game { min-height: 0; }
#comparison { scroll-margin-top: 80px; }

@keyframes quest-pilot-loading { to { transform: rotate(1turn); } }

@media (max-width: 520px) {
  .quest-pilot { padding: 52px 0 94px; }
  .quest-pilot__inner { padding-inline: max(10px, env(safe-area-inset-left)); }
  .quest-pilot__intro { margin-bottom: 22px; }
  .quest-pilot__intro .section-title { font-size: clamp(1.45rem, 7vw, 1.8rem); line-height: 1.45; }
  .quest-pilot__game, .quest-pilot__placeholder { min-height: 650px; }
  .quest-pilot.is-collapsed .quest-pilot__game { min-height: 0; }
  .quest-pilot.is-load-error .quest-pilot__game { min-height: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .quest-pilot__placeholder-mark { animation: none; }
}