/* Game UI/UX polish v1.5 */

.quest-topbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.quest-fullscreen,
.quest-secrets {
  min-height: 40px;
  padding: 7px 10px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.035);
  color: #fff;
  transition: background .18s, border-color .18s, color .18s;
}

.quest-fullscreen {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.quest-fullscreen > span {
  color: #f5b51b;
  font-size: 18px;
  line-height: 1;
}

.quest-fullscreen > b {
  margin: 0 !important;
  font-size: 9px !important;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.quest-fullscreen:hover,
.quest-fullscreen:focus-visible,
.quest-secrets:hover,
.quest-secrets:focus-visible {
  border-color: #f5b51b;
  background: rgba(245,181,27,.12);
}

.quest-fullscreen.is-active {
  border-color: #f5b51b;
}

.quest-fullscreen:disabled {
  opacity: .35;
  pointer-events: none;
}

.quest-start-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.quest-window-button {
  min-height: 48px;
  padding: 12px 20px;
  border: 1px solid rgba(255,255,255,.36);
  background: #242424;
  color: #fff;
  font-weight: 700;
}

.quest-window-button:hover,
.quest-window-button:focus-visible {
  border-color: #f5b51b;
  background: #303030;
}

.quest-start > .quest-link {
  margin-top: 18px;
}

/* General notifications. These are messages, not achievements. */
.quest-toast {
  top: auto;
  right: 16px;
  bottom: 54px;
  width: min(410px, calc(100% - 32px));
  gap: 10px;
  pointer-events: none;
}

.quest-toast > div {
  padding: 15px 17px;
  border-left-width: 5px;
  font-size: 13px;
  line-height: 1.5;
  opacity: 0;
  transform: translateX(16px);
  box-shadow: 7px 7px 0 rgba(0,0,0,.38);
  transition: opacity .2s, transform .2s;
}

.quest-toast > div.is-visible {
  opacity: 1;
  transform: translateX(0);
}

.quest-toast > .toast-hint {
  border-left-color: #82b9d7;
}

.quest-toast > .toast-story {
  border-left-color: #f5b51b;
}

/* Achievements have a dedicated rail and never duplicate a toast. */
.quest-achievement {
  top: 16px;
  right: 16px;
  left: auto;
  width: min(390px, calc(100% - 32px));
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 13px 14px;
  transform: translateY(-14px);
  border: 1px solid #f5b51b;
  background: rgba(20,20,20,.98);
  text-align: left;
  opacity: 0;
  box-shadow: 8px 8px 0 rgba(0,0,0,.48);
  transition: opacity .24s, transform .24s;
}

.quest-achievement.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.achievement-medal {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  background: #f5b51b;
  color: #111;
  font-size: 24px;
}

.achievement-copy {
  min-width: 0;
}

.achievement-copy span,
.achievement-copy b,
.achievement-copy small {
  display: block;
}

.achievement-copy span {
  color: #f5b51b;
  letter-spacing: .12em;
  font-size: 8px;
}

.achievement-copy b {
  margin-top: 4px;
  font-size: 15px;
}

.achievement-copy small {
  margin-top: 4px;
  color: #bdb7ad;
  font-size: 10px;
  line-height: 1.35;
}

.achievement-progress {
  align-self: start;
  color: #f5b51b;
  font-style: normal;
  font-size: 10px;
}

/* Interaction state */
.quest-action {
  transition: transform .12s, filter .12s, opacity .12s, box-shadow .12s;
}

.quest-action:disabled {
  filter: grayscale(1);
  opacity: .48;
}

.quest-action.is-ready {
  animation: action-ready 1.2s ease-in-out infinite;
  box-shadow: 0 0 0 4px rgba(245,181,27,.24);
}

.quest-action.is-ready:active {
  transform: scale(.96);
}

.quest-action b {
  max-width: 84px;
  margin-inline: auto;
  line-height: 1.15;
}

@keyframes action-ready {
  0%,100% { box-shadow: 0 0 0 3px rgba(245,181,27,.18); }
  50% { box-shadow: 0 0 0 8px rgba(245,181,27,.05); }
}

/* Dialogs and mini-games */
.quest-options button {
  min-height: 48px;
  padding: 11px 14px;
}

.mini-card {
  width: min(640px,100%);
}

.mini-card > button,
.codex-card > button,
.quest-lead-card > button {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  padding: 0;
}

.mini-meter {
  height: 58px;
  margin: 28px 0;
  border-width: 4px;
}

.mini-meter::after {
  content: 'ЗЕЛЁНАЯ ЗОНА';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: rgba(255,255,255,.82);
  letter-spacing: .08em;
  font-size: 9px;
  pointer-events: none;
}

.mini-meter i {
  top: -10px;
  width: 8px;
  height: 70px;
  box-shadow: 0 0 0 2px rgba(0,0,0,.45);
}

.mini-pile > b {
  margin: 14px 0;
  color: #f5b51b;
  font-size: clamp(32px,7vw,52px);
}

.mini-pile input[type='range'] {
  height: 38px;
  accent-color: #f5b51b;
  cursor: pointer;
}

.mini-presets {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 8px;
  margin-top: 12px;
}

.mini-presets button {
  min-height: 44px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.2);
  background: #111;
  color: #fff;
  font-size: 11px;
}

.mini-presets button:hover,
.mini-presets button:focus-visible,
.mini-presets button.is-active {
  border-color: #f5b51b;
  background: rgba(245,181,27,.13);
}

.mini-action {
  width: 100%;
  min-height: 58px;
  margin-top: 16px;
  font-size: 14px;
}

.quest-mini[data-type='lab'] .mini-action {
  min-height: 72px;
  background: #f5b51b;
  font-size: 22px;
  letter-spacing: .08em;
}

.mini-result {
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid transparent;
}

.mini-result.is-success {
  border-color: #55a86e;
  background: rgba(62,135,84,.16);
}

.mini-result.is-miss {
  border-color: #b95b53;
  background: rgba(155,60,53,.16);
}

/* Fighting UX */
.fight-touch-guide {
  display: none;
  max-width: 520px;
  margin: 0 auto 16px;
  gap: 7px;
}

.fight-touch-guide span {
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,.13);
  background: rgba(17,17,17,.78);
  color: #bbb5ac;
  font-size: 10px;
}

