/* Sanctuary Codex in the launcher theme. Loaded after wiki.css and the page's own css, with lt/css/lt-theme.css (the site's
   one theme file, copied from Website/source/src/css by Website/source/shared/el_shared.py write_lt) before it. Everything is
   under body.lt.wiki, so it wins by specificity and the site's pages are not touched. Tokens come from lt-theme.css
   (--lt-*); this file only maps the Codex's own names onto them and skins the Codex's components: header bar, panels,
   buttons, chips, inputs, tables, lists, cards, tabs. The GAME's own windows stay the game's own (item tooltips, the paper
   doll, Kanai's Cube, Kadala, the Mystic): they are drawn from the client's textures and keep their Exocet lettering. */
body.lt.wiki {
  --bg: #0D0A09; --bg2: #0F0C0B; --panel: #0F0C0B; --panel2: #15100d; --line: #3A2F27; --line2: #4a3c30;
  --text: #E6DCD2; --dim: #A29589; --gold: #C9B48A; --gold2: #FAF7F0; --blood: #8A6D3F;
  --el-title: var(--lt-serif); --el-body: var(--lt-serif); --el-ember: #D8481C; --el-gold: #C9B48A; --el-gold-hi: #FAF7F0;
  --el-scroll-thumb: #6a5a44; --el-scroll-track: #0D0A09; --radius: 0px;
  --el-top: 96px; --hdr-h: 96px;
  font: 500 15.5px/1.55 var(--lt-serif); color: var(--lt-cream);
  background: radial-gradient(ellipse 60% 22% at 20% 0%, rgba(120, 40, 20, 0.26), transparent 70%), #0D0A09;
}
body.lt.wiki a { color: var(--lt-gold); }
body.lt.wiki a:hover { color: #fff; text-decoration: none; }
body.lt.wiki .dim, body.lt.wiki .count { color: #A29589; }
body.lt.wiki code { color: #CDBFAE; }
body.lt.wiki h1, body.lt.wiki h2, body.lt.wiki h3, body.lt.wiki h4 { font-family: var(--lt-serif); font-weight: 700; color: #D6C6AE; text-shadow: none; }
body.lt.wiki h1 { font-size: clamp(26px, 3.4vw, 36px); letter-spacing: 0.06em; text-shadow: 0 3px 24px #000; }
body.lt.wiki h2 { font-size: 19px; letter-spacing: 0.16em; }
body.lt.wiki h3 { font-size: 16.5px; letter-spacing: 0.08em; text-transform: none; }
body.lt.wiki h4 { font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; }
body.lt.wiki .hero h1, body.lt.wiki .metal {
  background: none; -webkit-text-fill-color: currentColor; -webkit-text-stroke: 0; filter: none; color: #D6C6AE; text-shadow: 0 3px 24px #000;
}
body.lt.wiki .loading { font-family: var(--lt-serif); letter-spacing: 0.2em; text-transform: uppercase; }
body.lt.wiki main { max-width: 1440px; }

/* ------------------------------------------------------------------ the header bar: two rows (site menu + Get launcher / the Codex's menus, title, search) */
body.lt.wiki .elh.elh-codex {
  --el-top: 96px; display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; grid-template-rows: 54px 40px; column-gap: 18px; row-gap: 0; align-items: center; height: var(--el-top);
  padding: 0 clamp(14px, 2.4vw, 36px); background: linear-gradient(180deg, #0F0C0B, #0D0A09); box-shadow: 0 1px 0 #3A2F27, 0 14px 30px rgba(0, 0, 0, 0.55);
}
body.lt.wiki .elh.elh-codex::before {
  content: ''; position: absolute; left: 0; right: 0; top: 54px; bottom: 0; background: rgba(0, 0, 0, 0.32); box-shadow: inset 0 1px 0 #2a2119; -webkit-mask-image: none; mask-image: none; pointer-events: none;
}
body.lt.wiki .elh.elh-codex::after { content: none; }
body.lt.wiki .elh-codex .elh-brand { grid-column: 1; grid-row: 1 / -1; align-self: center; margin: 0; }
body.lt.wiki .elh-codex .elh-brand img { width: 128px; transform: rotate(-6deg); }
body.lt.wiki .elh-codex .elh-menu { display: contents; }
body.lt.wiki .elh-codex .elh-nav { grid-column: 2 / 4; grid-row: 1; justify-self: end; align-self: center; height: auto; gap: clamp(12px, 1.8vw, 26px); }
body.lt.wiki .elh-codex .elh-item { padding: 8px 0; font-size: 16px; }
body.lt.wiki .elh-codex .pb-nav { grid-column: 4; grid-row: 1; justify-self: end; margin: 0; }
body.lt.wiki .elh-codex .elh-sub { grid-column: 2; grid-row: 2; position: relative; margin-left: 0; height: 40px; }
body.lt.wiki .elh-codex > .crumb { grid-column: 3; grid-row: 2; }
body.lt.wiki .elh-codex > .search { grid-column: 4; grid-row: 2; }
body.lt.wiki .navbtn { font: 700 13px var(--lt-serif); letter-spacing: 0.16em; color: #CDBFAE; padding: 0 14px; border-bottom: 2px solid transparent; }
body.lt.wiki .navbtn:hover, body.lt.wiki .navgrp.open > .navbtn { color: #fff; text-shadow: none; }
body.lt.wiki .navgrp.on > .navbtn { color: #fff; border-bottom-color: #C9B48A; text-shadow: none; }
body.lt.wiki .navbtn:focus-visible { outline-color: #C9B48A; }
body.lt.wiki .navmenu {
  background: linear-gradient(160deg, rgba(24, 18, 16, 0.97), rgba(10, 7, 6, 0.98)); border: 0; box-shadow: 0 0 0 1px rgba(201, 180, 138, 0.35), 0 18px 40px rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-radius: 0;
}
body.lt.wiki .navmenu::before, body.lt.wiki .navmenu::after { content: none; }
body.lt.wiki .navmenu a { border-radius: 0; border-left: 2px solid transparent; }
body.lt.wiki .navmenu a:hover, body.lt.wiki .navmenu a:focus-visible { background: linear-gradient(90deg, rgba(201, 180, 138, 0.12), transparent); border-left-color: #C9B48A; }
body.lt.wiki .navmenu a.on { border-left-color: #D8481C; background: linear-gradient(90deg, rgba(201, 180, 138, 0.16), transparent 70%); }
body.lt.wiki .mi-t { font: 700 15px var(--lt-serif); letter-spacing: 0.06em; color: #E6DCD2; }
body.lt.wiki .navmenu a.on .mi-t { color: #fff; }
body.lt.wiki .mi-h { color: #A29589; font-size: 13px; }
body.lt.wiki .mhead { font: 700 12px var(--lt-serif); letter-spacing: 0.2em; color: #C9B48A; border-bottom-color: #3A2F27; }
body.lt.wiki .crumb { border-left: 1px solid #3A2F27; }
body.lt.wiki .crumb-t { font: 700 15px var(--lt-serif); letter-spacing: 0.14em; text-transform: uppercase; color: #D6C6AE; text-shadow: none; }
body.lt.wiki .crumb-i { border-color: #8A6D3F; background: transparent; color: #C9B48A; font-family: var(--lt-serif); }
body.lt.wiki .crumb-i:hover, body.lt.wiki .crumb-i[aria-expanded=true] { color: #fff; border-color: #C9B48A; box-shadow: none; }
body.lt.wiki .pinfo { background: linear-gradient(160deg, rgba(24, 18, 16, 0.98), rgba(10, 7, 6, 0.99)); border: 0; box-shadow: 0 0 0 1px rgba(201, 180, 138, 0.35), 0 18px 40px rgba(0, 0, 0, 0.8); color: var(--lt-cream); }
body.lt.wiki .pinfo b { font: 700 14px var(--lt-serif); letter-spacing: 0.14em; text-transform: uppercase; color: #D6C6AE; }
body.lt.wiki .search input { background: rgba(13, 10, 9, 0.85); border: 1px solid #3A2F27; border-radius: 0; color: var(--lt-cream); font: 500 14.5px var(--lt-serif); }
body.lt.wiki .search input:focus { border-color: #C9B48A; box-shadow: 0 0 0 1px rgba(201, 180, 138, 0.35); background: #0D0A09; }
body.lt.wiki .skey { background: #0D0A09; border-color: #3A2F27; color: #A29589; border-radius: 0; }
body.lt.wiki .sres { background: #0F0C0B; border: 0; box-shadow: 0 0 0 1px rgba(201, 180, 138, 0.35), 0 18px 40px rgba(0, 0, 0, 0.85); }
body.lt.wiki .sres a { border-bottom-color: #1d1713; color: var(--lt-cream); }
body.lt.wiki .sres a:hover, body.lt.wiki .sres a.sel { background: rgba(201, 180, 138, 0.1); }
body.lt.wiki .sres .sall { color: #C9B48A; }
body.lt.wiki .pb-nav { --w: 190px !important; --h: 38px !important; --fs: 12px !important; }
@media (max-width: 1250px) { body.lt.wiki .elh-codex .elh-item { font-size: 15px; } body.lt.wiki .elh-codex .elh-brand img { width: 108px; } body.lt.wiki .navbtn { padding: 0 9px; font-size: 12px; } }
@media (max-width: 980px) {
  body.lt.wiki { --el-top: 108px; --hdr-h: 108px; }
  body.lt.wiki .elh.elh-codex { --el-top: 108px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-rows: 62px 44px; gap: 0 12px; padding: 0 14px; }
  body.lt.wiki .elh.elh-codex::before { top: 62px; }
  body.lt.wiki .elh-codex .elh-brand { grid-column: 1; grid-row: 1; }
  body.lt.wiki .elh-codex .elh-brand img { width: 104px; }
  body.lt.wiki .elh-codex .elh-toggle { grid-column: 3; grid-row: 1; }
  body.lt.wiki .elh-codex > .search { grid-column: 1 / -1; grid-row: 2; }
  body.lt.wiki .elh-codex .elh-menu { display: flex; flex-direction: column; background: linear-gradient(180deg, #0F0C0B, #0D0A09); box-shadow: 0 1px 0 #3A2F27, 0 20px 40px rgba(0, 0, 0, 0.8); }
  body.lt.wiki .elh-codex .elh-nav { display: contents; }
  body.lt.wiki .elh-codex .elh-item { padding: 14px 24px; font-size: 18px; border-left: 3px solid transparent; border-bottom: 0; }
  body.lt.wiki .elh-codex .elh-item.on { border-left-color: #C9B48A; }
  body.lt.wiki .elh-codex .elh-sub { margin: 0 0 6px 24px; border-left: 1px solid #3A2F27; height: auto; }
  body.lt.wiki .elh-codex .pb-nav { display: flex; margin: 12px 24px 4px; order: 3; width: min(320px, calc(100vw - 48px)); justify-self: start; }
  body.lt.wiki .navbtn { color: #C9B48A; font-size: 12.5px; }
  body.lt.wiki .navgrp.on > .navbtn { color: #C9B48A; }
}

/* ------------------------------------------------------------------ panels: glass with a gold hairline and a cut corner */
body.lt.wiki .panel, body.lt.wiki .bld-mid, body.lt.wiki .bld-low {
  background: var(--lt-panel); border: 0; border-radius: 0; outline: 1px solid rgba(201, 180, 138, 0.28); outline-offset: -1px;
  -webkit-backdrop-filter: var(--hud-glass-blur, blur(12px) saturate(1.2)); backdrop-filter: var(--hud-glass-blur, blur(12px) saturate(1.2));
}
body.lt.wiki .panel::before, body.lt.wiki .panel::after { content: none; }
body.lt.wiki .panel { padding: 20px 22px; clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%); }
body.lt.wiki .panel > h2:first-child {
  display: flex; align-items: center; gap: 14px; padding: 0; border: 0; background: none; margin-bottom: 14px; font-size: 18px; letter-spacing: 0.22em; text-transform: uppercase;
}
body.lt.wiki .panel > h2:first-child::before { content: ''; width: 9px; height: 9px; border: 1.5px solid #D6C6AE; transform: rotate(45deg); flex: none; }
body.lt.wiki .panel > h2:first-child::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(201, 180, 138, 0.55), transparent); }
body.lt.wiki .parch { background: var(--lt-panel); }
body.lt.wiki .divider { height: 1px; margin: 14px 0; background: linear-gradient(90deg, rgba(201, 180, 138, 0.5), transparent); }
body.lt.wiki .card { padding: 16px 18px; }
body.lt.wiki .card .bgart { opacity: 0.22; filter: grayscale(0.4); }
body.lt.wiki .card h3 { text-transform: uppercase; letter-spacing: 0.12em; font-size: 16px; }
body.lt.wiki .hero {
  border: 0; outline: 1px solid rgba(201, 180, 138, 0.34); outline-offset: -1px; background-color: #0D0A09; padding: clamp(28px, 5vw, 64px) clamp(18px, 4vw, 48px);
  clip-path: polygon(0 0, calc(100% - 44px) 0, 100% 44px, 100% 100%, 0 100%);
}
body.lt.wiki .hero::before { background: linear-gradient(90deg, rgba(13, 10, 9, 0.94), rgba(13, 10, 9, 0.62) 60%, rgba(13, 10, 9, 0.28)); }
body.lt.wiki .hero::after { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--hud-ember-hair, linear-gradient(90deg, transparent, rgba(216, 72, 28, 0.55), transparent)); }
body.lt.wiki .stat { background: rgba(13, 10, 9, 0.7); border: 0; box-shadow: 0 0 0 1px #3A2F27; padding: 10px 16px; }
body.lt.wiki .stat b { font-family: 'Segoe UI', system-ui, sans-serif; font-weight: 700; color: #E6DCD2; }
body.lt.wiki .stat span { color: #A29589; letter-spacing: 0.04em; }

/* ------------------------------------------------------------------ buttons, chips, fields */
body.lt.wiki .btn {
  min-height: 36px; padding: 0 24px; margin: 2px 4px 2px 0; font: 700 13px/1.15 var(--lt-serif); letter-spacing: 0.14em; text-transform: uppercase; color: #FAF7F0; text-shadow: none;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%);
}
body.lt.wiki .btn::before { clip-path: polygon(13px 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 13px 100%, 0 50%); }
body.lt.wiki .btn[disabled] { opacity: 0.4; pointer-events: none; }
body.lt.wiki .btn.m3d { min-height: 30px; padding: 0 18px; }
body.lt.wiki .chip, body.lt.wiki .tag {
  border-radius: 99px; background: rgba(13, 10, 9, 0.7); border: 1px solid #3A2F27; color: #E6DCD2; font: 600 13px var(--lt-serif); padding: 3px 12px;
}
body.lt.wiki .chip:hover { border-color: #C9B48A; color: #fff; }
body.lt.wiki .chip.on { background: #C9B48A; border-color: #C9B48A; color: #14100E; box-shadow: none; }
body.lt.wiki .tag { padding: 0 9px; font-size: 12px; color: #A29589; }
body.lt.wiki .tag.gold { color: #C9B48A; border-color: #6e5a38; }
body.lt.wiki .tag.red { color: #f0907a; border-color: #6a2a1c; }
body.lt.wiki .tag.green { color: #b8d48a; border-color: #3c5a24; }
body.lt.wiki select, body.lt.wiki input[type=text], body.lt.wiki input[type=number], body.lt.wiki input[type=search].plain, body.lt.wiki input:not([type]), body.lt.wiki textarea {
  background: rgba(13, 10, 9, 0.85); color: var(--lt-cream); border: 1px solid #3A2F27; border-radius: 0; font: 500 14.5px var(--lt-serif); padding: 6px 10px;
}
body.lt.wiki select:hover, body.lt.wiki input:hover { border-color: #5b4a37; }
body.lt.wiki select:focus, body.lt.wiki input:focus, body.lt.wiki textarea:focus { border-color: #C9B48A; outline: none; box-shadow: 0 0 0 1px rgba(201, 180, 138, 0.35); }
body.lt.wiki input[type=range] { accent-color: #C9B48A; }
body.lt.wiki input[type=checkbox], body.lt.wiki input[type=radio] { accent-color: #C9B48A; }
body.lt.wiki .filters label { color: #A29589; font-size: 13.5px; letter-spacing: 0.04em; }
body.wiki:not(.app).lt .panel > .filters:not(.filters ~ .filters) { background: linear-gradient(#15100d, #0F0C0B); border-bottom-color: #3A2F27; }

/* ------------------------------------------------------------------ tables, lists, key/values */
body.lt.wiki table.t th { background: #15100d; color: #D6C6AE; font: 700 12.5px var(--lt-serif); letter-spacing: 0.14em; text-transform: uppercase; border-bottom: 1px solid #5b4a37; padding: 8px 10px; }
body.lt.wiki table.t td { border-bottom: 1px solid #231c16; padding: 7px 10px; }
body.lt.wiki table.t tr:hover td { background: rgba(201, 180, 138, 0.06); }
body.lt.wiki .kv > :nth-child(odd) { color: #A29589; }
body.lt.wiki .irow { background: rgba(13, 10, 9, 0.7); border: 0; box-shadow: 0 0 0 1px #2d251d; }
body.lt.wiki .irow:hover { box-shadow: 0 0 0 1px #C9B48A; background: rgba(201, 180, 138, 0.06); }
body.lt.wiki .irow .sub { color: #A29589; }
body.lt.wiki .iicon { border-color: #3A2F27; border-radius: 0; }
body.lt.wiki .skill { background: rgba(13, 10, 9, 0.7); border: 0; box-shadow: 0 0 0 1px #2d251d; }
body.lt.wiki .runes b { color: #D6C6AE; }
body.lt.wiki .hist { border-left-color: #3A2F27; }
body.lt.wiki .hist .he::before, body.lt.wiki .tl::before { background: #0D0A09; border-color: #C9B48A; }
body.lt.wiki .hist .hp, body.lt.wiki .era { font-family: var(--lt-serif); font-weight: 700; color: #D6C6AE; letter-spacing: 0.1em; text-transform: uppercase; }
body.lt.wiki .timeline, body.lt.wiki .hist { border-left-color: #3A2F27; }
body.lt.wiki .tl.expansion::before, body.lt.wiki .tl.launch::before { background: #8A6D3F; }
body.lt.wiki .tl .when { color: #A29589; }
body.lt.wiki .pager .btn { min-width: 96px; }
body.lt.wiki .mcard img.th, body.lt.wiki .skill .sk-ic { border-color: #3A2F27; }

/* ------------------------------------------------------------------ the footer */
body.lt.wiki .elf.lt-foot { margin-top: 24px; min-height: 360px; }
body.lt.wiki .elf.lt-foot .ft-text p { margin: 4px auto; }
body.lt.wiki .elf.lt-foot .ft-text a { color: #C9B48A; text-decoration: underline; text-underline-offset: 3px; }

/* ------------------------------------------------------------------ the tool pages: one screen */
body.lt.wiki .sim-head h1 { font-size: 22px; }
body.lt.wiki .bld-tabs, body.lt.wiki .bld-ltabs { background: rgba(0, 0, 0, 0.35); border-bottom-color: #3A2F27; }
body.lt.wiki .bld-tabs button, body.lt.wiki .bld-ltabs button { font: 700 13px var(--lt-serif); letter-spacing: 0.14em; text-transform: uppercase; color: #CDBFAE; border-radius: 0; }
body.lt.wiki .bld-tabs button:hover, body.lt.wiki .bld-ltabs button:hover { color: #fff; background: rgba(201, 180, 138, 0.08); }
body.lt.wiki .bld-tabs button.on, body.lt.wiki .bld-ltabs button.on { color: #fff; border-color: #3A2F27; background: linear-gradient(#26201a, #15100d); box-shadow: inset 0 -2px 0 #C9B48A; }

/* the tool pages are one screen (wiki.css, body.app): the themed footer stays out of them too */
@media (min-width: 1200px) and (min-height: 600px) { body.lt.wiki.app > footer.foot { display: none; } }

/* the Character Builder's own controls (the game windows inside it stay the game's) */
body.lt.wiki .bld-cls button { background: rgba(13, 10, 9, .8); border-color: #3A2F27; border-radius: 0; color: #A29589; font-family: var(--lt-serif); }
body.lt.wiki .bld-cls button:hover { border-color: #C9B48A; color: #fff; }
body.lt.wiki .bld-cls button.on { border-color: #C9B48A; color: #fff; background: #1d1813; box-shadow: inset 0 -2px 0 #C9B48A; }
body.lt.wiki .bld-mid, body.lt.wiki .bld-low { clip-path: none; }
body.lt.wiki .bld-actions .btn { min-height: 34px; padding: 0 16px; font-size: 12.5px; letter-spacing: .12em; }
body.lt.wiki .bld-actions input[type=text] { min-height: 34px; }
body.lt.wiki .io h3 { font-size: 15px; letter-spacing: .16em; text-transform: uppercase; }
body.lt.wiki .io .hint, body.lt.wiki .hint { color: #A29589; }

/* long source URLs must wrap on phones */
body.lt.wiki main li, body.lt.wiki main p, body.lt.wiki main a { overflow-wrap:anywhere; }