/**
 * story.html: void-колонка без PNG-рамок на панелях і кнопках.
 */
body.l2-page-story {
  /* зарезервовано для story-специфічних токенів */
}

/* Той самий radial + void, що l2-outer-sframe / l2-app-chrome-skin (єдина колонка на всіх екранах) */
body.l2-page-story .l2-screen.l2-outer-sframe-host {
  background:
    radial-gradient(ellipse 100% 40% at 50% 0%, rgba(55, 40, 22, 0.1) 0%, transparent 48%),
    linear-gradient(
      180deg,
      var(--l2s-outer-void-top, #15130f) 0%,
      var(--l2s-outer-void-mid, #12100d) 40%,
      var(--l2s-outer-void, #0f0d0a) 100%
    ) !important;
  background-color: var(--l2s-outer-void-mid, #12100d) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

body.l2-page-story .l2-screen::before {
  content: none !important;
  display: none !important;
  animation: none !important;
}

/* Внутрішня колонка без власного тла; між панелями — void (--l2s-outer-void-mid) */
body.l2-page-story .l2-screen-inner.l2-story {
  background: transparent !important;
  background-image: none !important;
}

/* Зерно — вимкнено, щоб не було «другого» шару */
body.l2-page-story .l2-story-article.l2-story-panel::before {
  display: none;
}

body.l2-page-story .l2-hud-panel::before {
  display: none;
}

/* Вкладених плашок бути не повинно — лише текст/іконка поверх void */
body.l2-page-story .l2-hud-panel .l2-hud-top,
body.l2-page-story .l2-hud-panel .l2-hud-identity,
body.l2-page-story .l2-hud-panel .l2-hud-identity-text,
body.l2-page-story .l2-hud-panel .l2-hud-exp-wrap,
body.l2-page-story .l2-hud-panel .l2-hud-vitals {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.l2-page-story .l2-hud-panel,
body.l2-page-story .l2-story-article.l2-story-panel,
body.l2-page-story .l2-story-loc.l2-story-panel,
body.l2-page-story a.l2-story-choice,
body.l2-page-story button.l2-story-choice {
  border: 0 !important;
  border-image: none !important;
  border-radius: 0;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.l2-page-story .l2-screen-inner.l2-story .l2-hud-panel,
body.l2-page-story .l2-screen-inner.l2-story .l2-story-article.l2-story-panel,
body.l2-page-story .l2-screen-inner.l2-story .l2-story-loc.l2-story-panel,
body.l2-page-story .l2-screen-inner.l2-story a.l2-story-choice,
body.l2-page-story .l2-screen-inner.l2-story button.l2-story-choice {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

body.l2-page-story .l2-story-loc-map {
  border: 0 !important;
  border-image: none !important;
  border-radius: 0;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #d4b870;
}

body.l2-page-story a.l2-story-choice,
body.l2-page-story button.l2-story-choice {
  position: relative;
  z-index: 0;
}

body.l2-page-story a.l2-story-choice:hover,
body.l2-page-story button.l2-story-choice:hover,
body.l2-page-story a.l2-story-choice:focus,
body.l2-page-story button.l2-story-choice:focus,
body.l2-page-story a.l2-story-choice:focus-visible,
body.l2-page-story button.l2-story-choice:focus-visible {
  border: 0 !important;
  border-image: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  filter: none;
  outline: none;
}

body.l2-page-story .l2-story-loc.l2-story-panel {
  overflow: visible;
  position: relative;
  z-index: 0;
}

body.l2-page-story .l2-story-article.l2-story-panel {
  position: relative;
  z-index: 0;
  isolation: auto;
}

body.l2-page-story .l2-story-loc-art {
  background: transparent;
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: none;
}

body.l2-page-story .l2-story-loc-text {
  background: transparent;
}

body.l2-page-story .l2-story-loc-map:hover,
body.l2-page-story .l2-story-loc-map:focus {
  border: 0 !important;
  border-image: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  filter: none;
  outline: none;
}

body.l2-page-story .l2-story-choice-ic {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.l2-page-story .l2-hud-exp-head {
  border-bottom: 1px solid rgba(196, 168, 96, 0.42);
  padding-bottom: 5px;
  margin-bottom: 5px;
}

body.l2-page-story .l2-screen.l2-outer-sframe-host > .l2-game-chrome-crest {
  top: calc(
    var(--l2s-sframe-ch) - var(--l2s-sframe-side-w) * 0.5 + var(--l2s-sframe-topline-nudge, 0px) + 14px
  );
}

body.l2-page-story .l2-hud-exp-bar {
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

body.l2-page-story .l2-hud-stat-bar {
  background: transparent !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}