.fight-touch-guide b {
  color: #f5b51b;
}

.quest-fight:not(.is-running) .fight-mobile-controls {
  opacity: .45;
  pointer-events: none;
}

.fight-health.is-low {
  animation: health-danger .65s ease-in-out infinite alternate;
}

@keyframes health-danger {
  from { border-color: #eee; }
  to { border-color: #e04032; box-shadow: 0 0 12px rgba(224,64,50,.55); }
}

.fight-mobile-controls button {
  border-radius: 8px;
  transition: transform .08s, background .08s;
}

.fight-mobile-controls button.active {
  transform: scale(.94);
}

@media (width <= 900px), (pointer: coarse) {
  .quest-fullscreen {
    display: none;
  }

  .quest-interact {
    display: none !important;
  }

  .fight-touch-guide {
    display: grid;
  }

  .fight-mobile-controls {
    display: grid;
    grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr);
    gap: 10px;
  }

  .fight-mobile-controls > div {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 7px;
  }

  .fight-mobile-controls button {
    min-width: 0;
    min-height: 56px;
    padding: 6px 4px;
    font-size: 10px;
  }
}

@media (width <= 620px) {
  .quest-topbar-actions {
    gap: 4px;
  }

  .quest-secrets {
    min-height: 42px;
    padding-inline: 7px;
  }

  .quest-toast {
    right: 8px;
    bottom: 190px;
    left: 8px;
    width: auto;
  }

  .quest-toast > div {
    padding: 13px 14px;
    font-size: 12px;
  }

  .quest-achievement {
    top: 98px;
    right: 8px;
    left: 8px;
    width: auto;
    grid-template-columns: 42px minmax(0,1fr) auto;
    padding: 11px;
  }

  .achievement-medal {
    width: 42px;
    height: 42px;
    font-size: 20px;
  }

  .achievement-copy b {
    font-size: 13px;
  }

  .achievement-copy small {
    font-size: 9px;
  }

  .quest-start-actions {
    display: grid;
  }

  .quest-start-actions > * {
    width: 100%;
  }

  .quest-window-button {
    display: none;
  }

  .quest-dialog {
    max-height: min(56%,460px);
  }

  .quest-options button {
    min-height: 54px;
    font-size: 13px;
  }

  .mini-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: calc(100dvh - 16px);
    padding: 20px 14px 14px;
  }

  .mini-card h3 {
    padding-right: 36px;
    font-size: 29px;
  }

  .mini-card > p {
    font-size: 13px;
  }

  .mini-presets {
    grid-template-columns: 1fr 1fr;
  }

  .mini-presets button {
    min-height: 50px;
    font-size: 12px;
  }

  .mini-action {
    position: sticky;
    bottom: 0;
    z-index: 2;
    min-height: 62px;
    margin-top: 14px;
    box-shadow: 0 -10px 22px rgba(28,28,28,.92);
  }

  .quest-mini[data-type='lab'] .mini-action {
    min-height: 78px;
    font-size: 24px;
  }

  .fight-touch-guide {
    grid-template-columns: 1fr;
    margin-bottom: 12px;
  }

  .fight-touch-guide span {
    padding: 7px 8px;
    font-size: 9px;
  }

  .fight-mobile-controls {
    grid-template-columns: .8fr 1.2fr;
  }

  .fight-mobile-controls button {
    min-height: 58px;
    font-size: 9px;
  }

  .fight-combo {
    top: 10px;
    right: 8px;
    max-width: calc(100% - 16px);
  }
}

