/* Подземелье: синий герой на тёплой пустыне */
:root {
  --levos-accent: #38bdf8;
  --levos-bg: #191410;
}
.levos-touch .levos-action-btn { background: #38bdf8; color: #06202e; }

/* ---------- прогрессия: лок форм, бейдж уровня ---------- */
.levos-form-btn { position: relative; }
.levos-form-btn.dq-locked { filter: grayscale(1) brightness(0.55); }
.dq-lock {
  position: absolute; right: -4px; top: -6px;
  font-size: 11px; background: #0f141b; border-radius: 8px; padding: 1px 5px;
  border: 1px solid #2a3442;
}
.dq-lvl {
  background: #38bdf8; color: #06202e; font-weight: 800; font-size: 11px;
  border-radius: 7px; padding: 1px 6px; margin-right: 6px; letter-spacing: 0.04em;
}
.dq-levels { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin: 10px 0 4px; }
.dq-levels .dq-locked { opacity: 0.4; cursor: not-allowed; }

/* ---------- книга монстров ---------- */
.dq-book-btn {
  position: absolute; right: 14px; bottom: 14px; z-index: 30;
  width: 46px; height: 46px; font-size: 22px; border-radius: 12px;
}
.dq-book { display: flex; }
.dq-book-box { max-width: min(92vw, 760px); max-height: 86vh; overflow: auto; }
.dq-book-sub { opacity: 0.65; margin: 2px 0 12px; }
.dq-book-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 10px; margin-bottom: 14px;
}
.dq-book-card {
  background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px; padding: 8px; display: flex; flex-direction: column; align-items: center;
  gap: 4px; text-align: center;
}
.dq-book-card.locked { opacity: 0.6; }
.dq-book-cap b { display: block; font-size: 13px; }
.dq-book-cap span { font-size: 11px; opacity: 0.65; display: block; }

/* ---------- онбординг-слайды ---------- */
.dq-slides-mode > *:not(.dq-slides) { display: none !important; }
.dq-slides img {
  max-height: 56vh; max-width: min(92vw, 560px); width: auto;
  border-radius: 14px; display: block; margin: 0 auto 12px;
}
.dq-dots { display: flex; gap: 7px; justify-content: center; margin-bottom: 12px; }
.dq-dots span {
  width: 9px; height: 9px; border-radius: 50%; background: rgba(255, 255, 255, 0.22);
}
.dq-dots span.on { background: #38bdf8; }

/* ---------- горизонтальный формат: портрет на тач-устройстве ---------- */
.dq-rotate { display: none; }
@media (pointer: coarse) and (orientation: portrait) {
  .dq-rotate {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    position: fixed; inset: 0; z-index: 999; background: #0b0e13; color: #dfe9f2;
    font-size: 18px; gap: 10px; text-align: center;
  }
  .dq-rotate div { font-size: 54px; }
}