/* Yore2 Wiki — layout după modelul Metin2.ro (portal + sidebar) */
:root {
  --wiki-bg: #e4d4b0;
  --wiki-paper: #fbf6e8;
  --wiki-paper-2: #f3ead3;
  --wiki-sidebar: #efe4c8;
  --wiki-ink: #2a1c10;
  --wiki-muted: #5c4a32;
  --wiki-link: #6b2a12;
  --wiki-link-hover: #a33c14;
  --wiki-gold: #c4a056;
  --wiki-gold-d: #8a6a2a;
  --wiki-head: #5a3418;
  --wiki-head-2: #3d2412;
  --wiki-box: #fffdf6;
  --wiki-red: #7a1f14;
}

* { box-sizing: border-box; }

html, body { margin: 0; min-height: 100%; }

body.wiki-body {
  font-family: "Segoe UI", Tahoma, "Noto Sans", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: var(--wiki-ink);
  background:
    radial-gradient(ellipse at top, rgba(255, 250, 230, 0.45), transparent 55%),
    repeating-linear-gradient(0deg, rgba(90, 52, 24, 0.03) 0 2px, transparent 2px 8px),
    var(--wiki-bg);
}

a { color: var(--wiki-link); text-decoration: none; }
a:hover { color: var(--wiki-link-hover); text-decoration: underline; }