@media (orientation: landscape) and (height <= 520px) {
  .quest-toast {
    bottom: 68px;
    width: min(360px,46vw);
  }

  .quest-achievement {
    top: 8px;
    right: 8px;
    width: min(370px,46vw);
  }

  .fight-touch-guide {
    display: none;
  }

  .fight-mobile-controls button {
    min-height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .quest-action.is-ready,
  .fight-health.is-low {
    animation: none;
  }

  .quest-toast > div,
  .quest-achievement {
    transition: none;
  }
}

/* The original generic direct-child selector also catches the primary mini-game button. */
.mini-card > .mini-action {
  position: static;
  inset: auto;
  width: 100%;
  height: auto;
}

.mini-card > .mini-action {
  min-height: 58px;
}

.quest-toast,
.quest-achievement {
  z-index: 70;
}

.quest-stage.fight-active .quest-achievement {
  top: auto;
  right: 18px;
  bottom: 72px;
}

@media (width <= 620px) {
  .mini-card > .mini-action {
    min-height: 64px;
  }

  .quest-stage.fight-active .quest-achievement {
    top: auto;
    right: 8px;
    bottom: 86px;
    left: 8px;
  }
}

@media (orientation: landscape) and (height <= 520px) {
  .quest-mini {
    place-items: stretch;
    padding: 4px;
  }

  .quest-mini .mini-card {
    width: min(720px,100%);
    height: calc(100dvh - 8px);
    max-height: none;
    margin: 0 auto;
    overflow-y: auto;
    padding: 14px 16px 10px;
  }

  .quest-mini .mini-card h3 {
    margin: 4px 0;
    font-size: 24px;
  }

  .quest-mini .mini-card > p {
    margin-bottom: 6px;
    font-size: 11px;
  }

  .quest-mini .pile {
    height: 72px;
  }

  .quest-mini .mini-pile {
    margin: 4px 0;
  }

  .quest-mini .mini-pile > b {
    margin: 4px 0;
    font-size: 28px;
  }

  .quest-mini .mini-presets {
    grid-template-columns: repeat(4,1fr);
    margin-top: 4px;
  }

  .quest-mini .mini-presets button {
    min-height: 36px;
  }

  .quest-mini .mini-action,
  .quest-mini[data-type='lab'] .mini-action {
    position: static;
    min-height: 48px;
    margin-top: 6px;
    box-shadow: none;
    font-size: 16px;
  }

  .quest-mini .mini-meter {
    height: 48px;
    margin: 12px 0;
  }
}

.quest-achievement {
  pointer-events: none;
}

.quest-start,
.quest-codex,
.quest-mini,
.quest-lead {
  z-index: 45;
}

.quest-fight {
  z-index: 55;
}

@media (orientation: landscape) and (height <= 520px) {
  .quest-mini .mini-action,
  .quest-mini[data-type='lab'] .mini-action {
    position: sticky;
    bottom: 0;
    z-index: 3;
    box-shadow: 0 -8px 18px rgba(28,28,28,.92);
  }
}

.quest-shell.is-playing .quest-exit {
  display: flex;
}

/* Blocking dialogs must cover passive notifications; achievements remain above the fight only. */
.quest-start,
.quest-codex,
.quest-mini,
.quest-lead,
.quest-dialog {
  z-index: 80;
}

@media (width <= 620px) {
  .fight-side b {
    font-size: 8px;
  }

  .fight-health {
    height: 15px;
  }
}

@media (orientation: landscape) and (height <= 520px) {
  .quest-mini .mini-card {
    position: relative;
    padding-bottom: 66px;
  }

  .quest-mini .mini-action,
  .quest-mini[data-type='lab'] .mini-action {
    position: absolute;
    right: 16px;
    bottom: 8px;
    left: 16px;
    width: auto;
    margin: 0;
  }
}

@media (orientation: landscape) and (height <= 520px) {
  .quest-mini .mini-card {
    height: 100%;
    max-height: 100%;
  }
}

@media (orientation: landscape) and (height <= 520px) {
  .quest-mini .pile {
    display: none;
  }
}


/* Night shift and first-run completion fixes v1.6 */
.quest-night {
  min-height: 40px;
  padding: 7px 10px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.035);
  color: #fff;
  transition: background .18s, border-color .18s, color .18s, opacity .18s;
}
.quest-night > span { color:#c9d9ff; font-size:18px; line-height:1; }
.quest-night > b { margin:0!important; font-size:9px!important; text-transform:uppercase; letter-spacing:.06em; }
.quest-night:hover,.quest-night:focus-visible,.quest-night.is-active { border-color:#8db1ff; background:rgba(87,124,209,.2); }
.quest-night.is-active > span { color:#ffe36e; }
.quest-night:disabled { opacity:.35; pointer-events:none; }
.mini-secondary { display:block; width:fit-content; margin:12px auto 0; color:#d9d4ca; }
.mini-secondary:hover,.mini-secondary:focus-visible { color:#fff; }
@media (width <= 620px) {
  .quest-topbar-actions { gap:5px; }
  .quest-night,.quest-fullscreen,.quest-secrets { min-height:42px; padding:6px 8px; }
  .quest-night > b,.quest-fullscreen > b { display:none; }
  .quest-night > span,.quest-fullscreen > span { font-size:20px; }
  .mini-secondary { min-height:46px; padding:12px 8px; text-align:center; }
}

.quest-shell.night-active .quest-topbar { border-bottom-color:rgba(141,177,255,.48); box-shadow:inset 0 -1px 0 rgba(141,177,255,.15); }
@media(max-width:620px){
  .quest-night{width:42px;min-width:42px;justify-content:center;padding:6px!important}
  .quest-night>b,.quest-fullscreen>b{display:none!important}
  .quest-night>span,.quest-fullscreen>span{font-size:20px!important}
}

.quest-shell.fight-active .quest-night,.quest-shell.fight-active .quest-fullscreen{display:none}