/* Осколки — цвета и шрифты */

@font-face {
  font-family: "Cormorant SC";
  font-weight: 700;
  font-display: swap;
  src: url("./fonts/cormorant-sc-cyrillic-700-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Cormorant SC";
  font-weight: 700;
  font-display: swap;
  src: url("./fonts/cormorant-sc-latin-700-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face { font-family: "Exo 2"; font-weight: 400; font-display: swap; src: url("./fonts/exo-2-cyrillic-400-normal.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Exo 2"; font-weight: 400; font-display: swap; src: url("./fonts/exo-2-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122, U+2212; }
@font-face { font-family: "Exo 2"; font-weight: 500; font-display: swap; src: url("./fonts/exo-2-cyrillic-500-normal.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Exo 2"; font-weight: 500; font-display: swap; src: url("./fonts/exo-2-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122, U+2212; }
@font-face { font-family: "Exo 2"; font-weight: 600; font-display: swap; src: url("./fonts/exo-2-cyrillic-600-normal.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Exo 2"; font-weight: 600; font-display: swap; src: url("./fonts/exo-2-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122, U+2212; }

:root {
  /* фон и камень */
  --bg: #0E1116;
  --bg-deep: #0B0E14;
  --surface: #151922;
  --line: #262B35;
  --stone-1: #5A6170;
  --stone-2: #454B58;
  --stone-3: #3A404C;
  --stone-4: #2C313B;
  --ink: #1B1F27;

  /* текст */
  --text: #F2EBDD;
  --text-muted: #B9B2A4;
  --text-faint: #8C8577;

  /* акцент — древняя энергия */
  --accent: #E8A33D;
  --accent-dark: #B9721A; /* на светлом фоне */
  --wind: #8FC27A; /* вести с ветром */

  /* редкость лута */
  --rarity-common: #9AA0AB;
  --rarity-magic: #4F8FE0;
  --rarity-rare: #E0C341;
  --rarity-legendary: #E8A33D;
  --rarity-relic: #E0507A;

  --font-display: "Cormorant SC", Georgia, serif;
  --font-ui: "Exo 2", system-ui, sans-serif;
}

/* База знаний: оформление страницы (общее для окна в игре и сайта /wiki/). Цвета — из brand.css. */

.wiki-content {
  color: var(--text);
  font-family: var(--font-ui);
  line-height: 1.5;
  font-size: 0.95em;
}
.wiki-content h1,
.wiki-content h2 {
  font-family: var(--font-display);
  color: var(--accent);
  margin: 1em 0 0.4em;
  line-height: 1.2;
}
.wiki-content h1 {
  font-size: 1.8em;
  margin-top: 0;
}
.wiki-content h2 {
  font-size: 1.3em;
  border-bottom: 1px solid var(--line);
  padding-bottom: 2px;
}
.wiki-content p {
  margin: 0.5em 0;
}
.wiki-content a {
  color: var(--accent);
  text-decoration: none;
}
.wiki-content a:hover {
  text-decoration: underline;
}
.wiki-content a.good {
  color: #e8d6a8;
}
.wiki-content a.bld {
  color: #9fc6e0;
}
.wiki-content a.res {
  color: #b9a8e8;
}
.wiki-content .muted {
  color: var(--text-faint);
}
.wiki-content .note {
  color: var(--text-muted);
  font-size: 0.9em;
  border-left: 3px solid var(--stone-2);
  padding-left: 8px;
}
.wiki-content .tag {
  font-size: 0.75em;
  border: 1px solid var(--accent-dark);
  color: var(--accent);
  border-radius: 8px;
  padding: 0 6px;
  white-space: nowrap;
}
.wiki-content dl.facts {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 4px 14px;
  margin: 0.8em 0;
  padding: 8px 12px;
  background: var(--bg-deep);
  border: 1px solid var(--line);
  border-radius: 8px;
}
.wiki-content dt {
  color: var(--text-faint);
}
.wiki-content dd {
  margin: 0;
}
.wiki-content .tbl {
  overflow-x: auto;
  margin: 0.6em 0;
}
.wiki-content table {
  border-collapse: collapse;
  width: 100%;
  font-size: 0.92em;
}
.wiki-content th,
.wiki-content td {
  border-bottom: 1px solid var(--line);
  padding: 5px 8px;
  text-align: left;
  vertical-align: top;
}
.wiki-content th {
  color: var(--text-faint);
  font-weight: 500;
}
.wiki-content ul,
.wiki-content ol {
  padding-left: 22px;
  margin: 0.4em 0;
}
.wiki-content li {
  margin: 2px 0;
}
.wiki-content .tree ul {
  border-left: 1px dashed var(--stone-2);
  margin-left: 6px;
  padding-left: 16px;
  list-style: none;
}
.wiki-content .tree li {
  position: relative;
}
.wiki-content .tree li::before {
  content: '↳';
  position: absolute;
  left: -14px;
  color: var(--stone-1);
}
.wiki-content ul.cards {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 8px;
}
.wiki-content ul.cards li {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  margin: 0;
}
.wiki-content ul.cards li span {
  color: var(--text-muted);
  font-size: 0.85em;
}
.wiki-content ol.stages li {
  margin: 6px 0;
}
.wiki-content .spoiler-note {
  background: rgb(232 163 61 / 0.1);
  border: 1px solid var(--accent-dark);
  border-radius: 6px;
  padding: 6px 10px;
  color: var(--accent);
  font-size: 0.9em;
}
.wiki-content details.spoiler {
  margin: 0.6em 0;
  border: 1px dashed var(--accent-dark);
  border-radius: 6px;
  padding: 6px 10px;
}
.wiki-content details.spoiler summary {
  cursor: pointer;
  color: var(--accent);
}
.wiki-crumbs {
  font-size: 0.85em;
  color: var(--text-faint);
  margin-bottom: 6px;
}
.wiki-crumbs a {
  color: var(--text-muted);
}

/* --- Сайт /wiki/ (в игре — своё окно) --- */
body.wiki-site {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-ui);
}
.wiki-top {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  border-bottom: 1px solid var(--line);
  background: var(--bg-deep);
  position: sticky;
  top: 0;
  z-index: 2;
}
.wiki-top .brand {
  font-family: var(--font-display);
  font-size: 1.4em;
  color: var(--accent);
  text-decoration: none;
  white-space: nowrap;
}
.wiki-top input {
  flex: 1;
  min-width: 0;
  max-width: 420px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--text);
  padding: 6px 10px;
  font: inherit;
}
.wiki-top .play {
  margin-left: auto;
  background: var(--accent);
  color: var(--ink);
  border-radius: 6px;
  padding: 6px 12px;
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap;
}
.wiki-menu-btn {
  display: none;
  background: none;
  border: 1px solid var(--line);
  color: var(--text);
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 1.1em;
}
.wiki-layout {
  display: grid;
  grid-template-columns: 260px 1fr;
  max-width: 1200px;
  margin: 0 auto;
}
.wiki-nav {
  padding: 12px;
  border-right: 1px solid var(--line);
  font-size: 0.9em;
  position: sticky;
  top: 52px;
  max-height: calc(100vh - 52px);
  overflow-y: auto;
  box-sizing: border-box;
}
.wiki-nav details {
  margin-bottom: 4px;
}
.wiki-nav summary {
  cursor: pointer;
  padding: 4px 2px;
  font-weight: 600;
}
.wiki-nav a {
  display: block;
  color: var(--text-muted);
  text-decoration: none;
  padding: 2px 4px 2px 14px;
  border-radius: 4px;
}
.wiki-nav .ico {
  display: inline-block;
  width: 1.5em;
  text-align: center;
}
/* Главная и «Что нового» — вровень с разделами (значки — под значками после ▶). */
.wiki-nav > a {
  padding: 4px 2px 4px 1.55em;
  margin-bottom: 4px;
  font-weight: 600;
  color: var(--text);
}
.wiki-nav a:hover,
.wiki-nav a.on {
  color: var(--accent);
  background: var(--surface);
}
.wiki-nav details.late {
  margin: 2px 0 4px 10px;
}
.wiki-nav details.late summary {
  font-weight: 400;
  font-size: 0.85em;
  color: var(--accent-dark);
  padding: 2px 4px;
}
.wiki-nav .grp {
  color: var(--text-faint);
  font-size: 0.85em;
  padding: 6px 4px 2px 14px;
}
.wiki-main {
  padding: 16px 24px 48px;
  min-width: 0;
}
.wiki-results {
  list-style: none;
  padding: 0;
  margin: 0;
}
.wiki-results li {
  padding: 6px 0;
  border-bottom: 1px solid var(--line);
}
.wiki-results span {
  display: block;
  color: var(--text-muted);
  font-size: 0.85em;
}
.wiki-foot {
  color: var(--text-faint);
  font-size: 0.85em;
  margin-top: 32px;
}
@media (max-width: 760px) {
  .wiki-layout {
    grid-template-columns: 1fr;
  }
  .wiki-menu-btn {
    display: block;
  }
  .wiki-nav {
    display: none;
    position: static;
    max-height: none;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .wiki-nav.open {
    display: block;
  }
  .wiki-main {
    padding: 12px 16px 40px;
  }
  .wiki-top .play {
    display: none;
  }
}