.wiki-topbar {
  background: linear-gradient(180deg, #4a2c16, #2e1a0e);
  color: #f3e6c8;
  font-size: 12px;
  letter-spacing: 0.04em;
  border-bottom: 3px solid var(--wiki-gold);
}
.wiki-topbar-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 7px 16px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.wiki-topbar a { color: #f0d78c; }
.wiki-topbar a:hover { color: #fff; text-decoration: none; }
.wiki-topbar .sep { opacity: 0.45; margin: 0 8px; }

.wiki-shell {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 210px 1fr;
  min-height: calc(100vh - 36px);
}

.wiki-sidebar {
  background: var(--wiki-sidebar);
  border-right: 1px solid var(--wiki-gold-d);
  padding: 16px 12px 40px;
}
.wiki-logo {
  display: block;
  text-align: center;
  text-decoration: none;
  margin-bottom: 14px;
  color: var(--wiki-head);
}
.wiki-logo:hover { text-decoration: none; color: var(--wiki-head); }
.wiki-emblem {
  width: 72px;
  height: 72px;
  margin: 0 auto 8px;
  display: grid;
  place-items: center;
  font-size: 32px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #8a4a22, #3a1c0c);
  border: 3px solid var(--wiki-gold);
  color: #f0d78c;
  box-shadow: 0 0 0 2px #3d2412, 0 6px 14px rgba(0,0,0,.35);
}
.wiki-logo strong {
  display: block;
  font-size: 18px;
  letter-spacing: 0.08em;
}
.wiki-logo span {
  display: block;
  font-size: 11px;
  color: var(--wiki-muted);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.wiki-search { margin: 12px 0 18px; }
.wiki-search label {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--wiki-muted);
  margin-bottom: 4px;
}
.wiki-search-row { display: flex; gap: 4px; }
.wiki-search input {
  flex: 1;
  min-width: 0;
  padding: 6px 8px;
  border: 1px solid var(--wiki-gold-d);
  background: #fffdf6;
  font-size: 13px;
}
.wiki-search button {
  background: var(--wiki-head);
  color: #f3e6c8;
  border: 1px solid var(--wiki-gold-d);
  padding: 6px 10px;
  cursor: pointer;
}

.wiki-nav-block { margin-bottom: 16px; }
.wiki-nav-block h3 {
  margin: 0 0 6px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--wiki-head);
  border-bottom: 1px solid var(--wiki-gold);
  padding-bottom: 3px;
}
.wiki-nav-block ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wiki-nav-block li { margin: 0; }
.wiki-nav-block a {
  display: block;
  padding: 3px 4px;
  border-radius: 2px;
  color: var(--wiki-ink);
}
.wiki-nav-block a:hover,
.wiki-nav-block a.on {
  background: #e6d4a8;
  text-decoration: none;
  color: var(--wiki-red);
}

.wiki-main {
  background: var(--wiki-paper);
  padding: 18px 28px 48px;
  min-width: 0;
}
.wiki-crumb {
  font-size: 12px;
  color: var(--wiki-muted);
  margin-bottom: 8px;
}
.wiki-main h1 {
  margin: 0 0 12px;
  font-size: 28px;
  font-weight: 700;
  color: var(--wiki-head-2);
  border-bottom: 2px solid var(--wiki-gold);
  padding-bottom: 6px;
  font-family: Georgia, "Times New Roman", serif;
}
.wiki-lead {
  font-size: 15px;
  color: var(--wiki-ink);
  max-width: 72ch;
}
.wiki-lead p { margin: 0 0 10px; }

.portal-grid {
  display: grid;
  grid-template-columns: 1fr 1.25fr 1fr;
  gap: 12px;
  margin-top: 16px;
}
.portal-box {
  background: var(--wiki-box);
  border: 1px solid var(--wiki-gold-d);
  box-shadow: 0 1px 0 #fff inset;
}
.portal-box h2 {
  margin: 0;
  padding: 7px 10px;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #f7ead0;
  background: linear-gradient(180deg, #7a4a22, #4a2c14);
  border-bottom: 2px solid var(--wiki-gold);
}
.portal-box .body { padding: 8px 10px 12px; }
.portal-box h3 {
  margin: 10px 0 4px;
  font-size: 12px;
  color: var(--wiki-head);
  border-bottom: 1px dotted var(--wiki-gold);
}
.portal-box ul {
  margin: 0;
  padding-left: 16px;
}
.portal-box li { margin: 2px 0; }
.portal-center .welcome {
  font-size: 14px;
}
.portal-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-top: 8px;
}
.portal-stats div {
  background: var(--wiki-paper-2);
  border: 1px solid #dcc89a;
  padding: 6px 8px;
}
.portal-stats b { display: block; font-size: 16px; color: var(--wiki-head); }
.portal-stats span { font-size: 11px; color: var(--wiki-muted); text-transform: uppercase; }

.wikitable {
  border-collapse: collapse;
  width: 100%;
  max-width: 920px;
  margin: 12px 0 18px;
  background: #fff;
  font-size: 13px;
}
.wikitable th, .wikitable td {
  border: 1px solid #cbb88a;
  padding: 6px 8px;
  text-align: left;
}
.wikitable th {
  background: linear-gradient(180deg, #efe0c0, #e4d09a);
  color: var(--wiki-head-2);
}
.wikitable tr:nth-child(even) td { background: #faf3e4; }

.wiki-toc {
  float: right;
  width: 240px;
  margin: 0 0 16px 16px;
  background: var(--wiki-paper-2);
  border: 1px solid var(--wiki-gold-d);
  padding: 8px 10px;
  font-size: 13px;
}
.wiki-toc b { display: block; margin-bottom: 4px; color: var(--wiki-head); }
.wiki-toc ol { margin: 0; padding-left: 18px; }

.faq-item {
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e6d7b4;
}
.faq-item h2 {
  font-size: 17px;
  margin: 0 0 6px;
  color: var(--wiki-head-2);
  font-weight: 700;
}
.faq-item .ans {
  white-space: pre-line;
  color: #332414;
}

.wiki-note {
  background: #fff6d8;
  border: 1px solid #d4b45a;
  padding: 8px 12px;
  margin: 12px 0;
  font-size: 13px;
}
.wiki-note.danger {
  background: #f8e6e0;
  border-color: #b06050;
}

.reg-box {
  background: #fff;
  border: 1px solid var(--wiki-gold-d);
  padding: 12px;
  margin-top: 8px;
}
.reg-box .field { margin-bottom: 8px; }
.reg-box label {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  color: var(--wiki-muted);
  margin-bottom: 3px;
}
.reg-box input {
  width: 100%;
  padding: 6px 8px;
  border: 1px solid #cbb88a;
  background: #fffdf6;
}
.reg-box .row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.btn-wiki {
  display: inline-block;
  background: linear-gradient(180deg, #8a4a22, #5a2c12);
  color: #f7ead0 !important;
  border: 1px solid var(--wiki-gold);
  padding: 8px 14px;
  cursor: pointer;
  font-weight: 700;
  text-decoration: none !important;
}
.btn-wiki:hover { filter: brightness(1.08); }
.alert { padding: 8px 10px; margin-bottom: 8px; border: 1px solid; }
.alert-ok { background: #e8f4e8; border-color: #6a9a6a; }
.alert-err { background: #f8e0e0; border-color: #c44; }

.wiki-footer {
  clear: both;
  margin-top: 28px;
  padding-top: 10px;
  border-top: 1px solid var(--wiki-gold);
  color: var(--wiki-muted);
  font-size: 12px;
}

.gm-badge {
  display: inline-block;
  background: var(--wiki-gold);
  color: #2a1c10;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
  padding: 1px 6px;
  margin-left: 6px;
  vertical-align: middle;
}

.wiki-icon {
  width: 24px;
  height: 24px;
  image-rendering: pixelated;
  vertical-align: middle;
  margin-right: 6px;
}
.wiki-icon-lg {
  width: 48px;
  height: 48px;
  image-rendering: pixelated;
  display: block;
  margin: 0 auto 4px;
}
.stone-thumb {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 4px;
  display: block;
}
.wikitable.stones td.stone-pic { width: 56px; padding: 4px; }
.faq-item h2 .wiki-icon { width: 28px; height: 28px; }

.class-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin: 12px 0 18px;
}
.class-row a, .class-row > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: var(--wiki-box);
  border: 1px solid var(--wiki-gold-d);
  padding: 8px 4px 10px;
  color: var(--wiki-ink);
  text-decoration: none;
}
.class-row a:hover { color: var(--wiki-red); text-decoration: none; background: #fff8e8; }
.class-portrait {
  height: 120px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  margin-bottom: 6px;
}
.class-row b { font-size: 13px; }

.icon-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  margin-bottom: 8px;
}
.icon-row a {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  padding: 3px 4px;
  background: var(--wiki-paper-2);
  border: 1px solid #e0d0a8;
}

.wiki-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 8px;
  margin: 12px 0 16px;
}
.wiki-gallery-maps { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
.wiki-gallery-npc { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
.wiki-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: var(--wiki-box);
  border: 1px solid #dcc89a;
  padding: 8px 6px;
  color: var(--wiki-ink);
  text-decoration: none;
  font-size: 12px;
  line-height: 1.3;
}
a.wiki-card:hover { text-decoration: none; color: var(--wiki-red); border-color: var(--wiki-gold); background: #fff8e8; }
.wiki-card span { display: block; font-weight: 600; }
.wiki-card small { display: block; color: var(--wiki-muted); font-size: 11px; }
.wiki-card-img, .wiki-card-map {
  width: 100%;
  height: 72px;
  object-fit: cover;
  margin-bottom: 6px;
  background: #efe4c8;
}
.wiki-card-npc {
  height: 100px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  margin-bottom: 6px;
}

.wikitable.loot { width: 100%; max-width: none; }
.wikitable.bonus { max-width: 100%; font-size: 12px; }
.wikitable td.num, .wikitable th.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.wikitable.loot td.chance {
  font-weight: 700;
  color: var(--wiki-gold-d);
  letter-spacing: 0.02em;
  min-width: 4.5em;
}
.wiki-table-wrap {
  overflow-x: auto;
  margin: 8px 0 16px;
}
.faq-item .wikitable { margin-top: 8px; }

.drop-card {
  background: linear-gradient(180deg, #fffdf8, #f7eed8);
  border: 1px solid var(--wiki-gold);
  box-shadow: 0 1px 0 #fff8e8 inset, 0 8px 18px rgba(60, 36, 12, 0.08);
  border-radius: 8px;
  padding: 14px 16px 12px;
  margin: 0 0 18px;
}
.drop-card h2 {
  font-size: 18px;
  margin: 0 0 8px;
  color: var(--wiki-head-2);
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #e4d2a0;
  padding-bottom: 8px;
}
.drop-lead {
  font-size: 15px;
  font-weight: 700;
  color: var(--wiki-head);
  margin: 0 0 10px;
  line-height: 1.35;
}
.drop-meta {
  font-size: 12.5px;
  color: var(--wiki-muted);
  margin: 8px 0 0;
  line-height: 1.45;
}
.drop-card .wikitable.loot th {
  background: linear-gradient(180deg, #f3e4b8, #e8d08c);
}
.drop-card .wikitable.loot tr:nth-child(even) td { background: #fff8ea; }
.drop-card .wikitable.loot tr:hover td { background: #f3e6c4; }

@media (max-width: 980px) {
  .wiki-shell { grid-template-columns: 1fr; }
  .wiki-sidebar { border-right: 0; border-bottom: 1px solid var(--wiki-gold-d); }
  .portal-grid { grid-template-columns: 1fr; }
  .wiki-toc { float: none; width: auto; }
  .class-row { grid-template-columns: repeat(2, 1fr); }
  .class-portrait { height: 96px; }
  .wikitable.bonus { font-size: 11px; }
}

/* Yore2 premium layer */
:root {
  --wiki-bg: #090807;
  --wiki-paper: #12100e;
  --wiki-paper-2: #1a1713;
  --wiki-sidebar: #0d0b0a;
  --wiki-ink: #e8e0d4;
  --wiki-muted: #968c7f;
  --wiki-link: #d2ad6a;
  --wiki-link-hover: #f1d293;
  --wiki-gold: #b68a43;
  --wiki-gold-d: #65502c;
  --wiki-head: #e0bd78;
  --wiki-head-2: #f3e6d0;
  --wiki-box: #171411;
  --wiki-red: #a53a2d;
  --line: rgba(204, 166, 96, .19);
  --line-bright: rgba(218, 177, 99, .42);
  --shadow: 0 24px 70px rgba(0, 0, 0, .36);
}

html { scroll-behavior: smooth; }

body.wiki-body {
  font-family: Inter, "Segoe UI", Tahoma, sans-serif;
  font-size: 14px;
  line-height: 1.62;
  color: var(--wiki-ink);
  background:
    radial-gradient(circle at 80% 0%, rgba(145, 73, 36, .10), transparent 35%),
    radial-gradient(circle at 16% 70%, rgba(181, 135, 65, .06), transparent 30%),
    #090807;
}

.ambient {
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    linear-gradient(rgba(8, 7, 6, .9), rgba(8, 7, 6, .98)),
    url('img/yore2-background.png') center 18% / cover no-repeat;
  opacity: .72;
}

.ambient::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

a { color: var(--wiki-link); }
a:hover { color: var(--wiki-link-hover); }

.wiki-topbar {
  position: sticky;
  top: 0;
  z-index: 50;
  min-height: 64px;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: rgba(9, 8, 7, .88);
  color: #d7cdbc;
  backdrop-filter: blur(18px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .22);
}

.wiki-topbar::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(202, 157, 82, .62), transparent);
}

.wiki-topbar-inner {
  max-width: 1480px;
  min-height: 64px;
  padding: 0 26px;
  align-items: center;
  flex-wrap: nowrap;
}

.top-brand {
  display: inline-flex;
  align-items: baseline;
  color: #f2eadf !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .18em;
  text-decoration: none !important;
}
.top-brand b { color: #9d3025; font-size: 24px; text-shadow: 0 0 22px rgba(163, 47, 36, .35); }
.top-brand img { width: 104px; height: 54px; object-fit: contain; display: block; filter: drop-shadow(0 4px 12px rgba(0,0,0,.45)); }

.server-signature {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-right: auto;
  color: #8f877c;
  font-size: 10px;
  letter-spacing: .14em;
}
.server-signature i { width: 3px; height: 3px; border-radius: 50%; background: var(--wiki-gold); opacity: .6; }

.top-actions { display: flex; align-items: center; gap: 4px; }
.wiki-topbar .top-actions a {
  padding: 8px 12px;
  border-radius: 999px;
  color: #c9bda9;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: none;
  transition: .2s ease;
}
.wiki-topbar .top-actions a:hover { color: #fff; background: rgba(210, 173, 106, .08); }
.wiki-topbar .top-actions .language-switch { border: 1px solid var(--line-bright); color: #efd18f; margin-left: 4px; }

.mobile-menu { display: none; width: 38px; height: 38px; border: 0; background: transparent; padding: 10px; }
.mobile-menu span { display: block; height: 1px; margin: 5px 0; background: #d4c7b4; }

.wiki-shell {
  max-width: 1480px;
  grid-template-columns: 246px minmax(0, 1fr);
  min-height: calc(100vh - 64px);
  border-left: 1px solid rgba(255, 255, 255, .03);
  border-right: 1px solid rgba(255, 255, 255, .03);
  box-shadow: var(--shadow);
}

.wiki-sidebar {
  position: relative;
  overflow: hidden;
  padding: 24px 17px 40px;
  border: 0;
  border-right: 1px solid var(--line);
  background: rgba(12, 10, 9, .96);
}
.sidebar-art {
  position: absolute;
  inset: 0 0 auto;
  height: 240px;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(11, 9, 8, .35), #0c0a09 92%),
    url('img/yore2-background.png') 48% 18% / 470px auto no-repeat;
  opacity: .45;
}
.wiki-sidebar > *:not(.sidebar-art) { position: relative; }

.wiki-logo { margin: 2px 0 26px; color: #e8dece; }
.wiki-emblem {
  width: 78px;
  height: 78px;
  margin-bottom: 11px;
  border: 1px solid rgba(215, 171, 88, .52);
  border-radius: 50%;
  background: radial-gradient(circle at 35% 28%, #4c2e20, #120e0b 66%);
  box-shadow: 0 0 0 4px rgba(9, 8, 7, .7), 0 0 0 5px rgba(188, 142, 67, .17), 0 14px 35px rgba(0, 0, 0, .5);
  color: #e4c386;
  font-family: Georgia, serif;
}
.wiki-emblem span { font-size: 31px; }
.wiki-emblem b { color: #9f3328; font-size: 23px; margin-left: -2px; }
.wiki-logo strong { font-family: Georgia, serif; font-size: 18px; letter-spacing: .16em; }
.wiki-logo > span { color: #786f65; font-size: 9px; letter-spacing: .21em; }
.wiki-logo .brand-logo-main { width: 100%; max-width: 218px; height: auto; display: block; object-fit: contain; filter: drop-shadow(0 12px 24px rgba(0,0,0,.5)); transition: transform .25s ease, filter .25s ease; }
.wiki-logo:hover .brand-logo-main { transform: translateY(-2px); filter: drop-shadow(0 15px 28px rgba(0,0,0,.62)); }

.wiki-search { margin: 0 0 24px; }
.wiki-search label { color: #82786c; font-size: 9px; letter-spacing: .16em; }
.wiki-search-row { gap: 0; }
.wiki-search input {
  height: 39px;
  border: 1px solid var(--line);
  border-right: 0;
  border-radius: 5px 0 0 5px;
  background: rgba(255, 255, 255, .035);
  color: #e8dfd2;
  outline: 0;
}
.wiki-search input:focus { border-color: rgba(202, 158, 82, .6); box-shadow: 0 0 0 3px rgba(186, 139, 65, .08); }
.wiki-search button { width: 40px; border: 1px solid var(--line-bright); border-radius: 0 5px 5px 0; background: linear-gradient(180deg, #6e4224, #382015); color: #efd59e; font-size: 20px; }
.wiki-search small { display: block; margin-top: 5px; color: #5e5750; font-size: 9px; }

.wiki-navigation { display: grid; gap: 14px; }
.wiki-nav-block { margin: 0; padding: 0 0 13px; border-bottom: 1px solid rgba(158, 115, 58, .16); }
.wiki-nav-block:last-child { padding-bottom: 0; border-bottom: 0; }
.wiki-nav-block h3 { display: flex; align-items: center; gap: 8px; margin: 0 8px 6px; padding: 0; border: 0; color: #b08b56; font-size: 8px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.wiki-nav-block h3::before { content: ''; width: 13px; height: 1px; background: #765126; box-shadow: 0 0 8px rgba(183, 127, 56, .35); }
.wiki-nav-block a {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  padding: 4px 9px;
  border-radius: 4px;
  color: #a69c8f;
  font-size: 12px;
  transition: .18s ease;
}
.wiki-nav-block a:hover, .wiki-nav-block a.on { background: linear-gradient(90deg, rgba(167, 57, 42, .18), rgba(185, 142, 72, .04)); color: #f0dfc3; transform: translateX(2px); }
.wiki-nav-block a.on { box-shadow: inset 2px 0 #a64031, inset 0 0 28px rgba(153, 91, 41, .05); }
.nav-rune { color: #765d34; font-size: 9px; }

.sidebar-cta {
  margin-top: 28px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: linear-gradient(145deg, rgba(156, 50, 37, .12), rgba(194, 150, 77, .06));
}
.sidebar-cta span { display: block; margin-bottom: 7px; color: #80766b; font-size: 9px; letter-spacing: .11em; text-transform: uppercase; }
.sidebar-cta a { display: flex; justify-content: space-between; color: #e7cb96; font-size: 12px; font-weight: 700; text-decoration: none; }

.wiki-main {
  min-width: 0;
  padding: 34px 46px 54px;
  background: linear-gradient(180deg, rgba(18, 16, 14, .98), rgba(12, 11, 10, .99));
}
.wiki-crumb { display: flex; gap: 8px; margin-bottom: 17px; color: #655f57; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.wiki-crumb a { color: #887b69; }
.page-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}
.eyebrow { display: block; margin-bottom: 5px; color: #815f37; font-size: 9px; font-weight: 700; letter-spacing: .23em; }
.wiki-main .page-heading h1 { margin: 0; padding: 0; border: 0; color: #f3e8d7; font-family: Georgia, serif; font-size: clamp(28px, 3vw, 42px); font-weight: 400; letter-spacing: -.02em; }
.heading-rune { color: rgba(190, 143, 67, .31); font-size: 44px; }
.wiki-lead { max-width: 78ch; color: #c3b8a8; font-size: 15px; }

.portal-grid { gap: 14px; }
.portal-box, .drop-card, .reg-box {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: linear-gradient(160deg, rgba(29, 25, 21, .96), rgba(19, 17, 15, .96));
  box-shadow: 0 10px 30px rgba(0, 0, 0, .14);
}
.portal-box h2 {
  padding: 9px 12px;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, .018);
  color: #d9bd8a;
  font-size: 10px;
  letter-spacing: .14em;
}
.portal-box .body { padding: 12px 14px 15px; }
.portal-box li { margin: 4px 0; }
.portal-stats div { border: 1px solid var(--line); background: rgba(255, 255, 255, .025); }
.portal-stats b { color: #e0bf80; }
.portal-stats span { color: #6f685f; }

.class-row { gap: 12px; }
.class-row a, .class-row > div, .wiki-card {
  border: 1px solid var(--line);
  border-radius: 7px;
  background: linear-gradient(180deg, rgba(32, 28, 24, .88), rgba(18, 16, 14, .92));
  color: #cfc3b2;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.class-row a:hover, a.wiki-card:hover { transform: translateY(-2px); border-color: var(--line-bright); background: #211c17; color: #f0d294; }
.class-portrait { filter: drop-shadow(0 14px 12px rgba(0, 0, 0, .38)); }

.wiki-gallery { gap: 10px; }
.wiki-card-img, .wiki-card-map { border-radius: 4px; background: #0e0c0a; }
.wiki-card small { color: #81776b; }
.icon-row a { border: 1px solid var(--line); border-radius: 4px; background: rgba(255, 255, 255, .025); }

.wikitable { border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 6px; background: #151210; color: #c9beae; }
.wikitable th, .wikitable td { border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.wikitable th { background: #211b16; color: #d9bd8a; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }
.wikitable tr:nth-child(even) td { background: rgba(255, 255, 255, .018); }
.wikitable tr:hover td, .drop-card .wikitable.loot tr:hover td { background: rgba(190, 143, 67, .07); }
.drop-card { padding: 16px 18px 14px; }
.drop-card h2 { border-color: var(--line); color: #ead8bb; }
.drop-lead { color: #d7bb87; }
.drop-meta { color: #82786d; }
.drop-card .wikitable.loot th { background: #251d17; }
.drop-card .wikitable.loot tr:nth-child(even) td { background: rgba(255, 255, 255, .018); }

.faq-item { border-bottom: 1px solid var(--line); }
.faq-item h2 { color: #e5d5bc; }
.faq-item .ans { color: #b8ad9e; }
.wiki-note { border: 1px solid rgba(189, 142, 66, .42); border-radius: 5px; background: rgba(185, 136, 60, .08); color: #cbbb9f; }
.wiki-note.danger { border-color: rgba(170, 63, 48, .5); background: rgba(145, 46, 35, .1); }

.section-title {
  clear: both;
  margin-top: 24px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--line);
  color: #dfc79d;
  font-family: Georgia, serif;
  font-size: 20px;
  font-weight: 400;
}

.yore-feature-grid, .contract-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: 20px 0;
}
.yore-feature-grid article, .contract-grid article {
  min-height: 165px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: linear-gradient(145deg, rgba(36, 29, 23, .9), rgba(18, 16, 14, .96));
}
.yore-feature-grid span, .contract-grid span { color: #875d32; font-family: Georgia, serif; font-size: 14px; }
.yore-feature-grid h2, .contract-grid h2 { margin: 12px 0 7px; color: #e2c897; font-family: Georgia, serif; font-size: 18px; font-weight: 400; }
.yore-feature-grid p, .contract-grid p { margin: 0; color: #9f9588; font-size: 13px; }
.contract-grid { grid-template-columns: repeat(4, 1fr); }

.system-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 20px 0;
}
.system-grid article {
  position: relative;
  min-height: 145px;
  padding: 20px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: radial-gradient(circle at 100% 0, rgba(154, 101, 43, .12), transparent 45%), linear-gradient(145deg, rgba(36, 29, 23, .9), rgba(18, 16, 14, .97));
}
.system-grid article::before {
  content: '';
  position: absolute;
  top: 0;
  left: 20px;
  width: 42px;
  height: 1px;
  background: #956230;
}
.system-grid h2 { margin: 5px 0 10px; color: #e2c897; font: 400 19px Georgia, serif; }
.system-grid p { margin: 0; color: #aaa094; font-size: 13px; line-height: 1.65; }
.premium-note { padding: 15px 17px; }
.premium-note strong { color: #dcc18f; }

.path-callout {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 230px;
  gap: 22px;
  align-items: center;
  margin: 18px 0 24px;
  padding: 22px 24px;
  overflow: hidden;
  border: 1px solid rgba(190, 143, 70, .48);
  border-radius: 8px;
  background: radial-gradient(circle at 92% 50%, rgba(174, 112, 44, .2), transparent 30%), linear-gradient(120deg, #231a14, #12100e 68%);
}
.path-callout > div:first-child { position: relative; z-index: 2; }
.path-callout span { color: #a2763c; font-size: 9px; font-weight: 700; letter-spacing: .18em; }
.path-callout h2 { margin: 5px 0 8px; color: #ead3a7; font: 400 25px Georgia, serif; }
.path-callout p { margin: 0; color: #aaa094; font-size: 13px; line-height: 1.6; }
.path-art { position: absolute; z-index: 1; inset: 0 0 0 auto; width: 43%; overflow: hidden; opacity: .82; mask-image: linear-gradient(90deg, transparent, #000 35%); }
.path-art::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #1b1511 0, transparent 48%), linear-gradient(0deg, rgba(10, 8, 7, .28), rgba(10, 8, 7, .05)); }
.path-art-image { width: 100%; height: 100%; object-fit: cover; object-position: 72% 48%; filter: saturate(.8) contrast(1.08); }

.roadmap-grid { display: grid; gap: 8px; margin: 18px 0 24px; }
.roadmap-grid article {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 16px;
  align-items: center;
  padding: 14px 17px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: linear-gradient(90deg, rgba(47, 34, 24, .78), rgba(20, 17, 15, .7));
}
.roadmap-grid span { color: #d3a95f; font: 400 19px Georgia, serif; letter-spacing: .05em; }
.roadmap-grid h2 { margin: 0 0 4px; color: #dfc79d; font: 400 17px Georgia, serif; }
.roadmap-grid p { margin: 0; color: #a59b8f; font-size: 13px; }

.tier-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 16px 0; overflow: hidden; border: 1px solid var(--line); border-radius: 6px; background: var(--line); }
.tier-strip div { display: flex; flex-direction: column; gap: 4px; padding: 17px; background: #151210; }
.tier-strip strong { color: #d6b678; font: 400 18px Georgia, serif; }
.tier-strip span { color: #948a7e; font-size: 12px; }

.dungeon-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 20px 0; }
.dungeon-grid article { overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: #141210; }
.dungeon-grid img { display: block; width: 100%; height: 190px; object-fit: cover; filter: saturate(.72) contrast(1.08); }
.dungeon-grid article > div { padding: 20px; }
.dungeon-grid h2 { margin: 0 0 15px; color: #e4cca0; font: 400 24px Georgia, serif; }
.dungeon-grid dl { display: grid; grid-template-columns: 92px 1fr; gap: 9px 12px; margin: 0; }
.dungeon-grid dt { color: #b98a45; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.dungeon-grid dd { margin: 0; color: #a9a094; font-size: 12px; line-height: 1.5; }

.class-path-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 20px 0; }
.class-path-grid article { display: grid; grid-template-columns: 90px 1fr; gap: 14px; align-items: center; min-height: 130px; padding: 13px 16px 13px 8px; border: 1px solid var(--line); border-radius: 7px; background: linear-gradient(135deg, rgba(38, 29, 23, .88), rgba(17, 15, 14, .96)); }
.class-path-grid .class-portrait { width: 88px; height: 105px; object-fit: contain; }
.class-path-grid h2 { margin: 0 0 7px; color: #dfc79d; font: 400 18px Georgia, serif; }
.class-path-grid p { margin: 0; color: #a49a8e; font-size: 12px; line-height: 1.55; }

.premium-details { margin: 16px 0 24px; border: 1px solid var(--line); border-radius: 6px; background: rgba(22, 18, 15, .72); }
.premium-details summary { cursor: pointer; padding: 15px 17px; color: #d9be8c; font-family: Georgia, serif; }
.premium-details[open] summary { border-bottom: 1px solid var(--line); }
.premium-details .wiki-table-wrap { margin: 0; }
.reference-table td:first-child { color: #cdb27e; }
.wiki-card img.drop-category-figure { width: 68px; height: 68px; object-fit: contain; border-radius: 4px; image-rendering: auto; }

.source-card {
  margin: 9px 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: linear-gradient(135deg, rgba(36, 28, 22, .88), rgba(16, 14, 13, .96));
}
.source-card summary {
  display: flex;
  min-height: 68px;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 12px 16px;
  cursor: pointer;
  list-style: none;
}
.source-card summary::-webkit-details-marker { display: none; }
.source-card summary > span { display: flex; flex: 1; flex-direction: column; gap: 3px; }
.source-card summary > span:has(.wiki-icon) { flex-direction: row; }
.source-card summary strong { color: #dfc596; font: 400 17px Georgia, serif; }
.source-card summary small { color: #756d64; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.source-card summary > b { color: #b68848; font: 300 22px Georgia, serif; transition: transform .2s ease; }
.source-card[open] summary > b { transform: rotate(45deg); }
.source-card-body { padding: 16px; border-top: 1px solid var(--line); }
.crafting-toolbar { display: flex; flex-wrap: wrap; gap: 7px; margin: 18px 0 12px; }
.crafting-toolbar button { padding: 8px 12px; border: 1px solid var(--line); border-radius: 999px; color: #9b9184; background: rgba(24, 20, 17, .82); font: inherit; font-size: 11px; cursor: pointer; transition: border-color .18s ease, color .18s ease, background .18s ease; }
.crafting-toolbar button:hover, .crafting-toolbar button.is-active { border-color: #8d6234; color: #e2c48d; background: rgba(91, 59, 30, .28); }
.crafting-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; align-items: start; }
.crafting-grid .source-card { margin: 0; }
.crafting-grid .source-card[open] { grid-column: 1 / -1; }
.crafting-card[hidden] { display: none; }
.source-block + .source-block { margin-top: 18px; }
.source-block h3 { margin: 0 0 9px; color: #c89e5e; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.source-block ul { margin: 0; padding-left: 18px; columns: 2; column-gap: 34px; }
.source-block li { break-inside: avoid; margin: 0 0 7px; color: #aaa095; font-size: 12px; line-height: 1.5; }
.refine-facts + .wiki-table-wrap { margin: 0; }
.refine-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 12px 0; }
.refine-facts span { display: flex; flex-direction: column; gap: 2px; padding: 11px 13px; border: 1px solid var(--line); background: rgba(29, 23, 19, .72); }
.refine-facts small { color: #7f766d; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.refine-facts strong { color: #d6b678; font: 400 16px Georgia, serif; }
.system-card-rich { display: grid; grid-template-columns: 66px 1fr; gap: 14px; align-items: center; }
.system-card-rich .system-card-icon { width: 60px; height: 60px; object-fit: contain; image-rendering: auto; }
.mission-section { margin-top: 27px; }
.mission-section .wikitable td { vertical-align: top; }
.event-grid article { position: relative; padding-left: 78px; }
.event-grid .event-icon { position: absolute; top: 16px; left: 15px; width: 48px; height: 48px; object-fit: contain; }

.wiki-footer { display: flex; justify-content: space-between; gap: 18px; align-items: center; border-top: 1px solid var(--line); color: #6f685f; }
.wiki-footer div { display: flex; flex-direction: column; }
.wiki-footer strong { color: #9b8d7a; font-size: 10px; letter-spacing: .16em; }
.wiki-footer nav { display: flex; gap: 14px; }
.wiki-footer a { color: #827665; font-size: 10px; text-transform: uppercase; }

.sidebar-backdrop { display: none; }

/* Compact presentation used by the client's built-in web window. */
.wiki-body.is-embedded .wiki-topbar { display: none; }
.wiki-body.is-embedded .wiki-shell { min-height: 100vh; }
.wiki-body.is-embedded .wiki-main { padding-top: 24px; }
.wiki-body.is-embedded .wiki-footer nav,
.wiki-body.is-embedded .sidebar-cta { display: none; }

@media (max-width: 1060px) {
  .server-signature { display: none; }
  .top-brand { margin-right: auto; }
  .wiki-main { padding: 30px 28px 48px; }
  .contract-grid { grid-template-columns: repeat(2, 1fr); }
  .system-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 980px) {
  .wiki-shell { grid-template-columns: 1fr; }
  .mobile-menu { display: block; }
  .wiki-sidebar {
    position: fixed;
    z-index: 60;
    top: 64px;
    bottom: 0;
    left: 0;
    width: min(290px, 86vw);
    overflow-y: auto;
    transform: translateX(-105%);
    transition: transform .25s ease;
    box-shadow: 30px 0 70px rgba(0, 0, 0, .5);
  }
  .menu-open .wiki-sidebar { transform: translateX(0); }
  .sidebar-backdrop { position: fixed; z-index: 55; inset: 64px 0 0; background: rgba(0, 0, 0, .68); backdrop-filter: blur(3px); }
  .menu-open .sidebar-backdrop { display: block; }
  .top-actions a:not(.language-switch):not(:first-child) { display: none; }
}

@media (max-width: 980px) {
  .wiki-body.is-embedded .wiki-sidebar { top: 0; }
  .wiki-body.is-embedded .sidebar-backdrop { inset: 0; }
}

@media (max-width: 680px) {
  .wiki-topbar-inner { padding: 0 14px; }
  .wiki-topbar .top-actions a { padding: 7px 9px; }
  .wiki-main { padding: 24px 16px 38px; }
  .page-heading { align-items: center; }
  .heading-rune { display: none; }
  .wiki-main .page-heading h1 { font-size: 31px; }
  .portal-grid { grid-template-columns: 1fr; }
  .class-row { grid-template-columns: repeat(2, 1fr); }
  .wiki-footer { align-items: flex-start; flex-direction: column; }
  .wiki-table-wrap { margin-right: -16px; padding-right: 16px; }
  .yore-feature-grid, .contract-grid { grid-template-columns: 1fr; }
  .system-grid, .dungeon-grid, .class-path-grid, .tier-strip { grid-template-columns: 1fr; }
  .roadmap-grid article { grid-template-columns: 72px 1fr; }
  .dungeon-grid img { height: 160px; }
  .path-callout { grid-template-columns: 1fr; }
  .path-art { width: 58%; opacity: .5; }
  .crafting-grid { grid-template-columns: 1fr; }
  .source-block ul { columns: 1; }
  .system-card-rich { grid-template-columns: 52px 1fr; }
  .system-card-rich .system-card-icon { width: 46px; height: 46px; }
}