/* ============================================================
   网站2 · 魔兽无限资料站
   视觉设计系统：深蓝黑底 / 象牙文本 / 蓝强调 / 金点缀 / Cinzel 标题
   自研实现（外观参数参照目标站公开可见的设计，代码为本站原创）
   命名空间：fc2-*
   ============================================================ */

/* ---------- Cinzel（Google Fonts · SIL OFL） ---------- */
@font-face {
  font-family: "Cinzel";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/cinzel-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+2000-206F;
}
@font-face {
  font-family: "Cinzel";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/cinzel-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+2000-206F;
}

/* ---------- 设计 token ---------- */
:root {
  --bg: #0e1219;
  --bg-2: #141a23;
  --bg-3: #1a2230;
  --line: #2b3444;
  --line-2: #3a4557;
  --ivory: #efe7d3;
  --ivory-2: #d9d0bc;
  --text: #c9c4b6;
  --text-strong: #efe7d3;
  --text-muted: #8e948f;
  --accent: #7fb3f0;
  --accent-strong: #4f8fde;
  --accent-soft: rgba(79, 143, 222, .16);
  --gold: #c8a24a;
  --gold-2: #8c7434;
  --game-yellow: #ffd100;
  --game-yellow-soft: #e8d48c;
  --game-green: #1eff00;
  --game-grey: #9d9d9d;
  --game-red: #ff3b30;
  --q0: #9d9d9d;
  --q1: #ffffff;
  --q2: #1eff00;
  --q3: #0070dd;
  --q4: #a335ee;
  --q5: #ff8000;
  --q6: #e6cc80;
  --add: #8fd37a;
  --add-bg: rgba(46, 125, 50, .25);
  --mod: #f0c674;
  --mod-bg: rgba(154, 103, 0, .25);
  --del: #f08a80;
  --del-bg: rgba(166, 58, 50, .25);
  --font-sans: Verdana, Geneva, "DejaVu Sans", Tahoma, "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-display: "Cinzel", "Microsoft YaHei", sans-serif;
  --r: 4px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 14px/1.65 var(--font-sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a { color: var(--accent); text-decoration: none; }
a:hover { color: #a8cbf5; }

h1, h2, h3, h4 { color: var(--text-strong); font-weight: 400; margin: 0; }

::selection { background: var(--accent-strong); color: #fff; }

/* 滚动条 */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--line-2); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: var(--accent-strong); }

/* ============================================================
   站点壳：顶部条
   ============================================================ */
.fc2-top {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(14, 18, 25, .92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line);
}
.fc2-top-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 18px;
  height: 52px;
}
.fc2-logo {
  display: flex;
  align-items: baseline;
  gap: 8px;
  color: var(--gold);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 19px;
  letter-spacing: 1px;
  white-space: nowrap;
}
.fc2-logo em { font-style: normal; color: var(--ivory); }
.fc2-logo small {
  font-family: var(--font-sans);
  font-size: 11px;
  color: var(--text-muted);
  letter-spacing: 2px;
}
.fc2-nav { display: flex; gap: 2px; flex: 1; overflow-x: auto; scrollbar-width: none; }
.fc2-nav::-webkit-scrollbar { display: none; }
.fc2-nav a {
  position: relative;
  padding: 6px 10px;
  font-size: 13px;
  color: var(--text-muted);
  border-radius: 3px;
  white-space: nowrap;
  transition: color .15s var(--ease), background .15s var(--ease);
}
.fc2-nav a:hover { color: var(--ivory); background: var(--bg-3); }
.fc2-nav a.on { color: var(--accent); }
.fc2-nav a.on::after {
  content: "";
  position: absolute;
  left: 10px; right: 10px; bottom: -13px;
  height: 2px;
  background: var(--accent-strong);
  border-radius: 1px;
}
.fc2-nav-dot {
  display: inline-block;
  width: 5px; height: 5px;
  margin-left: 5px;
  border-radius: 50%;
  background: var(--game-yellow);
  box-shadow: 0 0 6px var(--game-yellow);
  vertical-align: 2px;
}
.fc2-count {
  margin-left: auto;
  display: flex;
  align-items: baseline;
  gap: 7px;
  font-size: 12px;
  color: var(--text-muted);
  white-space: nowrap;
}
.fc2-count b {
  font-family: var(--font-display);
  font-size: 15px;
  color: var(--gold);
  font-variant-numeric: tabular-nums;
}
.fc2-count i {
  font-style: normal;
  color: var(--text-muted);
  font-size: 11px;
}
@media (max-width: 960px) {
  .fc2-count { display: none; }
}

/* 状态提示条 */
.fc2-status {
  background: var(--bg-2);
  border-bottom: 1px solid var(--line);
  font-size: 12px;
  color: var(--text-muted);
}
.fc2-status-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 6px 20px;
  display: flex;
  gap: 16px;
  align-items: baseline;
  overflow: hidden;
  white-space: nowrap;
}
.fc2-status b { color: var(--gold); font-weight: 400; }
.fc2-status .ok { color: var(--add); }

/* ============================================================
   通用页面骨架
   ============================================================ */
.fc2-shell { max-width: 1240px; margin: 0 auto; padding: 24px 20px 60px; }

.fc2-pagehead {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin: 26px 0 18px;
  flex-wrap: wrap;
}
.fc2-pagehead h1 {
  font-family: var(--font-display);
  font-size: 26px;
  letter-spacing: 1px;
  color: var(--ivory);
}
.fc2-pagehead .sub { color: var(--text-muted); font-size: 13px; }
.fc2-rule {
  flex: 1;
  height: 1px;
  min-width: 40px;
  background: linear-gradient(90deg, var(--line-2), transparent);
}

/* 卡片 */
.fc2-card {
  background: linear-gradient(180deg, var(--bg-3), var(--bg-2));
  border: 1px solid var(--line);
  border-radius: var(--r);
}
.fc2-card + .fc2-card { margin-top: 14px; }
.fc2-card-pad { padding: 16px 18px; }

/* 区块标题 */
.fc2-sec {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 30px 0 14px;
}
.fc2-sec h2 {
  font-family: var(--font-display);
  font-size: 20px;
  letter-spacing: 1px;
  color: var(--ivory);
}
.fc2-sec .more { margin-left: auto; font-size: 13px; }

/* 标签 / 徽章 */
.fc2-tag {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 3px;
  font-size: 11px;
  border: 1px solid var(--line-2);
  color: var(--text-muted);
  vertical-align: 1px;
}
.fc2-tag-add { color: var(--add); border-color: rgba(143, 211, 122, .4); background: var(--add-bg); }
.fc2-tag-mod { color: var(--mod); border-color: rgba(240, 198, 116, .4); background: var(--mod-bg); }
.fc2-tag-del { color: var(--del); border-color: rgba(240, 138, 128, .4); background: var(--del-bg); }
.fc2-tag-new { color: #2a2210; background: linear-gradient(180deg, #f5dd9a, #d4af5e); border: none; font-weight: 700; }
.fc2-tag-gold { color: var(--gold); border-color: rgba(200, 162, 74, .45); }

/* 品质色工具类 */
.qc-0 { color: var(--q0) !important; } .qc-1 { color: var(--q1) !important; }
.qc-2 { color: var(--q2) !important; } .qc-3 { color: var(--q3) !important; }
.qc-4 { color: var(--q4) !important; } .qc-5 { color: var(--q5) !important; }
.qc-6 { color: var(--q6) !important; }

/* 表格 */
.fc2-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.fc2-table th {
  text-align: left;
  padding: 8px 12px;
  color: var(--text-muted);
  font-weight: 400;
  font-size: 12px;
  border-bottom: 1px solid var(--line);
  position: sticky; top: 52px;
  background: var(--bg-2);
}
.fc2-table td {
  padding: 8px 12px;
  border-bottom: 1px solid rgba(43, 52, 68, .5);
}
.fc2-table tr:hover td { background: rgba(26, 34, 48, .7); }

/* 分段控件 */
.fc2-seg { display: inline-flex; background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r); padding: 3px; gap: 3px; }
.fc2-seg a {
  padding: 5px 14px;
  font-size: 13px;
  color: var(--text-muted);
  border-radius: 3px;
}
.fc2-seg a:hover { color: var(--ivory); }
.fc2-seg a.on { background: var(--accent-soft); color: var(--accent); }

/* 搜索框 */
.fc2-search {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--bg-2);
  border: 1px solid var(--line-2);
  border-radius: var(--r);
  padding: 9px 14px;
  box-shadow: inset 0 0 0 1px #000;
}
.fc2-search:focus-within {
  border-color: var(--accent-strong);
  box-shadow: inset 0 0 0 1px #000, 0 0 0 3px var(--accent-soft);
}
.fc2-search input {
  flex: 1;
  background: none;
  border: none;
  outline: none;
  color: var(--ivory);
  font: inherit;
}
.fc2-search input::placeholder { color: var(--text-muted); }
.fc2-search .go {
  border: none;
  background: linear-gradient(180deg, #4f8fde, #356bb0);
  color: #fff;
  font: inherit;
  padding: 4px 16px;
  border-radius: 3px;
  cursor: pointer;
}
.fc2-search .go:hover { filter: brightness(1.15); }

/* 空态 */
.fc2-empty { padding: 48px 0; text-align: center; color: var(--text-muted); }

/* ============================================================
   首页
   ============================================================ */
.fc2-hero {
  margin-top: 26px;
  text-align: center;
}
.fc2-hero .kicker {
  color: var(--gold);
  font-size: 12px;
  letter-spacing: 4px;
  text-transform: uppercase;
}
.fc2-hero h1 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(28px, 5vw, 46px);
  color: var(--ivory);
  margin: 10px 0 8px;
  letter-spacing: 2px;
  text-shadow: 0 2px 24px rgba(0, 0, 0, .8);
}
.fc2-hero p {
  max-width: 720px;
  margin: 0 auto;
  color: var(--text-muted);
  font-size: 14px;
}
.fc2-hero .fc2-search {
  max-width: 560px;
  margin: 22px auto 0;
  background: var(--bg-3);
}

/* 职业图标条 */
.fc2-classes {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 22px 0 6px;
  flex-wrap: wrap;
}
.fc2-classes a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 8px 10px;
  border-radius: var(--r);
  border: 1px solid transparent;
  transition: border-color .15s var(--ease), background .15s var(--ease);
}
.fc2-classes a:hover { border-color: var(--line-2); background: var(--bg-2); }
.fc2-classes img {
  width: 44px; height: 44px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #000, 0 4px 14px #0009;
}
.fc2-classes span { font-size: 12px; color: var(--text-muted); }
.fc2-classes a:hover span { color: var(--ivory); }

/* 探索区大卡网格 */
.fc2-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
@media (max-width: 900px) { .fc2-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .fc2-grid { grid-template-columns: 1fr; } }

.fc2-plate {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--bg-2);
  overflow: hidden;
  color: var(--text);
  transition: border-color .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);
}
.fc2-plate:hover, .fc2-plate:focus-visible {
  border-color: var(--line-2);
  transform: translateY(-2px);
  box-shadow: 0 10px 30px #00000080;
  color: var(--text);
}
.fc2-plate-art {
  position: relative;
  height: 130px;
  background: var(--bg-3);
  overflow: hidden;
}
.fc2-plate-art img {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  opacity: .85;
  transition: transform .4s var(--ease), opacity .3s;
}
.fc2-plate:hover .fc2-plate-art img { transform: scale(1.05); opacity: 1; }
.fc2-plate-body { padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 6px; }
.fc2-plate-body h3 {
  font-family: var(--font-display);
  font-size: 17px;
  color: var(--ivory);
  letter-spacing: .5px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.fc2-plate-body p { margin: 0; font-size: 12.5px; color: var(--text-muted); }
.fc2-plate-body .fc2-note { font-size: 11px; color: var(--gold); }

/* 地下城小列表（嵌在卡内） */
.fc2-dglist { list-style: none; margin: 4px 0 0; padding: 0; font-size: 12px; }
.fc2-dglist li {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 3px 0;
  border-bottom: 1px dashed rgba(43, 52, 68, .6);
}
.fc2-dglist li:last-child { border-bottom: none; }
.fc2-dglist .nm { color: var(--text); }
.fc2-dglist .lv { color: var(--text-muted); font-variant-numeric: tabular-nums; }
.fc2-dglist .seen { color: var(--add); font-style: normal; font-size: 11px; }

/* 首页侧列小项 */
.fc2-also { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 22px; }
@media (max-width: 620px) { .fc2-also { grid-template-columns: 1fr; } }
.fc2-also li { font-size: 13px; padding: 2px 0; }
.fc2-also li a { color: var(--text); }
.fc2-also li a:hover { color: var(--accent); }
.fc2-also li span { display: block; color: var(--text-muted); font-size: 11.5px; }

/* 指南三卡 */
.fc2-gdgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
@media (max-width: 900px) { .fc2-gdgrid { grid-template-columns: 1fr; } }
.fc2-gdcard {
  display: flex;
  gap: 12px;
  padding: 13px 14px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--r);
  color: var(--text);
  transition: border-color .15s var(--ease);
}
.fc2-gdcard:hover { border-color: var(--line-2); color: var(--text); }
.fc2-gdcard img { width: 56px; height: 56px; border-radius: var(--r); object-fit: cover; box-shadow: 0 0 0 1px #000; }
.fc2-gdcard b { display: block; color: var(--ivory); font-weight: 400; font-size: 14px; margin-bottom: 3px; }
.fc2-gdcard span { font-size: 12px; color: var(--text-muted); }

/* 改动示例列表 */
.fc2-chglist { list-style: none; margin: 0; padding: 0; }
.fc2-chglist li {
  display: flex;
  gap: 14px;
  padding: 10px 2px;
  border-bottom: 1px solid rgba(43, 52, 68, .5);
  font-size: 13px;
}
.fc2-chglist li:last-child { border-bottom: none; }
.fc2-chglist .who {
  flex: 0 0 150px;
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1.5;
}
.fc2-chglist .who b { display: block; color: var(--ivory); font-weight: 400; }
.fc2-chglist .what { flex: 1; color: var(--text); }
.fc2-chglist .what i { font-style: normal; color: var(--text-muted); }
.fc2-chglist .what .fx { color: var(--game-green); }

/* 物品悬浮提示（首页物品卡内嵌静态版） */
.fc2-tip {
  background: #0b0f15;
  border: 1px solid var(--line-2);
  border-radius: 3px;
  padding: 10px 12px;
  font-size: 12px;
  box-shadow: inset 0 0 0 1px #000, 0 4px 12px #00000080;
  max-width: 280px;
}
.fc2-tip b { color: var(--q2); font-weight: 400; }
.fc2-tip .tl { display: block; color: var(--text-muted); padding: 1px 0; }
.fc2-tip .tl.fx { color: var(--game-green); }
.fc2-tip .tl.req { color: #ffd100; }

/* 首页区块大标题 */
.fc2-title {
  font-family: var(--font-display);
  font-size: 22px;
  letter-spacing: 1.5px;
  color: var(--ivory);
  margin: 34px 0 14px;
}
.fc2-title:first-child { margin-top: 24px; }

/* 地下城卡头部链接 */
.fc2-plate-head { display: block; color: var(--text); }
.fc2-plate-head h3 {
  font-family: var(--font-display);
  font-size: 17px;
  color: var(--ivory);
  letter-spacing: .5px;
}
.fc2-plate-head:hover h3 { color: var(--accent); }
.fc2-plate-head p { margin: 4px 0 0; font-size: 12.5px; color: var(--text-muted); }

/* 地下城卡脚注与更多链接 */
.fc2-dg-foot { margin: 8px 0 0; font-size: 11.5px; color: var(--text-muted); }
.fc2-plate .fc2-more { margin-top: 8px; font-size: 12.5px; color: var(--accent); }

/* 传承卡三头像 */
.fc2-portraits { display: flex; gap: 8px; padding: 14px 14px 0; }
.fc2-portraits img {
  width: 44px; height: 44px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #000, 0 4px 10px #0009;
  background: var(--bg-3);
}

/* 职业条说明 */
.fc2-classes-note { text-align: center; font-size: 12px; color: var(--text-muted); margin: 0 0 8px; }

/* 地图卡 art：双区域图并排 + 底部题字 */
.fc2-map-art { display: grid; grid-template-columns: 1fr 1fr; }
.fc2-map-art img { position: static; width: 100%; height: 100%; object-fit: cover; opacity: .8; }
.fc2-plate:hover .fc2-map-art img { opacity: 1; }
.fc2-map-art .cap {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  padding: 6px 10px;
  font-family: var(--font-display);
  font-size: 12px;
  letter-spacing: 2px;
  color: var(--ivory);
  background: linear-gradient(transparent, rgba(4, 6, 10, .85));
}

/* 改动示例区头 + 行 */
.fc2-scene-head { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.fc2-scene-head .fc2-title { margin: 0; }
.fc2-scene-head .fc2-more { margin-left: auto; font-size: 13px; }
.fc2-scene-lead { margin: 10px 0 6px; font-size: 13px; color: var(--text-muted); }
.fc2-tipitem {
  display: flex;
  gap: 12px;
  padding: 10px 2px;
  border-bottom: 1px solid rgba(43, 52, 68, .5);
  color: var(--text);
}
.fc2-tipitem:last-child { border-bottom: none; }
.fc2-tipitem img {
  width: 40px; height: 40px;
  border-radius: 6px;
  box-shadow: 0 0 0 1px #000;
  background: #000;
  flex: 0 0 40px;
}
.fc2-tipitem .nm { font-size: 13.5px; color: var(--ivory); }
.fc2-tipitem .nm span { color: var(--text-muted); font-size: 11.5px; margin-left: 8px; }
.fc2-tipitem .ds { font-size: 12.5px; color: var(--text-muted); margin-top: 2px; }
.fc2-tipitem:hover .nm { color: var(--accent); }

/* 底部 Beta 版本行 */
.fc2-beta-line {
  margin-top: 26px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
  font-size: 12px;
  color: var(--text-muted);
}
.fc2-beta-line img { width: 18px; height: 18px; vertical-align: -4px; margin-right: 6px; border-radius: 4px; box-shadow: 0 0 0 1px #000; }
.fc2-beta-line a { color: var(--accent); }

/* 侧列小项：带图标版 */
.fc2-also li a { display: flex; gap: 10px; align-items: center; color: var(--text); }
.fc2-also li a img {
  width: 32px; height: 32px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #000;
  background: var(--bg-3);
  flex: 0 0 32px;
}
.fc2-also li a .tx b { display: block; color: var(--ivory); font-weight: 400; font-size: 13px; }
.fc2-also li a .tx span { display: block; color: var(--text-muted); font-size: 11.5px; }

/* ============================================================
   Footer
   ============================================================ */
.fc2-foot { border-top: 1px solid var(--line); margin-top: 40px; background: var(--bg-2); }
.fc2-foot-inner { max-width: 1240px; margin: 0 auto; padding: 26px 20px 30px; }
.fc2-support {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 18px 20px;
  border: 1px solid var(--gold-2);
  border-radius: var(--r);
  background: linear-gradient(180deg, rgba(200, 162, 74, .07), transparent);
  flex-wrap: wrap;
}
.fc2-support p { margin: 0; flex: 1; min-width: 260px; font-size: 13px; color: var(--text-muted); }
.fc2-support strong { display: block; color: var(--ivory); font-weight: 400; font-size: 15px; margin-bottom: 3px; }
.fc2-support-act { display: flex; gap: 10px; align-items: center; }
.fc2-btn-donate {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 18px;
  border-radius: 999px;
  background: linear-gradient(180deg, #f5dd9a, #d4af5e);
  color: #2a2210;
  font-weight: 700;
  font-size: 13px;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(200, 162, 74, .25);
}
.fc2-btn-donate:hover { filter: brightness(1.08); color: #2a2210; }
.fc2-legal { margin-top: 18px; font-size: 11.5px; color: var(--text-muted); line-height: 1.8; }
.fc2-legal a { color: var(--text-muted); text-decoration: underline; text-underline-offset: 3px; }
.fc2-legal a:hover { color: var(--accent); }
.fc2-legal .links { margin-bottom: 6px; display: flex; gap: 14px; flex-wrap: wrap; }

/* ============================================================
   天赋模拟页
   ============================================================ */
.fc2-window {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 16px;
  background: linear-gradient(180deg, var(--bg-3), var(--bg-2));
  border: 1px solid var(--line);
  border-radius: var(--r);
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.fc2-window-name {
  font-family: var(--font-display);
  color: var(--gold);
  font-size: 16px;
  letter-spacing: 1px;
}
.fc2-lvl { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--text-muted); }
.fc2-lvl input[type=range] { width: 140px; accent-color: var(--accent-strong); }
.fc2-lvl b { color: var(--ivory); font-family: var(--font-display); font-size: 16px; min-width: 26px; text-align: center; }
.fc2-pts { font-size: 13px; color: var(--text-muted); }
.fc2-pts b { color: var(--gold); font-weight: 400; }
.fc2-reset {
  margin-left: auto;
  border: 1px solid var(--line-2);
  background: none;
  color: var(--text-muted);
  font: inherit;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 999px;
  cursor: pointer;
}
.fc2-reset:hover { color: var(--del); border-color: rgba(240, 138, 128, .4); }

.fc2-trees { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
@media (max-width: 900px) { .fc2-trees { grid-template-columns: 1fr; } }
.fc2-tree {
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--bg-2);
  overflow: hidden;
}
.fc2-tree.on { border-color: var(--gold-2); }
.fc2-tree-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--line);
  background: var(--bg-3);
}
.fc2-tree-head img { width: 30px; height: 30px; border-radius: 50%; box-shadow: 0 0 0 1px #000; }
.fc2-tree-head b { font-family: var(--font-display); color: var(--ivory); font-weight: 700; font-size: 15px; letter-spacing: .5px; }
.fc2-tree-head .pts { margin-left: auto; color: var(--gold); font-family: var(--font-display); font-size: 15px; }
.fc2-tree-grid {
  position: relative;
  padding: 12px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px 8px;
  background:
    radial-gradient(420px 200px at 50% 0%, rgba(79, 143, 222, .05), transparent 70%),
    var(--bg-2);
  min-height: 340px;
}
.fc2-node {
  position: relative;
  width: 48px; height: 48px;
  justify-self: center;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
}
.fc2-node img {
  width: 100%; height: 100%;
  border-radius: 6px;
  box-shadow: 0 0 0 2px #000, 0 0 0 3px var(--line-2);
  transition: box-shadow .15s var(--ease), filter .15s;
}
.fc2-node.locked img { filter: grayscale(1) brightness(.55); cursor: default; }
.fc2-node.avail img { box-shadow: 0 0 0 2px #000, 0 0 0 3px var(--accent-strong), 0 0 14px rgba(79, 143, 222, .4); }
.fc2-node.maxed img { box-shadow: 0 0 0 2px #000, 0 0 0 3px var(--gold), 0 0 14px rgba(200, 162, 74, .4); }
.fc2-node .rank {
  position: absolute;
  right: -4px; bottom: -5px;
  min-width: 18px; height: 18px;
  padding: 0 4px;
  border-radius: 9px;
  background: #06080c;
  border: 1px solid var(--line-2);
  color: var(--text-strong);
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.fc2-node.maxed .rank { border-color: var(--gold); color: var(--gold); }
.fc2-node .chg {
  position: absolute;
  left: -4px; top: -5px;
  width: 14px; height: 14px;
  border-radius: 3px;
  font-size: 9px;
  line-height: 14px;
  text-align: center;
  color: #06080c;
  font-weight: 700;
}
.fc2-node .chg.add { background: var(--add); }
.fc2-node .chg.mod { background: var(--mod); }

/* 天赋详情弹层 */
.fc2-pop {
  position: fixed;
  inset: 0;
  background: rgba(4, 6, 10, .7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 90;
}
.fc2-pop-box {
  width: min(560px, 92vw);
  max-height: 80vh;
  overflow: auto;
  background: #0b0f15;
  border: 1px solid var(--line-2);
  border-radius: var(--r);
  box-shadow: inset 0 0 0 1px #000, 0 18px 48px #000000a6;
  padding: 18px 20px;
}
.fc2-pop-box h3 {
  font-family: var(--font-display);
  color: var(--gold);
  font-size: 18px;
  letter-spacing: .5px;
}
.fc2-pop-box .meta { color: var(--text-muted); font-size: 12px; margin: 4px 0 10px; }
.fc2-pop-box .desc { font-size: 13px; color: var(--text); }
.fc2-pop-box .diff {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 3px;
  font-size: 12.5px;
}
.fc2-pop-box .diff.add { background: var(--add-bg); color: var(--add); }
.fc2-pop-box .diff.mod { background: var(--mod-bg); color: var(--mod); }
.fc2-pop-close { float: right; color: var(--text-muted); font-size: 18px; cursor: pointer; background: none; border: none; }

/* ============================================================
   地下城页
   ============================================================ */
.fc2-dgrow {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(43, 52, 68, .5);
  color: var(--text);
  transition: background .12s;
}
.fc2-dgrow:hover { background: rgba(26, 34, 48, .7); color: var(--text); }
.fc2-dgrow:last-child { border-bottom: none; }
.fc2-dgrow .nm { flex: 1; font-size: 14px; }
.fc2-dgrow .nm b { color: var(--ivory); font-weight: 400; }
.fc2-dgrow .nm span { color: var(--text-muted); font-size: 12px; margin-left: 8px; }
.fc2-dgrow .num { color: var(--text-muted); font-size: 12px; white-space: nowrap; }
.fc2-dgrow .num b { color: var(--text-strong); font-weight: 400; }
.fc2-dgrow .lv {
  font-family: var(--font-display);
  color: var(--gold);
  font-size: 15px;
  min-width: 64px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.fc2-badge-live { color: var(--add); border-color: rgba(143, 211, 122, .4); }
.fc2-badge-soon { color: var(--text-muted); }

/* ============================================================
   物品/数据库页
   ============================================================ */
.fc2-filters {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 14px;
  font-size: 12.5px;
  color: var(--text-muted);
}
.fc2-filters select {
  background: var(--bg-2);
  color: var(--text);
  border: 1px solid var(--line-2);
  border-radius: 3px;
  padding: 4px 8px;
  font: inherit;
}
.fc2-itemrow { display: flex; align-items: center; gap: 10px; padding: 7px 12px; border-bottom: 1px solid rgba(43, 52, 68, .5); }
.fc2-itemrow:hover { background: rgba(26, 34, 48, .7); }
.fc2-itemrow img { width: 26px; height: 26px; border-radius: 4px; box-shadow: 0 0 0 1px #000; background: #000; }
.fc2-itemrow .nm { flex: 1; font-size: 13px; }
.fc2-itemrow .meta { color: var(--text-muted); font-size: 12px; white-space: nowrap; font-variant-numeric: tabular-nums; }

/* ============================================================
   改动页（天赋/法术/物品 vs 经典旧世）
   ============================================================ */
.fc2-chgbar { display: flex; gap: 14px; margin-bottom: 16px; flex-wrap: wrap; }
.fc2-chgbar .card { padding: 12px 20px; text-align: center; }
.fc2-chgbar .num { font-family: var(--font-display); font-size: 26px; color: var(--gold); }
.fc2-chgbar .lbl { font-size: 12px; color: var(--text-muted); }
.fc2-chgitem { padding: 12px 14px; border-bottom: 1px solid rgba(43, 52, 68, .5); }
.fc2-chgitem:last-child { border-bottom: none; }
.fc2-chgitem .hd { display: flex; align-items: center; gap: 10px; }
.fc2-chgitem .hd img { width: 28px; height: 28px; border-radius: 5px; box-shadow: 0 0 0 1px #000; }
.fc2-chgitem .hd b { color: var(--ivory); font-weight: 400; font-size: 14px; }
.fc2-chgitem .hd .cls { color: var(--text-muted); font-size: 12px; }
.fc2-chgitem .old { margin-top: 6px; font-size: 12.5px; color: var(--del); background: var(--del-bg); padding: 7px 10px; border-radius: 3px; }
.fc2-chgitem .new { margin-top: 4px; font-size: 12.5px; color: var(--add); background: var(--add-bg); padding: 7px 10px; border-radius: 3px; }
.fc2-chgitem .same { margin-top: 4px; font-size: 12.5px; color: var(--text-muted); }

/* ============================================================
   传承 / 法术书 / 专业 / 种族通用组件
   ============================================================ */
.fc2-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 16px; }
.fc2-tabs a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 13px;
  color: var(--text-muted);
}
.fc2-tabs a:hover { color: var(--ivory); border-color: var(--line-2); }
.fc2-tabs a.on { color: #2a2210; background: linear-gradient(180deg, #f5dd9a, #d4af5e); border-color: transparent; font-weight: 700; }
.fc2-tabs a img { width: 18px; height: 18px; border-radius: 50%; }

.fc2-spellrow { display: flex; gap: 12px; padding: 9px 12px; border-bottom: 1px solid rgba(43, 52, 68, .5); align-items: flex-start; }
.fc2-spellrow:last-child { border-bottom: none; }
.fc2-spellrow img { width: 30px; height: 30px; border-radius: 6px; box-shadow: 0 0 0 1px #000; background: #000; }
.fc2-spellrow .body { flex: 1; }
.fc2-spellrow .nm { font-size: 13.5px; color: var(--text-strong); }
.fc2-spellrow .nm span { color: var(--text-muted); font-size: 11.5px; margin-left: 6px; font-family: var(--font-sans); }
.fc2-spellrow .ds { font-size: 12px; color: var(--text-muted); margin-top: 2px; }
.fc2-spellrow .lv { flex: 0 0 66px; text-align: right; color: var(--gold); font-family: var(--font-display); font-size: 14px; font-variant-numeric: tabular-nums; }

.fc2-perkrow { display: flex; gap: 12px; align-items: center; padding: 10px 12px; border-bottom: 1px solid rgba(43, 52, 68, .5); }
.fc2-perkrow:last-child { border-bottom: none; }
.fc2-perkrow img { width: 34px; height: 34px; border-radius: 7px; box-shadow: 0 0 0 1px #000; background: #000; }
.fc2-perkrow .nm { flex: 1; font-size: 13.5px; color: var(--text-strong); }
.fc2-perkrow .nm span { display: block; color: var(--text-muted); font-size: 12px; margin-top: 1px; }
.fc2-perkrow .max { color: var(--text-muted); font-size: 12px; font-variant-numeric: tabular-nums; }

/* ============================================================
   批A页面组件：世界地图 / Beta / 补丁说明 / 指南
   ============================================================ */
/* 通用：日期小字与注脚 */
.fc2-time { font-size: 12px; color: var(--text-muted); font-variant-numeric: tabular-nums; display: inline-block; }
.fc2-note { font-size: 11.5px; color: var(--text-muted); margin: 6px 0 0; }

/* fc2-also 无链接变体（li > b + span，Beta 页要点列表） */
.fc2-also li > b { display: block; color: var(--ivory); font-weight: 400; font-size: 13px; }
.fc2-also li > span { display: block; color: var(--text-muted); font-size: 11.5px; }

/* ---------- 世界地图：等级带 ---------- */
.fc2-band { border: 1px solid var(--line); border-radius: var(--r); background: var(--bg-2); padding: 12px 14px; }
.fc2-band + .fc2-band { margin-top: 10px; }
.fc2-band-head { display: flex; align-items: baseline; gap: 10px; }
.fc2-band-head b { font-family: var(--font-display); color: var(--gold); font-size: 16px; letter-spacing: 1px; }
.fc2-band-head .sub { font-size: 12px; color: var(--text-muted); }
.fc2-band-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 10px; }
@media (max-width: 860px) { .fc2-band-cols { grid-template-columns: 1fr; } }
.fc2-band-col h4 { font-size: 12px; color: var(--text-muted); font-weight: 400; letter-spacing: 1px; margin: 0 0 6px; }
.fc2-band-col ul { list-style: none; margin: 0; padding: 0; }
.fc2-band-col li { padding: 3px 0; font-size: 12.5px; border-bottom: 1px dashed rgba(43, 52, 68, .6); }
.fc2-band-col li:last-child { border-bottom: none; }

/* 世界地图：新区域卡 */
.fc2-zone-kind { color: var(--gold); font-size: 12px; letter-spacing: .5px; margin: 0; }
.fc2-zone-tags { display: flex; gap: 6px; flex-wrap: wrap; margin: 2px 0 0; }

/* 世界地图：里程碑行 */
.fc2-mile { display: flex; gap: 14px; align-items: baseline; padding: 9px 2px; border-bottom: 1px solid rgba(43, 52, 68, .5); }
.fc2-mile:last-child { border-bottom: none; }
.fc2-mile > b { flex: 0 0 74px; font-family: var(--font-display); color: var(--gold); font-size: 15px; text-align: right; font-variant-numeric: tabular-nums; }
.fc2-mile .tx { flex: 1; }
.fc2-mile .tx b { display: block; color: var(--ivory); font-weight: 400; font-size: 13.5px; }
.fc2-mile .tx span { display: block; color: var(--text-muted); font-size: 12px; }

/* ---------- Beta：时间线行 ---------- */
.fc2-road { display: flex; gap: 16px; padding: 12px 2px; border-bottom: 1px solid rgba(43, 52, 68, .5); }
.fc2-road:last-child { border-bottom: none; }
.fc2-road .when { flex: 0 0 220px; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.fc2-road .when b { font-family: var(--font-display); color: var(--gold); font-size: 14px; font-variant-numeric: tabular-nums; }
.fc2-road .tx { flex: 1; }
.fc2-road .tx b { display: block; color: var(--ivory); font-weight: 400; font-size: 13.5px; margin-bottom: 2px; }
.fc2-road .tx span { display: block; color: var(--text-muted); font-size: 12.5px; }
@media (max-width: 720px) {
  .fc2-road { flex-wrap: wrap; }
  .fc2-road .when { flex-basis: 100%; }
}

/* Beta：礼包清单 */
.fc2-pack-list { list-style: none; margin: 4px 0 0; padding: 0; font-size: 12.5px; }
.fc2-pack-list li { padding: 3px 0 3px 14px; position: relative; color: var(--text); }
.fc2-pack-list li::before { content: "◆"; position: absolute; left: 0; top: 5px; font-size: 8px; color: var(--gold); }

/* ---------- 补丁说明 ---------- */
.fc2-pn-hero { display: grid; grid-template-columns: 1fr 300px; gap: 18px; align-items: start; margin-top: 6px; }
@media (max-width: 900px) { .fc2-pn-hero { grid-template-columns: 1fr; } }
.fc2-pn-latest { background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r); padding: 14px 16px; }
.fc2-pn-latest > b { display: block; font-family: var(--font-display); color: var(--gold); font-size: 15px; letter-spacing: 1px; }
.fc2-pn-latest ul { list-style: none; margin: 8px 0 0; padding: 0; }
.fc2-pn-latest li { padding: 4px 0; font-size: 13px; color: var(--text); border-bottom: 1px dashed rgba(43, 52, 68, .6); }
.fc2-pn-latest li:last-child { border-bottom: none; }
.fc2-pn-latest li b { color: var(--gold); font-family: var(--font-display); font-size: 16px; margin-right: 5px; font-variant-numeric: tabular-nums; }

.fc2-pn-blue { padding: 12px 16px; }
.fc2-pn-blue-head { margin: 0 0 4px; display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.fc2-pn-blue-head b { color: var(--ivory); font-weight: 400; font-size: 14px; }
.fc2-pn-blue-head .who { color: var(--text-muted); font-size: 12px; margin-left: auto; }
.fc2-pn-blue-text { margin: 0; font-size: 13px; }
.fc2-pn-blue-src { margin: 6px 0 0; font-size: 11.5px; color: var(--text-muted); }

.fc2-pn-build { margin-top: 18px; border: 1px solid var(--line); border-radius: var(--r); background: var(--bg-2); padding: 16px 18px; }
.fc2-pn-build-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.fc2-pn-build-head h2 { font-family: var(--font-display); font-size: 19px; letter-spacing: 1px; color: var(--ivory); }
.fc2-pn-lead { margin: 10px 0 0; font-size: 13.5px; color: var(--text); }
.fc2-pn-extra { margin: 10px 0 0; font-size: 12.5px; color: var(--text-muted); padding: 8px 10px; background: var(--bg-3); border-radius: 3px; }

.fc2-pn-cls { margin-top: 12px; border: 1px solid var(--line); border-radius: var(--r); background: var(--bg-3); overflow: hidden; }
.fc2-pn-cls summary { display: flex; align-items: center; gap: 10px; padding: 9px 12px; cursor: pointer; list-style: none; user-select: none; }
.fc2-pn-cls summary::-webkit-details-marker { display: none; }
.fc2-pn-cls summary::before { content: "▸"; color: var(--text-muted); font-size: 11px; transition: transform .15s var(--ease); }
.fc2-pn-cls[open] summary::before { transform: rotate(90deg); }
.fc2-pn-cls summary img { width: 26px; height: 26px; border-radius: 50%; box-shadow: 0 0 0 1px #000; }
.fc2-pn-cls summary b { color: var(--ivory); font-weight: 400; font-size: 14px; }
.fc2-pn-cls summary .fc2-tag { margin-left: 2px; }
.fc2-pn-chg { list-style: none; margin: 0; padding: 2px 12px 10px; }
.fc2-pn-chg li { display: flex; gap: 8px; align-items: baseline; padding: 7px 0; border-top: 1px solid rgba(43, 52, 68, .5); font-size: 12.5px; flex-wrap: wrap; }
.fc2-pn-chg li b { flex: 0 0 150px; color: var(--ivory); font-weight: 400; }
.fc2-pn-chg li span:last-child { flex: 1; color: var(--text-muted); min-width: 220px; }
@media (max-width: 720px) { .fc2-pn-chg li b { flex-basis: 100%; } }

.fc2-pn-items { margin-top: 12px; border: 1px solid var(--line); border-radius: var(--r); background: var(--bg-3); padding: 12px 14px; }
.fc2-pn-items h3 { font-family: var(--font-display); font-size: 16px; color: var(--ivory); letter-spacing: 1px; }
.fc2-pn-items > .sub { margin: 4px 0 0; color: var(--text-muted); font-size: 12.5px; }
.fc2-pn-items h4 { margin: 14px 0 8px; font-size: 13px; color: var(--gold); font-weight: 400; letter-spacing: .5px; }
.fc2-pn-set .sub { margin: 6px 12px 0; font-size: 12px; color: var(--text-muted); }
.fc2-pn-pieces { list-style: none; margin: 8px 12px; padding: 0; }
.fc2-pn-pieces li { display: flex; justify-content: space-between; gap: 10px; padding: 3px 0; font-size: 12.5px; border-bottom: 1px dashed rgba(43, 52, 68, .6); }
.fc2-pn-pieces li:last-child { border-bottom: none; }
.fc2-pn-pieces li b { color: var(--ivory); font-weight: 400; }
.fc2-pn-pieces li span { color: var(--text-muted); }
.fc2-pn-bonus { list-style: none; margin: 0; padding: 8px 12px; font-size: 12.5px; color: var(--game-green); }
.fc2-pn-bonus li { padding: 2px 0; }
.fc2-pn-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.fc2-pn-chip { display: inline-flex; align-items: baseline; gap: 6px; padding: 3px 9px; background: var(--bg-2); border: 1px solid var(--line); border-radius: 3px; font-size: 12px; }
.fc2-pn-chip b { color: var(--q2); font-weight: 400; }
.fc2-pn-chip span { color: var(--text-muted); font-size: 11px; }

/* ---------- 指南页 ---------- */
.fc2-gdcard time { display: block; font-size: 11px; color: var(--gold); margin-bottom: 3px; font-variant-numeric: tabular-nums; }
.fc2-gd-old { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 26px; }
@media (max-width: 860px) { .fc2-gd-old { grid-template-columns: 1fr; } }
.fc2-gd-oldrow { display: flex; gap: 12px; align-items: center; padding: 9px 2px; border-bottom: 1px solid rgba(43, 52, 68, .5); }
.fc2-gd-oldrow img { width: 34px; height: 34px; border-radius: 50%; box-shadow: 0 0 0 1px #000; background: var(--bg-3); flex: 0 0 34px; }
.fc2-gd-oldrow > span { flex: 1; min-width: 0; }
.fc2-gd-oldrow > span b { display: block; color: var(--ivory); font-weight: 400; font-size: 13.5px; }
.fc2-gd-oldrow > span span { display: block; color: var(--text-muted); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fc2-gd-oldrow time { flex: 0 0 auto; }

/* 响应式微调 */
@media (max-width: 620px) {
  .fc2-top-inner { height: auto; flex-wrap: wrap; padding: 8px 14px; }
  .fc2-nav { order: 3; width: 100%; }
  .fc2-hero h1 { letter-spacing: 0; }
  .fc2-chglist .who { flex-basis: 110px; }
  .fc2-dgrow { flex-wrap: wrap; }
}

/* ============================================================
   racials 页组件（复刻 foreverchanges.pro/zh-cn/racials）
   选择器与目标站一致：.p-shell/.cs/.v2/.rs-/.rv-/.rc-/.rx-
   来源：目标站 9 个 CSS 按级联顺序提取（306 条），勿手改
   ============================================================ */
:root {
  --nav-active-width: 2px;
  --nav-active-color: var(--accent-strong);
}
/* ===== 1ro0qnavozuzt.css ===== */
.p-shell { font:15px/1.5 var(--font-sans);background:var(--bg);min-height:100vh;color:var(--text);--p-gold:var(--accent);--p-muted:var(--text-muted);--p-line:var(--line) }
.p-shell * { box-sizing:border-box }
.p-shell a { color:var(--accent);text-decoration:none }
.p-shell a:hover { text-decoration:underline }
.p-shell button,.p-shell input,.p-shell select { font:inherit }
.p-shell button { cursor:pointer }
.p-shell button:focus-visible,.p-shell a:focus-visible,.p-shell input:focus-visible,.p-shell select:focus-visible { outline:2px solid var(--accent);outline-offset:3px }
.p-shell h3 { color:var(--ivory-2);margin:0 0 6px;font-size:13px;font-weight:400 }
.p-shell { --p-classic-title:#c9ad76;--p-forever-title:#8bc7eb }
.p-shell { --p-forever-title:#83ccc6 }
/* ===== 3omsy84j9cgca.css ===== */
.p-shell { color:var(--text);font-size:14px;line-height:1.5 }
.p-shell a:hover { color:#a8cbf5;text-decoration:none }
.p-shell button,.p-shell a,.p-shell select,.p-shell input,.p-shell summary { transition:background-color .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease), box-shadow .15s var(--ease) }
@keyframes rise{0%{opacity:0;transform:translateY(6px)}}
.p-shell .cs { overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:linear-gradient(90deg,#0000,#7a6946 6% 94%,#0000) 0 100%/100% 1px no-repeat;align-items:flex-end;gap:6px;max-width:1420px;margin:0 auto;padding:14px 32px 0;display:flex;position:relative;overflow-x:auto }
.p-shell .cs>:first-child { margin-left:auto }
.p-shell .cs>:last-child { margin-right:auto }
.p-shell .cs::-webkit-scrollbar { display:none }
.p-shell .cs[data-fade-left] { -webkit-mask-image:linear-gradient(90deg,#0000,#000 48px);mask-image:linear-gradient(90deg,#0000,#000 48px) }
.p-shell .cs[data-fade-right] { -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000) }
.p-shell .cs[data-fade-left][data-fade-right] { -webkit-mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000) }
.p-shell .cs-tile { color:var(--text-muted);font:12.5px var(--font-sans);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:5px;padding:4px 8px 10px;scroll-margin-inline:48px;text-decoration:none;display:flex;position:relative }
.p-shell .cs-tile:hover { color:var(--ivory);text-decoration:none }
.p-shell .cs-tile:focus-visible { outline:none }
.p-shell .cs-tile:focus-visible .cs-icon { outline:2px solid var(--accent);outline-offset:2px }
.p-shell .cs-name { text-align:center;display:block }
.p-shell .cs-name:before { content:attr(data-label);visibility:hidden;height:0;font-weight:700;display:block;overflow:hidden }
.p-shell .cs-icon { width:40px;height:40px;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);background:#000;border:1px solid #4a4536;border-radius:3px;display:block;overflow:hidden;box-shadow:0 0 0 1px #000 }
.p-shell .cs-icon img { object-fit:cover;filter:saturate(.7)brightness(.8);width:100%;height:100%;transition:filter .15s var(--ease);display:block }
.p-shell .cs-tile:hover .cs-icon { border-color:var(--ivory-2) }
.p-shell .cs-tile:hover .cs-icon img { filter:none }
.p-shell .cs-tile[aria-pressed=true],.p-shell .cs-tile[aria-current=page] { color:#fff;font-weight:700 }
.p-shell .cs-tile[aria-pressed=true] .cs-icon,.p-shell .cs-tile[aria-current=page] .cs-icon { border-color:var(--accent-strong);box-shadow:0 0 0 1px #000,0 0 12px #4f8fde80 }
.p-shell .cs-tile[aria-pressed=true] .cs-icon img,.p-shell .cs-tile[aria-current=page] .cs-icon img { filter:none }
.p-shell .cs-tile[aria-pressed=true]:after,.p-shell .cs-tile[aria-current=page]:after { content:"";background:var(--accent-strong);height:2px;position:absolute;bottom:-1px;left:8px;right:8px }
.p-shell .cs-badged { display:block;position:relative }
.p-shell .cs-badge { background:linear-gradient(#1eff0014, #1eff0014), var(--bg-2);color:var(--game-green);font:700 10px/14px var(--font-sans);border:1px solid #1eff0059;border-radius:3px;padding:0 4px;position:absolute;top:-5px;right:-14px }
.p-shell .cs-mosaic { grid-template-columns:1fr 1fr;gap:1px;display:grid }
.p-shell .cs-all { margin-right:10px }
.p-shell .cs-all:before { content:"";background:var(--line-2);width:1px;position:absolute;top:10px;bottom:14px;right:-5px }
.p-shell .cs-group { color:var(--ivory-2);font:700 12.5px var(--font-sans);white-space:nowrap;flex-direction:column;flex:none;align-items:center;gap:5px;margin-left:14px;padding:4px 8px 10px;display:flex }
.p-shell .cs-group:first-child { margin-left:auto }
.p-shell .cs-group-icon { place-items:center;width:40px;height:40px;display:grid }
.p-shell .cs-group-icon img { filter:drop-shadow(0 2px 4px #000000b3);width:auto;height:36px;display:block }
.p-shell .cs-compact { background:0 0;align-items:center;gap:2px;max-width:none;margin:0;padding:0;overflow:visible }
.p-shell .cs-compact>:first-child { margin-left:0 }
.p-shell .cs-compact>:last-child { margin-right:0 }
.p-shell .cs-compact .cs-tile { padding:4px 5px }
.p-shell .cs-compact .cs-name { display:none }
.p-shell .cs-compact .cs-icon { width:28px;height:28px }
.p-shell .cs-compact .cs-tile[aria-pressed=true]:after { bottom:-6px;left:5px;right:5px }
.p-shell .cs-compact .cs-all { margin-right:6px }
.p-shell .cs-compact .cs-all:before { top:6px;bottom:6px;right:-3px }
.p-shell .v2-hero-band { background:#0b0f15 }
.p-shell .v2-hero-band:not(.v2-hero-forest) .cs { background-color:#0b0f15 }
.p-shell .v2-hero-band:not(.v2-hero-forest):before { -webkit-mask-image:linear-gradient(90deg, transparent 10%, #000 55%), linear-gradient(180deg, transparent var(--cs-height,90px), #000 calc(var(--cs-height,90px) + 40px));mask-image:linear-gradient(90deg, transparent 10%, #000 55%), linear-gradient(180deg, transparent var(--cs-height,90px), #000 calc(var(--cs-height,90px) + 40px));-webkit-mask-image:linear-gradient(90deg, transparent 10%, #000 55%), linear-gradient(180deg, transparent var(--cs-height,90px), #000 calc(var(--cs-height,90px) + 40px));-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect }
.p-shell .v2-hero-band:before { opacity:.28;background-size:auto 160%;-webkit-mask-image:linear-gradient(90deg,#0000 10%,#000 55%);mask-image:linear-gradient(90deg,#0000 10%,#000 55%) }
.p-shell .v2-hero-band .v2-hero-inner { padding-top:22px;padding-bottom:22px }
.p-shell .v2-hero-band .v2-hero-icon img { width:56px;height:56px }
.p-shell .v2-hero h1 { font:700 30px/1.1 var(--font-display), Georgia, serif;letter-spacing:.01em;color:var(--ivory);text-shadow:0 1px #000,0 2px 12px #0009 }
.p-shell .v2-detail-head h2 { font:700 19px/1.15 var(--font-display), Georgia, serif;letter-spacing:.01em }
@media (max-width:899px) { .p-shell .cs { gap:0;padding:10px 14px 0 } }
@media (max-width:899px) { .p-shell .cs-tile { padding:4px 6px 8px } }
@media (max-width:899px) { .p-shell .cs-icon { width:36px;height:36px } }
@media (max-width:640px) { .p-shell .cs-name { display:none } }
@media (max-width:640px) { .p-shell .cs-tile[aria-pressed=true]:after,.p-shell .cs-tile[aria-current=page]:after { left:6px;right:6px } }
@media (max-width:640px) { .p-shell .v2-hero h1 { font-size:26px } }
.p-shell .cs .cs-tile:is([aria-current=page],[aria-pressed=true]):after { height:var(--nav-active-width);background:var(--nav-active-color);box-shadow:none;border:0;bottom:0;transform:none }
.p-shell .cs .cs-tile:is([aria-current=page],[aria-pressed=true]):after { left:6px;right:6px }
.p-shell .cs .cs-tile:focus-visible { outline:2px solid var(--accent);outline-offset:-2px }
.p-shell .cs .cs-tile:focus-visible .cs-icon { outline:none }
.p-shell .cs .cs-tile:hover { color:#fff;text-decoration:none }
/* ===== 1fgiynoiy9xwm.css ===== */
.v2 { --v2-max:1420px }
.v2 .v2-work,.v2 .v2-hero-inner,.v2 .v2-footer { max-width:var(--v2-max);margin:0 auto;padding-inline:32px }
.v2-hero { border-bottom:1px solid var(--line);background:#0b0f15;position:relative;overflow:hidden }
.v2-hero:before { content:"";background:var(--v2-hero-art,none) right center / auto 140% no-repeat;opacity:.22;filter:saturate(.6);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 20%,#000 60%);mask-image:linear-gradient(90deg,#0000 20%,#000 60%) }
.v2-hero-inner { animation:rise .3s var(--ease) both;align-items:flex-start;gap:22px;padding-top:28px;padding-bottom:26px;display:flex;position:relative }
.v2-hero-icon { box-shadow:0 0 0 2px var(--accent-soft), 0 0 18px #4f8fde59;background:#000;border:2px solid #5a5340;border-radius:3px;flex:none;line-height:0;display:block }
.v2-hero-icon img { width:64px;height:64px;display:block }
.v2-hero-text { min-width:0;max-width:760px }
.v2-hero h1 { font:700 34px/1.1 var(--font-sans);color:#fff;letter-spacing:-.3px;margin:0 0 8px }
.v2-hero p { color:var(--ivory-2);margin:0;font-size:14px;line-height:1.6 }
.v2-work { grid-template-columns:220px minmax(0,1.5fr) minmax(360px,1fr);align-items:start;gap:20px;padding-top:22px;padding-bottom:30px;display:grid }
.v2-list { border:1px solid var(--line-2);background:var(--bg-2);min-width:0;animation:rise .25s var(--ease) both;border-radius:3px }
.v2-list-head { border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:baseline;gap:12px;padding:14px 18px;display:flex }
.v2-list-head h2 { font:700 18px var(--font-sans);color:var(--ivory);margin:0 }
.v2-list-head span { color:var(--text-muted);font-size:13px }
.v2-rows { flex-direction:column;display:flex }
.v2-row { border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;color:var(--text);cursor:pointer;transition:background-color .12s var(--ease);background:0 0;border-left:3px solid #0000;grid-template-columns:40px minmax(0,1fr) auto 14px;align-items:center;gap:14px;padding:11px 14px 11px 16px;display:grid }
.v2-row:hover { background:var(--bg-3) }
.v2-row.v2-active { background:var(--accent-soft);border-left-color:var(--accent-strong) }
.v2-row-text { flex-direction:column;gap:3px;min-width:0;display:flex }
.v2-row-text strong { color:#ffd100;font-size:14px;font-weight:700;line-height:1.2 }
.v2-row:hover .v2-row-text strong { color:#ffe566 }
.v2-row-text>span { color:var(--ivory-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.4;display:-webkit-box;overflow:hidden }
.v2-row-meta { white-space:nowrap;flex-direction:column;align-items:flex-end;gap:4px;display:flex }
.v2-row-meta small { color:var(--text-muted);font-size:12px }
.v2-tag { background:var(--bg-3);color:var(--text-muted);border:1px solid var(--line-2);border-radius:3px;padding:2px 7px;font-size:11.5px;font-weight:700 }
.v2-kind-added .v2-tag,.v2-tag.v2-kind-added { color:var(--game-green);background:#1eff0014;border-color:#1eff0059 }
.v2-kind-modified .v2-tag,.v2-tag.v2-kind-modified { color:var(--accent);background:var(--accent-soft);border-color:#4f8fde73 }
.v2-kind-moved .v2-tag,.v2-tag.v2-kind-moved { color:var(--gold);border-color:#c8a24a66 }
.v2-chevron { color:var(--text-muted);opacity:0;transition:opacity .12s var(--ease), transform .12s var(--ease);font-size:20px;line-height:1 }
.v2-row:hover .v2-chevron,.v2-row.v2-active .v2-chevron { opacity:1;color:var(--accent) }
.v2-row.v2-active .v2-chevron { transform:translate(2px) }
.v2-icon { background:#000;border:1px solid #3c3c3c;border-radius:3px;flex:none;box-shadow:0 0 0 1px #000 }
.v2-icon-unknown { color:var(--text-muted);justify-content:center;align-items:center;font-size:18px;display:inline-flex }
.v2-detail { border:1px solid var(--line-2);background:var(--bg-2);min-width:0;animation:rise .25s var(--ease) both;border-radius:3px;outline:none;position:sticky;top:16px }
.v2-detail-empty { color:var(--text-muted);padding:36px 24px;font-size:14px }
.v2-detail-head { align-items:center;gap:2em;padding:20px 20px 12px;display:flex }
.v2-detail-head .v2-icon { border-color:#5a5340 }
.v2-detail-head h2 { font:700 22px/1.15 var(--font-sans);color:#ffd100;margin:0 0 4px }
.v2-detail-head p { color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px;margin:0;font-size:13.5px;display:flex }
.v2-compare { grid-template-columns:1fr 1fr;gap:12px;padding:16px 20px 4px;display:grid }
.v2-card { border:1px solid var(--line-2);background:#06080c;border-radius:3px;overflow:hidden }
.v2-card h3 { font:700 13.5px var(--font-sans);color:var(--ivory-2);background:var(--bg-3);border-bottom:1px solid var(--line-2);letter-spacing:.2px;margin:0;padding:9px 14px }
.v2-card p { color:#e6e1d2;margin:0;padding:14px;font-size:13.5px;line-height:1.6 }
.v2-card em { color:var(--text-muted);font-style:normal }
.v2-forever { border-color:var(--accent-strong);box-shadow:0 0 0 1px var(--accent-soft), 0 0 18px #4f8fde2e }
.v2-forever h3 { color:#fff;border-bottom-color:var(--accent-strong);background:linear-gradient(#4f8fde59,#4f8fde26) }
.v2-forever p { color:var(--game-yellow) }
.v2-card mark { color:inherit;background:0 0 }
.v2-classic mark { color:#ff4a3d }
.v2-forever mark { color:#1eff00 }
@media (max-width:1280px) { .v2-work { grid-template-columns:200px minmax(0,1.3fr) minmax(330px,1fr);gap:2em } }
@media (max-width:1280px) { .v2-row-meta small { display:none } }
@media (max-width:1099px) { .v2-work { grid-template-columns:minmax(0,1fr) } }
@media (max-width:1099px) { .v2-list,.v2-detail { min-width:0;max-width:100% } }
@media (max-width:1099px) { .v2-detail { scroll-margin-top:12px;position:static } }
@media (max-width:1099px) { .v2-row { scroll-margin-top:56px } }
@media (max-width:1099px) { .v2-rows>.v2-detail { border-color:var(--accent-strong);animation:v2-unfold .22s var(--ease) both;border-top:0;border-radius:0 0 3px 3px;margin:0 0 14px } }
@media (max-width:1099px) { .v2-rows>.v2-detail .v2-detail-head { display:none } }
@media (max-width:1099px) { .v2-hero:before { opacity:.12 } }
@keyframes v2-unfold{0%{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}
@media (max-width:640px) { .v2 .v2-work,.v2 .v2-hero-inner,.v2 .v2-footer { padding-inline:14px } }
@media (max-width:640px) { .v2-hero h1 { font-size:26px } }
@media (max-width:640px) { .v2-row { grid-template-columns:36px minmax(0,1fr) auto;gap:10px } }
@media (max-width:640px) { .v2-chevron { display:none } }
@media (max-width:640px) { .v2-compare { grid-template-columns:1fr } }
@media (prefers-reduced-motion:reduce) { .v2 *,.v2 :before { transition:none!important;animation:none!important } }
.v2-card h3 { justify-content:space-between;align-items:center;gap:8px;display:flex }
/* ===== 0rxwaw-mpcdy2.css ===== */
.pr-main { min-width:0 }
.pr-hero-inner { flex-direction:column;gap:0 }
.pr-hero-row { align-items:flex-start;gap:22px;display:flex }
/* ===== 06z59a9oypwvh.css ===== */
.rc-hero:before { opacity:.26;background-position:50% 45%;background-size:cover;width:min(760px,55%);left:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 60%);mask-image:linear-gradient(90deg,#0000,#000 60%) }
.rc-hero h1 { align-items:center;gap:14px;display:flex }
.rc-emblem { filter:drop-shadow(0 2px 6px #0009);flex:none;width:auto }
.rc-classes { flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex }
.rc-class { color:var(--ivory);align-items:center;gap:6px;text-decoration:none;display:inline-flex }
.rc-class .v2-icon { width:20px;height:20px }
.rc-class:hover { color:#fff;text-decoration:underline }
.rc-matrix-wrap { max-width:100%;overflow-x:auto }
.rc-matrix { border-collapse:separate;border-spacing:0;color:var(--ivory-2);font-size:12.5px }
.rc-matrix caption { caption-side:bottom;color:var(--text-muted);text-align:left;padding-top:8px;font-size:12px }
.rc-matrix th,.rc-matrix td { text-align:center;border-bottom:1px solid var(--line);padding:5px 7px }
.rc-matrix thead th { padding-bottom:6px;font-weight:400 }
.rc-matrix thead th .v2-icon { border:1px solid #5a5340;border-radius:3px;margin:0 auto;display:block }
.rc-matrix thead th span { clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden }
.rc-matrix tbody th { text-align:left;color:var(--ivory);white-space:nowrap;padding-right:14px;font-weight:700 }
.rc-matrix tbody th small { color:var(--text-muted);font-size:10.5px;font-weight:400;display:block }
.rc-matrix tbody th a { color:inherit }
.rc-matrix td.rc-yes { color:var(--ivory) }
.rc-matrix td.rc-no { color:var(--line-2) }
.rc-matrix td.rc-new { color:var(--gold);font:700 10px/16px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;background:#c8a24a29 }
.rc-matrix td.rc-new abbr { text-decoration:none }
.rv .v2-list { min-width:0 }
.rv .rc-classes { gap:8px 14px;margin-top:14px }
.rv .rc-class { font-size:13px }
.rv-new { font:10px var(--font-sans);color:#e3c37e;border:1px solid #826c3f;border-radius:3px;padding:1px 4px }
.rv-hero-caption { color:var(--text-muted);margin:7px 0;font-size:14px }
.rv .v2-menu a { min-height:42px }
.rv .v2-list-head { padding-bottom:14px }
.rv-kind { white-space:nowrap;color:#abb3bf;border:1px solid #555b64;border-radius:3px;padding:2px 5px;font-size:10px }
.rv-removed-tag { color:#d3a3a0;border-color:#75504e }
.rv-elsewhere { margin-top:8px;display:block }
.rv-sources { color:#a3acb9;padding:14px 16px;font-size:12px;line-height:1.6 }
.rv-sources summary { cursor:pointer;color:#bdc9d8;min-height:28px }
.rv-sources a { color:#b7cbe0;text-underline-offset:3px }
.rv-sources p { max-width:85ch }
.rv-sources li { margin:7px 0 }
.rv-sources ul { padding-left:18px }
.v2-detail .rv-sources { margin:12px 20px 0;padding:0 0 10px }
.v2-detail .rv-sources summary { color:var(--text-muted);font-size:14px }
.v2-detail .rv-sources summary:hover { color:var(--ivory) }
.rv-removed { padding:20px 16px 10px }
.rv-removed h3 { margin:0 0 12px;font-size:14px }
.rv-removed ul { flex-wrap:wrap;gap:12px 24px;margin:0;padding:0;font-size:13px;list-style:none;display:flex }
.rv-removed li { align-items:center;gap:8px;display:flex }
.rv-bottom { max-width:var(--v2-max);border-top:1px solid var(--line);margin:0 auto;padding:26px 32px }
.rv-matrix-section h2 { margin:0 0 8px;font-size:19px }
.rv-matrix-section>p { color:var(--text-muted);margin-bottom:18px;font-size:12px }
.rv .rc-matrix { width:100%;min-width:660px }
.rv .rc-matrix th,.rv .rc-matrix td { padding:9px }
.rv .rc-matrix .rv-faction-row th { color:#cfbb92;padding:16px 9px 8px }
.rv .rc-matrix-wrap { border:1px solid var(--line);border-radius:3px }
.rv-context { padding:20px 0 0 }
.rv button:focus-visible,.rv a:focus-visible,.rv summary:focus-visible,.rv .rc-matrix-wrap:focus-visible { outline-offset:3px;outline:2px solid #b8d8ea }
.rv .rc-hero h1 { flex-wrap:wrap }
@media (max-width:1099px) { .rv .v2-side { display:none } }
@media (max-width:900px) { .rv-bottom { padding:24px 18px } }
@media (max-width:900px) { .rv .pr-hero-row { gap:12px } }
@media (max-width:900px) { .rv .rc-hero h1 { font-size:25px } }
@media (max-width:480px) { .rv .rc-class .rv-new { margin-left:0 } }
@media (max-width:480px) { .rv-bottom { padding:22px 12px } }
@media (max-width:480px) { .rv .rc-hero h1 { font-size:23px } }
@media (max-width:480px) { .rv .v2-hero-icon { display:none } }
@media (max-width:480px) { .rv .v2-hero-text { min-width:0 } }
@media (max-width:480px) { .rv .rc-classes { gap:10px 12px } }
@media (max-width:480px) { .rv-sources { overflow-wrap:anywhere } }
.rv-landscape { object-fit:cover }
.rv .rv-sources summary { min-height:36px }
.p-shell.rv .v2-detail-head h2 { font-family:var(--font-sans) }
.rv .v2-card .rv-head { color:#f4f4ed;margin:0;padding-bottom:0;font-size:13.5px }
.rv .v2-card .rv-head+p { margin-top:0;padding-top:6px }
.rv .v2-card p { white-space:pre-line }
.rv .v2-classic p { color:var(--game-yellow) }
.rv .v2-classic .rv-elsewhere { color:#e6e1d2 }
.rv-class-spells { border-top:1px solid var(--line);padding:20px 16px 10px }
.rv-class-spells h3 { align-items:center;gap:8px;margin:0 0 12px;font-size:14px;display:flex }
.rv-spells { gap:6px;display:grid }
.rv .rv-spell { color:var(--ivory);align-items:center;gap:10px;padding:4px 0;font-size:14px;text-decoration:none;display:flex }
.rv .rv-spell:hover span:first-of-type { text-underline-offset:3px;text-decoration:underline }
.rv-spell small { color:var(--text-muted);font-size:12px }
.rv-spell .v2-tag { margin-left:auto }
.rv-class-spells p { color:var(--text-muted);margin:12px 0 0;font-size:13px }
.rv-class-spells p a,.rv-spells-book { color:#b7cbe0;text-underline-offset:3px }
.rv-spells-book { margin-top:10px;font-size:13px;display:inline-block }
.rs-stage { border-bottom:1px solid var(--line);background:#0b0f15;position:relative;overflow:hidden }
.rs-stage:before { content:"";background:var(--rs-art) center 35% / cover no-repeat;opacity:.36;filter:saturate(.75);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(44% 100% at 50% 38%,#000 30%,#0000 100%);mask-image:radial-gradient(44% 100% at 50% 38%,#000 30%,#0000 100%) }
.rs-grid { max-width:var(--v2-max);grid-template-columns:220px minmax(0,1fr) 220px;align-items:start;gap:24px;margin:0 auto;padding:26px 32px 24px;display:grid;position:relative }
.rs-side { flex-direction:column;gap:2px;display:flex }
.rs-side-head { font:700 15px var(--font-display);color:#cfbb92;align-items:center;gap:10px;padding:0 6px 12px;display:flex }
.rs-horde .rs-side-head { flex-direction:row-reverse }
.rs-race { color:var(--ivory-2);font:15px var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:5px 6px;display:flex }
.rs-horde .rs-race { text-align:right;flex-direction:row-reverse }
.rs-race .v2-icon,.rs-class .v2-icon { width:44px;height:44px;transition:border-color .15s var(--ease), box-shadow .15s var(--ease), filter .15s var(--ease);border:1px solid #4a4536;border-radius:3px;flex:none;box-shadow:0 0 0 1px #000 }
.rs-race:hover,.rs-class:hover { color:#fff }
.rs-race:hover .v2-icon,.rs-class:hover .v2-icon { border-color:var(--ivory-2) }
.rs-race[aria-pressed=true],.rs-class[aria-pressed=true] { color:#fff }
.rs-race[aria-pressed=true] .v2-icon,.rs-class[aria-pressed=true] .v2-icon { border-color:var(--accent-strong);filter:none;box-shadow:0 0 0 1px #000,0 0 14px #4f8fde99 }
.rs-label { display:inline-grid }
.rs-label:after { content:attr(data-label);visibility:hidden;grid-area:1/1;height:0;font-weight:700;overflow:hidden }
.rs-race[aria-pressed=true] .rs-label,.rs-class[aria-pressed=true] .rs-label { font-weight:700 }
.rs-off { color:#6c737d }
.rs-off .v2-icon { filter:grayscale()brightness(.42) }
.rs-off:hover .v2-icon { filter:grayscale(.5)brightness(.75) }
.rs-new,.rs-badge { background:linear-gradient(#1eff0014, #1eff0014), var(--bg-2);color:var(--game-green);font:700 10px/14px var(--font-sans);white-space:nowrap;border:1px solid #1eff0059;border-radius:3px;padding:0 4px }
.rs-center { text-align:center;padding-top:2px }
.p-shell .rs-title { font:600 16px var(--font-display);color:var(--ivory-2);letter-spacing:0;margin:0 0 8px }
.rs-name { font:700 50px/1.05 var(--font-display);color:#fff;text-shadow:0 2px 14px #000;margin:0 0 26px }
.rs-classes { flex-wrap:wrap;justify-content:center;gap:6px 2px;display:flex }
.rs-class { min-width:66px;color:var(--ivory-2);font:12.5px var(--font-sans);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:4px 4px 10px;display:flex;position:relative }
.rs-class[aria-pressed=true]:after { content:"";background:var(--accent-strong);height:2px;position:absolute;bottom:0;left:12px;right:12px }
.rs-icon { display:block;position:relative }
.rs-badge { position:absolute;top:-6px;right:-16px }
.rs-result { min-height:26px;color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px;margin:16px 0 0;font-size:14px;display:flex }
.rs-result strong { color:var(--ivory) }
.rs-result a { color:#b7cbe0;text-underline-offset:3px }
.rs-clear { color:var(--text-muted);font:13px var(--font-sans);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #555b64;text-decoration:underline #555b64 }
.rs-clear:hover { color:var(--ivory);text-decoration-color:currentColor }
.rv .rs-stage button:focus-visible { outline-offset:3px;outline:2px solid #b8d8ea }
@media (min-width:1100px) { .rv .rs-work { grid-template-columns:minmax(0,1.3fr) minmax(380px,1fr) } }
@media (min-width:900px) { .rv .rs-phone { display:none } }
@media (max-width:899px) { .rv .rs-stage { display:none } }
.rv .rx { max-width:var(--v2-max);margin:0 auto;padding:0 32px 28px }
.rx-fold { border-top:1px solid var(--line) }
.rx-fold>summary { cursor:pointer;align-items:baseline;gap:14px;padding:16px 0;list-style:none;display:flex }
.rx-fold>summary::-webkit-details-marker { display:none }
.rx-fold>summary:focus-visible { outline-offset:2px;outline:2px solid #e2c275 }
.p-shell .rx h2 { font:700 15px/1.3 var(--font-sans);letter-spacing:0;color:var(--ivory-2);margin:0 }
.rx-toggle { color:#e2c275;flex:none;margin-left:auto;font-size:13px }
.rx-toggle:before { content:attr(data-show) }
.rx-fold[open] .rx-toggle:before { content:attr(data-hide) }
.rx-fold>summary:hover h2,.rx-fold>summary:hover .rx-toggle { color:#fff }
.rx-lede { max-width:72ch;color:var(--text-muted);margin:0 0 18px;font-size:13px;line-height:1.6 }
.rx-races { grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 28px;margin:0 0 8px;display:grid }
.rx-head { border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:2px 8px;padding:0 0 8px;display:flex }
.rx-head img { border:1px solid #000;flex:none;width:20px;height:20px }
.p-shell .rx-head h3 { font:700 14px/1.2 var(--font-sans);color:var(--ivory-2);border:0;flex:0 auto;margin:0;padding:0 }
.rx-head small { color:var(--text-muted);font-size:11.5px }
.rx-race ul { margin:0;padding:6px 0 0;list-style:none }
.rx-race li { border:0;padding:0;font-size:13px;line-height:1.45 }
.rx-race summary { cursor:pointer;grid-template-columns:22px minmax(0,1fr) 10px;align-items:center;gap:9px;padding:4px 0;list-style:none;display:grid }
.rx-race summary::-webkit-details-marker { display:none }
.rx-race summary:after { content:"";border:solid var(--text-muted);width:5px;height:5px;transition:transform .15s var(--ease);border-width:0 1.5px 1.5px 0;transform:rotate(-45deg) }
.rx-race details[open]>summary:after { transform:rotate(45deg)translate(-1px,-1px) }
.rx-race summary:hover strong { color:#fff }
.rx-race summary:hover:after { border-color:#e2c275 }
.rx-race summary:focus-visible { outline-offset:1px;outline:2px solid #e2c275 }
.rx-race summary img,.rx-no-icon { opacity:.85;border:1px solid #000;width:22px;height:22px }
.rx-no-icon { background:#303039;display:block }
.rx-line { flex-wrap:wrap;align-items:baseline;gap:0 8px;min-width:0;display:flex }
.rx-line strong { color:var(--ivory-2);font-size:13px;font-weight:500;line-height:1.35 }
.rx-line em { color:var(--text-muted);font-size:11.5px;font-style:normal }
.rx-added .rx-line em { color:#7fae72 }
.rx-modified .rx-line em { color:#c29a6a }
.rx-moved .rx-line em { color:#7fa9bd }
.rx-text,.rx-classic { white-space:pre-line;padding:0 0 6px 31px;line-height:1.5;display:block }
.rx-text { color:#d9c88a }
.rx-classic { color:var(--text-muted);padding-bottom:8px }
.rx-note { color:var(--text-muted);margin:14px 0 0;font-size:12.5px }
.rx-note a { color:#b7cbe0;text-underline-offset:3px }
@media (max-width:1280px) { .rx-races { grid-template-columns:repeat(3,minmax(0,1fr)) } }
@media (max-width:900px) { .rv .rx { padding:0 16px 24px } }
@media (max-width:900px) { .rx-races { grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px } }
@media (max-width:600px) { .rx-races { grid-template-columns:minmax(0,1fr) } }
@media (max-width:600px) { .rx-race summary { min-height:40px } }

/* ============================================================
   legacy-perks 页（s6b-3）：目标站 8 个 chunk 按 <link> 级联序合并
   0pogtxiqhsk0r(tsheet) / 1d1xug6q1txqs(wipe) / 3x38o4rjk7pzo(tc-*) /
   2hlpy6qowcsw9(ts-share) / 2e2ll62z374tr(lg-node 基础·tip·sheet) /
   2rpmvh9km9l8i(dgx-tabs) / 33vc1qkfrd31_(lv 主体) / 01fgvldjvri7o(xi)
   ============================================================ */
/* ===== 0pogtxiqhsk0r.css ===== */
@keyframes tsheet-in{0%{opacity:0;transform:translateY(20px)}}
.tsheet { z-index:75;box-sizing:border-box;width:100%;max-width:560px;max-height:min(52dvh,420px);padding-bottom:env(safe-area-inset-bottom,0px);color:#f4f4ed;font:14px/1.4 var(--font-sans);text-align:left;background:#0a1f31;border:1px solid #c6cbbd;border-bottom:0;border-radius:10px 10px 0 0;flex-direction:column;margin:0 auto;animation:.16s ease-out both tsheet-in;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #000b }
@media (prefers-reduced-motion:reduce) { .tsheet { animation:none } }
.tsheet-head { flex:none;align-items:center;gap:12px;padding:8px 4px 4px 14px;display:flex }
.tsheet-icon { background:#060806;border:1px solid #c6cbbd;border-radius:4px;flex:none;width:38px;height:38px;overflow:hidden }
.tsheet-icon img,.tsheet-icon>span { object-fit:cover;width:100%;height:100%;display:block }
.tsheet-titles { flex-direction:column;flex:1;gap:1px;min-width:0;display:flex }
.tsheet-titles strong { color:#fff;font-size:16px;line-height:1.25 }
.tsheet-titles span { color:#c2cabb;font-size:13px }
.tsheet-close { color:#d7dbd2;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid }
.tsheet-body { overscroll-behavior:contain;flex:auto;min-height:0;padding:0 14px 8px;overflow-y:auto }
.tsheet-actions { border-top:1px solid #ffffff24;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:8px 14px 10px;display:grid }
.tsheet-step { color:#fff;height:46px;font:500 28px/1 var(--font-sans);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#1d2d3b;border:1px solid #7b8590;border-radius:6px;padding:0 }
.tsheet-step:active:not(:disabled) { background:#2a3f51 }
.tsheet-step:disabled { opacity:.35;cursor:default }
.tsheet-count { text-align:center;color:#c2cabb;font-variant-numeric:tabular-nums;min-width:72px;font-size:15px }
.tsheet-count b { color:#fff;font-size:22px }
.tsheet-count-on b { color:#26e124 }
.tsheet-count-max b { color:#ffdf52 }
.tsheet button:focus-visible { outline-offset:2px;outline:2px solid #badbff }
.tsheet-issue { color:#ff6b61;margin:2px 0 4px;font-size:13.5px }
.tsheet-note { color:#a9b0a5;margin:6px 0 0;font-size:13px }
body:has(.tsheet) { padding-bottom:var(--tsheet-h,0px) }
body:has(.tsheet) .tc-toast { bottom:calc(var(--tsheet-h,0px) + 12px) }

/* ===== 1d1xug6q1txqs.css ===== */
@keyframes lg-wipe-in{0%{opacity:0;transform:scale(1.15)}to{opacity:1;transform:none}}
@keyframes lg-wipe-shake{0%,to{transform:none}20%{transform:translate(-5px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}
.lg-wipe { z-index:2;pointer-events:none;text-align:center;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 12px;display:flex;position:absolute;inset:0 }
.lg-card-wiped .lg-wipe { background:radial-gradient(#180600e0,#18060099) }
.lg-wipe>span { text-shadow:0 2px 2px #000,0 0 10px #000;animation:.2s ease-out both lg-wipe-in;display:block }
.lg-wipe-emote { font:700 15px/1.3 var(--font-sans);color:#ff8040 }
.lg-wipe-warning { font:800 26px/1.15 var(--font-sans);letter-spacing:.02em;color:#ff4800 }
.lg-card.lg-card-wiped,.lg-card.lg-card-wiped:hover { border-color:#ff4800;animation:.45s 2 lg-wipe-shake;box-shadow:inset 0 0 28px #ff480099,0 0 14px #ff480073 }
@media (max-width:899px) { .lg-wipe-warning { font-size:21px } }
@media (prefers-reduced-motion:reduce) { .lg-wipe>span,.lg-card.lg-card-wiped { animation:none } }
.lg-lpbar.lg-lpbar-dkp span { background:linear-gradient(#d8402c,#8a1c10) }
.lg-lpbar.lg-lpbar-dkp b { color:#ffd0c0 }

/* ===== 3x38o4rjk7pzo.css ===== */
@keyframes toast{0%{opacity:0;transform:translate(-50%,8px)}}
.tc-btn { border:1px solid var(--line-2);background:var(--bg-3);height:34px;color:var(--ivory);font:600 13.5px var(--font-sans);cursor:pointer;transition:background-color .12s var(--ease), border-color .12s var(--ease), transform 80ms var(--ease), color .12s var(--ease);border-radius:3px;padding:0 12px }
.tc-btn:hover:not(:disabled) { border-color:var(--accent);color:#fff;background:#232c3a }
.tc-btn:active:not(:disabled) { transform:translateY(1px) }
.tc-btn:disabled { opacity:.45;cursor:default }
.tc-btn-primary { background:var(--accent-strong);color:#fff;border-color:var(--accent-strong) }
.tc-btn-primary:hover:not(:disabled) { color:#fff;background:#5e9be6;border-color:#5e9be6 }
.tc-toast { z-index:80;border:1px solid var(--accent-strong);background:var(--bg-2);color:var(--ivory);font:700 13.5px var(--font-sans);animation:toast .2s var(--ease);border-radius:3px;padding:10px 16px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0009 }
.tc-input { border:1px solid var(--line-2);background:var(--bg);min-width:220px;height:34px;color:var(--ivory);font:13.5px var(--font-sans);border-radius:3px;flex:1;padding:0 10px }
.tc-input:focus { border-color:var(--accent-strong);box-shadow:0 0 0 3px var(--accent-soft);outline:none }

/* ===== 2hlpy6qowcsw9.css ===== */
.ts-share { border:1px solid var(--line-2);background:var(--bg-2);border-radius:3px;flex-direction:column;gap:10px;margin:6px 0 18px;padding:12px 16px;display:flex }
.ts-row { flex-wrap:wrap;align-items:center;gap:10px;display:flex }
.ts-row small { color:var(--text-muted);font-size:12px }
.ts-label { min-width:72px;color:var(--ivory-2);font-size:13px;font-weight:700 }
.ts-name { max-width:360px }
.ts-saved { flex-wrap:wrap;gap:8px;margin:0;padding:0 0 0 82px;list-style:none;display:flex }
.ts-saved li { border:1px solid var(--line-2);background:var(--bg);border-radius:3px;align-items:stretch;display:inline-flex;overflow:hidden }
.ts-saved li>button:first-child { color:var(--ivory);text-align:left;cursor:pointer;font:13px var(--font-sans);background:0 0;border:0;flex-direction:column;gap:1px;padding:6px 10px;display:flex }
.ts-saved li>button:first-child:hover { background:var(--bg-3) }
.ts-saved b { color:var(--ivory) }
.ts-saved span { color:var(--text-muted);font-size:11.5px }
.ts-del { border:0;border-left:1px solid var(--line);color:var(--text-muted);cursor:pointer;background:0 0;padding:0 9px;font-size:15px }
.ts-del:hover { color:var(--game-red);background:var(--bg-3) }
@media (max-width:899px) { .ts-saved { padding-left:0 } }
@media (max-width:899px) { .ts-label { width:100% } }

/* ===== 2e2ll62z374tr.css ===== */
.lg-grid { grid-template-rows:repeat(4,56px);grid-template-columns:repeat(4,56px);place-content:center start;gap:22px 40px;display:grid;position:relative }
.lg-link { z-index:0;background:#1a1613;align-self:center;height:5px;margin:0 24px;box-shadow:0 1px #3a332f }
.lg-link-on { background:#6f8a3a;box-shadow:0 0 6px #7fb43a66 }
.lg-node { z-index:1;cursor:pointer;width:56px;height:56px;transition:transform .12s var(--ease);background:0 0;border:0;padding:0;position:relative }
.lg-node:before { content:"";clip-path:polygon(14% 0,86% 0,100% 14%,100% 86%,86% 100%,14% 100%,0 86%,0 14%);background:linear-gradient(160deg,#6a6664,#35312f);position:absolute;inset:0 }
.lg-node:after { content:"";clip-path:polygon(14% 0,86% 0,100% 14%,100% 86%,86% 100%,14% 100%,0 86%,0 14%);background:#1c1917;position:absolute;inset:3px }
.lg-node .lg-icon,.lg-node .lg-node-glyph { clip-path:polygon(13% 0,87% 0,100% 13%,100% 87%,87% 100%,13% 100%,0 87%,0 13%);z-index:1;object-fit:cover;width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;inset:5px }
.lg-node-glyph { color:#6e6a66;font:700 26px var(--font-sans);background:#2a2725;place-items:center;display:grid }
.lg-node-rank { z-index:2;color:#1eff00;min-width:20px;height:20px;font:700 12px/16px var(--font-sans);background:#0e100e;border:2px solid #2ecc2e;border-radius:10px;padding:0 5px;display:none;position:absolute;bottom:-6px;right:-6px;box-shadow:0 0 0 1px #000 }
.lg-open:before,.lg-invested:before,.lg-maxed:before { background:#2ecc2e;box-shadow:0 0 10px #2ecc2e55 }
.lg-open .lg-node-rank,.lg-invested .lg-node-rank,.lg-maxed .lg-node-rank { display:block }
.lg-maxed:before { background:#ffd100;box-shadow:0 0 10px #ffd10055 }
.lg-maxed .lg-node-rank { color:#ffd100;border-color:#ffd100 }
.lg-locked .lg-icon { filter:grayscale()brightness(.55)contrast(.9) }
.lg-locked:hover .lg-icon { filter:grayscale(.6)brightness(.8) }
.lg-lpbar { background:#0e0d10;border:1px solid #000;width:min(560px,70%);height:20px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #3d3430 }
.lg-lpbar span { width:0;transition:width .3s var(--ease);background:linear-gradient(#2c4ed8,#1a2f9a);position:absolute;inset:0 }
.lg-lpbar b { text-align:center;color:#fff;font:700 12px/20px var(--font-sans);text-shadow:0 1px 1px #000;display:block;position:relative }
.lg-unknown { cursor:default }
.lg-node:hover { z-index:3;transform:scale(1.02) }
.lg-node:active { transform:scale(.99) }
.lg-node:focus-visible { outline-offset:3px;outline:2px solid #fff0b5 }
.lg-field .tc-input { color:#fff;background:#14110f;border-color:#4a4340;flex:none;width:120px;min-width:0;height:30px;font-weight:700 }
.lg-card-icon .lg-icon { width:42px;height:42px }
.lg-reward-icon .lg-icon { filter:grayscale()brightness(.75);border-radius:50%;width:46px;height:46px }
.lg-reward-on .lg-reward-icon .lg-icon { filter:none }
.lg-tip { z-index:70;pointer-events:none;color:#fff;width:320px;font:13.5px/1.4 var(--font-sans);animation:tip .12s var(--ease);background:#0d0e2ef2;border:1px solid #c9a44a;border-radius:3px;padding:8px 10px 9px;position:fixed;box-shadow:0 4px 14px #000a }
.lg-tip-hidden { visibility:hidden }
.lg-tip strong { font-size:15px;display:block }
.lg-tip-rank,.lg-tip-passive { color:#fff;display:block }
.lg-tip-passive { margin-top:10px }
.lg-tip-cast { justify-content:space-between;margin-top:10px;display:flex }
.lg-tip p { color:#ffd100;margin:2px 0 0 }
.lg-tip-plain { margin:0!important }
.lg-tip-next { color:#fff;margin-top:6px;display:block }
.lg-tip-learn { color:#1eff00;margin-top:8px;display:block }
.lg-tip-issue { color:#ff3b30;margin-top:8px;display:block }
.lg-tip-note { color:#9d9d9d;margin-top:6px;font-size:12.5px;display:block }
.lg-tip-claim { color:#ffd100 }
@media (max-width:899px) { .lg-grid { grid-template-rows:repeat(4,42px);grid-template-columns:repeat(4,42px);justify-content:center;gap:14px 18px } }
@media (max-width:899px) { .lg-node { width:42px;height:42px } }
@media (max-width:899px) { .lg-node-rank { min-width:18px;height:18px;font-size:11px;line-height:14px } }
@media (max-width:899px) { .lg-link { height:4px;margin:0 16px } }
@media (max-width:899px) { .lg-tip { display:none } }
.lg-tree-card li .lg-icon { border:1px solid #3c3c3c;border-radius:3px;flex-shrink:0;box-shadow:0 0 0 1px #000 }
.lg-tree-card-unknown .lg-node-glyph { border-radius:3px;flex-shrink:0;width:28px;height:28px;font-size:16px;position:static }
.lg-unknowns { color:var(--ivory-2);margin:0;padding:0 0 0 18px;font-size:13.5px;line-height:1.5 }
.lg-unknowns li { margin:4px 0 }
.lg-unknowns b { color:var(--ivory) }
.lg-rail-name,.lg-rail-spent,.lg-tab-short,.lg-touch { display:none }
.lg-node { -webkit-touch-callout:none;touch-action:manipulation }
.lg-node.lg-sheet-open { z-index:3;transform:scale(1.08) }
.lg-node.lg-sheet-open:before { background:#fff1a6;box-shadow:0 0 14px #ffd100 }
.lg-sheet { background:#0d0e2e;border-color:#c9a44a }
.lg-sheet .tsheet-icon { border-color:#c9a44a }
.lg-sheet .tsheet-icon .lg-node-glyph { font-size:22px }
.lg-sheet-text { color:#ffd100;margin:2px 0 0;font-size:15px;line-height:1.45 }
.lg-sheet-next { color:#fff;margin:8px 0 0;font-size:14px }
.lg-sheet-plain { color:#fff;margin:2px 0 0;font-size:15px;line-height:1.45 }
.lg-sheet .tsheet-count-on b { color:#1eff00 }
.lg-sheet .tsheet-count-max b { color:#ffd100 }
@media (hover:none),(max-width:899px) { .lg-pointer { display:none } }
@media (hover:none),(max-width:899px) { .lg-touch { display:inline } }
@media (max-width:899px) { .lg-grid { grid-template-rows:repeat(4,54px);grid-template-columns:repeat(4,54px);gap:2em 20px } }
@media (max-width:899px) { .lg-node { width:54px;height:54px } }
@media (max-width:899px) { .lg-link { margin:0 22px } }
@media (max-width:480px) { .lg-card-icon .lg-icon { width:34px;height:34px } }
@media (max-width:360px) { .lg-grid { grid-template-rows:repeat(4,48px);grid-template-columns:repeat(4,48px);gap:14px } }
@media (max-width:360px) { .lg-node { width:48px;height:48px } }
@media (max-width:360px) { .lg-link { margin:0 20px } }

/* ===== 2rpmvh9km9l8i.css ===== */
.dgx-tabs { z-index:30;border-bottom:1px solid var(--line-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090c12f0;position:sticky;top:0 }
.dgx-tabs>div { scrollbar-width:none;gap:4px;max-width:1420px;margin:0 auto;padding:0 32px;display:flex;overflow-x:auto }
.dgx-tabs>div::-webkit-scrollbar { display:none }
.dgx-tabs a { font:700 14.5px var(--font-display), Georgia, serif;letter-spacing:.02em;color:var(--ivory-2);border-bottom:2px solid #0000;flex:none;align-items:center;gap:9px;padding:12px 16px 11px;text-decoration:none;display:flex }
.dgx-tabs a img { opacity:.8;border-radius:3px }
.dgx-tabs a small { font:400 12.5px var(--font-sans);color:var(--text-muted);font-variant-numeric:tabular-nums }
.dgx-tabs a:hover { color:#fff;text-decoration:none }
.dgx-tabs a[aria-current] { color:var(--game-yellow);border-bottom-color:var(--gold) }
.dgx-tabs a[aria-current] img { opacity:1 }
@media (max-width:860px) { .dgx-tabs>div { padding-left:16px;padding-right:16px } }
@media (max-width:860px) { .dgx-tabs a { padding:12px 11px 11px;font-size:13.5px } }
@media (max-width:860px) { .dgx-tabs a img { display:none } }

/* ===== 33vc1qkfrd31_.css ===== */
@keyframes lv-row-found{0%,35%{box-shadow:inset 0 0 0 2px var(--game-yellow), inset 0 0 40px #ffd10059}}
.lv { --v2-max:1180px;--lv-copper:#c8813a;--lv-copper-deep:#6b3d12;--lv-steel:#8f97a6 }
.lv .v2-work.lv-work { padding-top:26px;padding-bottom:40px;display:block }
.lv-work>section { margin:0 0 34px;scroll-margin-top:64px }
.lv .dgx-tabs>div { max-width:var(--v2-max) }
.dgx-tabs a.lv-tab-count { font:600 13px var(--font-sans);letter-spacing:0;color:var(--game-yellow);font-variant-numeric:tabular-nums;background:#090c12;margin-left:auto;position:sticky;right:0;box-shadow:-14px 0 12px -2px #090c12 }
.lv-work h2 { font:700 18px var(--font-sans);color:var(--ivory);margin:0 }
.lv-sr { clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden }
.lv-hero:before { opacity:.34;filter:saturate(.85);background:url(../backgrounds/forever/UUIIBVJQ5URB1789247713326.webp) 50% 62%/cover no-repeat;width:min(760px,58%);left:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 60%);mask-image:linear-gradient(90deg,#0000,#000 60%) }
.lv-hero-icon { background:radial-gradient(circle at 50% 35%,#2a2f3d,#0b0d12 75%);place-items:center;width:68px;height:68px;display:grid }
.lv-hero-icon .lv-crown b { display:none }
.lv-crown { flex:none;place-items:center;display:inline-grid;position:relative }
.lv-crown img { filter:drop-shadow(0 2px 3px #0009);width:100%;height:100%;position:absolute;inset:0 }
.lv-crown b { color:#fff;font-weight:700;font-family:var(--font-sans);text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums;margin-top:30%;position:relative }
.lv-hero .v2-stats dt a { color:inherit;border-bottom:1px dotted var(--line-2);text-decoration:none }
.lv-hero .v2-stats dt a:hover { color:var(--ivory);border-bottom-color:var(--ivory-2) }
.lv-how { border:1px solid var(--line-2);background:var(--bg-2);border-radius:3px;padding:20px 22px 18px }
.lv-steps { grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:16px 0 0;padding:0;list-style:none;display:grid }
.lv-steps li { align-items:flex-start;gap:14px;padding:0 26px 0 0;display:flex;position:relative }
.lv-steps li+li { border-left:1px solid var(--line);padding-left:26px }
.lv-steps li+li:before { content:"";border-top:1px solid var(--lv-copper);border-right:1px solid var(--lv-copper);background:var(--bg-2);width:10px;height:10px;position:absolute;top:14px;left:-6px;transform:rotate(45deg) }
.lv-steps img { background:#000;border:1px solid #4a4536;border-radius:3px;flex:none;width:40px;height:40px;box-shadow:0 0 0 1px #000 }
.lv-steps h3 { font:700 16px/1.25 var(--font-sans);color:#fff;margin:0 }
.lv-steps small { color:var(--game-grey);margin-top:1px;font-size:13px;display:block }
.lv-steps p { color:var(--ivory-2);max-width:46ch;margin:7px 0 0;font-size:14px;line-height:1.55 }
.lv-line { align-items:flex-start;gap:2em;margin:30px 0 0;padding:26px 8px 0 0;display:flex }
.lv-line>.lv-crown { margin-top:-30px }
.lv-line-body { flex:1;min-width:0 }
.lv-line-track { background:#06080c;border:1px solid #000;border-radius:2px;height:12px;position:relative;box-shadow:0 0 0 1px #3d4350,inset 0 1px 3px #000 }
.lv-line-fill { background:linear-gradient(180deg, #e0a05c, var(--lv-copper) 55%, #94571f);max-width:100%;transition:width .35s var(--ease);border-radius:1px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 1px #ffffff59 }
.lv-line-mark { width:0;height:0;position:absolute;top:50% }
.lv-line-mark:before { content:"";box-sizing:border-box;width:14px;height:14px;box-shadow:0 0 0 1px var(--lv-steel);transition:background-color .25s var(--ease), box-shadow .25s var(--ease);background:#2b303b;border:1px solid #000;position:absolute;top:-7px;left:-7px;transform:rotate(45deg) }
.lv-line-mark b { font:700 13px var(--font-sans);color:var(--ivory-2);position:absolute;bottom:13px;left:0;transform:translate(-50%) }
.lv-line-mark-on:before { background:var(--game-yellow);box-shadow:0 0 0 1px #6b5a16,0 0 10px #ffd1008c }
.lv-line-mark-on b { color:var(--game-yellow) }
.lv-line-end { font:700 13px var(--font-sans);color:var(--text-muted);position:absolute;bottom:19px;right:0 }
.lv-line-cap { border-left:2px solid var(--game-green);width:0;margin-left:-1px;position:absolute;top:-5px;bottom:-14px }
.lv-line-cap-note { padding-left:calc(var(--at) + 8px);color:var(--ivory-2);margin:10px 0 0;font-size:13px }
.lv-line-cap-note b { color:var(--game-green) }
.lv-line-dkp .lv-line-fill { background:linear-gradient(#d8402c,#8a1c10) }
.lv-line-status { color:var(--ivory-2);margin:14px 0 0 62px;font-size:14px }
.lv-line-status b { color:var(--lv-copper) }
.lv-rewards { border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:18px 0 0;padding:18px 0 0;list-style:none;display:grid }
.lv-rewards li { align-items:flex-start;gap:12px;display:flex }
.lv-reward-icon { background:#000;border:1px solid #4a4536;border-radius:3px;flex:none;line-height:0;box-shadow:0 0 0 1px #000 }
.lv-reward-icon .lg-icon { filter:grayscale(.85)brightness(.7);transition:filter .25s var(--ease);border-radius:2px;display:block }
.lv-reward-on .lv-reward-icon { border-color:var(--game-yellow) }
.lv-reward-on .lv-reward-icon .lg-icon { filter:none }
.lv-rewards small { color:var(--text-muted);font-size:12.5px;display:block }
.lv-reward-on small { color:var(--game-yellow) }
.lv-rewards strong { color:#fff;font-size:14.5px;line-height:1.3;display:block }
.lv-rewards strong a { text-decoration:none }
.lv-rewards strong a:hover { text-underline-offset:3px;filter:brightness(1.25);text-decoration:underline }
.lv-rewards li:hover .lv-reward-icon { border-color:var(--ivory-2) }
.lv-rewards .lv-q3 { color:#0070dd }
.lv-rewards .lv-q4 { color:#a335ee }
.lv-rewards div>span { color:var(--text);margin-top:3px;font-size:13px;line-height:1.5;display:block }
.lv-how-note { color:var(--text-muted);margin:16px 0 0;font-size:13px;line-height:1.6 }
.lv-how-note span { color:var(--ivory-2) }
.lv-window { -webkit-user-select:none;user-select:none;background:#10120f;border:1px solid #675a3e;box-shadow:0 3px 18px #0009 }
.lv-win-bar { box-sizing:border-box;background:linear-gradient(#201f17,#141711);border-bottom:1px solid #675a3e;align-items:baseline;gap:14px;min-height:43px;padding:9px 14px;display:flex }
.lv-win-bar h2 { font:700 15px var(--font-sans);color:var(--ivory) }
.lv-win-sub { color:#a9a48f;font-size:13px }
.lv-left { color:#c1c2b5;margin-left:auto;font-size:13px }
.lv-left b { font:700 20px var(--font-sans);color:var(--game-green);font-variant-numeric:tabular-nums;margin-left:6px }
.lv-trees { grid-template-columns:repeat(3,minmax(0,1fr));display:grid }
.lv-tree { background:#14130f;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden }
.lv-tree+.lv-tree { border-left:1px solid #66563b }
.lv-tree:before { content:"";background:var(--art) center / cover no-repeat;filter:blur(38px)saturate(1.2);opacity:.3;pointer-events:none;position:absolute;inset:-40px }
.lv-tree>* { position:relative }
.lv-tree-head { background:linear-gradient(#0a0a0766,#0a0a0720);border-bottom:1px solid #aa905640;align-items:center;gap:12px;padding:14px 16px;display:flex }
.lv-tree-head img { border-radius:50%;flex:none;width:52px;height:52px;box-shadow:0 0 0 2px #3b3733,0 0 0 3px #0d0b0a }
.lv-tree-head h3 { font:700 17px var(--font-sans);color:#fff;text-shadow:0 1px 2px #000;margin:0 }
.lv-tree-head p { color:#d8c386;margin:1px 0 0;font-size:13px }
.lv-tree-head b { box-sizing:border-box;min-width:30px;height:30px;color:var(--game-green);font:700 15px var(--font-sans);background:#0e100e;border:2px solid #3b3733;border-radius:50%;place-items:center;margin-left:auto;display:grid }
.lv .lv-grid { grid-template-rows:repeat(4,52px);grid-template-columns:repeat(4,52px);justify-content:center;gap:20px 26px;padding:26px 12px 18px }
.lv .lv-grid .lg-node { width:52px;height:52px }
.lv .lv-grid .lg-link { margin:0 22px }
.lv .lg-node-rank { border-width:1px;border-color:#55814a;border-radius:3px;height:19px;padding:0 4px;font-size:11.5px;line-height:17px;display:block;bottom:-7px;right:-9px }
.lv .lg-locked .lg-node-rank { color:#8a8a80;border-color:#4a4a44 }
.lv .lg-open:not(.lg-invested) .lg-node-rank { color:#b5b5a2;border-color:#74725c }
.lv .lg-maxed .lg-node-rank { border-color:#ac9244 }
.lv-gate { z-index:2;box-sizing:border-box;color:#d8c386;min-width:19px;height:19px;font:700 11.5px/17px var(--font-sans);background:#0e100e;border:1px solid #6a5a36;border-radius:3px;padding:0 4px;position:absolute;bottom:-7px;right:-9px;box-shadow:0 0 0 1px #000 }
.lv-tree-step { color:#d8c386;text-align:center;background:#0a0a0755;border-top:1px solid #aa905626;margin:auto 0 0;padding:9px 16px 11px;font-size:13px }
.lv-win-foot { background:linear-gradient(#1d2018,#13160f);border-top:1px solid #64583e;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:10px 14px;display:flex }
.lv-help { color:#a9a48f;flex:320px;margin:0;font-size:13px;line-height:1.5 }
.lv-actions { flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex }
.lv-actions>span { color:#a9a48f;font-size:13px }
.lv-actions .tc-btn { height:30px;font-size:13px }
.lv-actions>span+.tc-btn+.tc-btn { margin-right:10px }
.lv-within { color:var(--ivory-2);margin:10px 2px 0;font-size:13px }
.lv-band { border:1px solid var(--line-2);background:var(--bg-2);border-radius:3px;margin:12px 0 0 }
.lv-band summary { cursor:pointer;font:700 14px var(--font-sans);color:var(--ivory);align-items:baseline;gap:12px;padding:11px 16px;list-style:none;display:flex }
.lv-band summary::-webkit-details-marker { display:none }
.lv-band summary small { color:var(--text-muted);font-size:13px;font-weight:400 }
.lv-band summary:after { content:"Show";color:var(--accent);margin-left:auto;font-size:13px;font-weight:400 }
.lv-band[open] summary:after { content:"Hide" }
.lv-band[open] summary { border-bottom:1px solid var(--line) }
.lv-gives { grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px 28px;padding:14px 16px 16px;display:grid }
.lv-gives h3 { font:700 13px var(--font-sans);color:var(--text-muted);margin:0 0 8px }
.lv-gives ul { flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex }
.lv-gives li { align-items:flex-start;gap:10px;display:flex }
.lv-gives .lg-icon { border:1px solid #3c3c3c;border-radius:3px;flex:none;box-shadow:0 0 0 1px #000 }
.lv-gives strong { color:var(--game-yellow);font-size:14px;display:block }
.lv-gives strong small { color:var(--text-muted);margin-left:4px;font-size:12.5px;font-weight:400 }
.lv-gives li span { color:var(--ivory-2);font-size:13px;line-height:1.5;display:block }
.lv-band-empty { color:var(--text-muted);margin:0;padding:12px 16px 14px;font-size:13px }
.lv-planner .ts-share { margin:12px 0 0 }
.lv-section-head { justify-content:space-between;align-items:flex-start;gap:24px;margin:0 0 14px;display:flex }
.lv-section-head p { max-width:78ch;color:var(--ivory-2);margin:5px 0 0;font-size:14px;line-height:1.6 }
.lv-count { color:var(--text-muted);white-space:nowrap;flex:none;align-items:center;gap:8px;font-size:14px;display:flex }
.lv-columns { grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:2em;display:grid }
.lv-columns>div { flex-direction:column;gap:2em;min-width:0;display:flex }
.lv-panel { border:1px solid var(--line-2);background:var(--bg-2);border-radius:3px }
.lv-panel-head { border-bottom:1px solid var(--line-2);background:var(--bg-3);justify-content:space-between;align-items:baseline;padding:11px 16px;display:flex }
.lv-panel-head h3 { font:700 15px var(--font-sans);color:var(--ivory);margin:0 }
.lv-panel-head span { font:700 13px var(--font-sans);color:var(--ivory-2);font-variant-numeric:tabular-nums }
.lv-panel-note { border-top:1px solid var(--line);color:var(--text-muted);margin:0;padding:9px 16px 11px;font-size:12.5px }
.lv-matrix { border-collapse:collapse;width:100%;font-size:14px }
.lv-matrix thead th { color:var(--text-muted);text-align:center;padding:8px 6px;font-size:12.5px;font-weight:600 }
.lv-matrix-corner { display:none }
.lv-matrix tbody th { color:var(--ivory);text-align:left;white-space:nowrap;align-items:center;gap:10px;padding:5px 16px;font-weight:400;display:flex }
.lv-matrix tbody th a { color:var(--ivory);text-decoration:none }
.lv-matrix tbody th a:hover { color:var(--accent) }
.lv-matrix tbody th .lg-icon { border:1px solid #3c3c3c;border-radius:3px;box-shadow:0 0 0 1px #000 }
.lv-matrix tbody tr { border-top:1px solid var(--line) }
.lv-matrix tbody tr:hover { background:#ffffff05 }
.lv-matrix td { text-align:center;width:22%;padding:0 }
.lv-matrix td .lv-tick { justify-content:center;width:100%;padding:7px 0 }
.lv-tick { color:var(--ivory-2);font:13px var(--font-sans);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:4px;display:inline-flex }
.lv-tick-box { box-sizing:border-box;width:22px;height:22px;transition:border-color .12s var(--ease), background-color .12s var(--ease);background:#06080c;border:1px solid #5a5340;border-radius:3px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #000 }
.lv-check { width:14px;height:14px;color:var(--game-green);opacity:0;transition:opacity .12s var(--ease), transform .12s var(--ease);transform:scale(.6) }
.lv-tick:hover .lv-tick-box { border-color:var(--ivory-2) }
.lv-tick:hover .lv-check { opacity:.3;transform:none }
.lv-tick[aria-pressed=true] .lv-tick-box { background:#0b1a08;border-color:#3f8f2f }
.lv-tick[aria-pressed=true] .lv-check { opacity:1;transform:none }
.lv-tick[aria-pressed=true] .lv-tick-label { color:#fff }
.lv-tick:focus-visible { outline:none }
.lv-tick:focus-visible .lv-tick-box { outline:2px solid var(--accent);outline-offset:2px }
.lv-rows { margin:0;padding:0;list-style:none }
.lv-row { grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:12px;padding:10px 12px 10px 16px;display:grid;position:relative }
.lv-row+.lv-row { border-top:1px solid var(--line) }
.lv-row>.lg-icon { border:1px solid #3c3c3c;border-radius:3px;box-shadow:0 0 0 1px #000 }
.lv-row-text strong { color:var(--game-yellow);font-size:14.5px;display:block }
.lv-row-text>span { color:var(--ivory-2);font-size:13px;line-height:1.5;display:block }
.lv-row>.lv-tick { align-self:center }
.lv-row { scroll-margin:96px 0 }
.lv-row:target,.lv-row.lv-row-found { box-shadow:inset 0 0 0 1px var(--gold), inset 0 0 26px #e2c27529;background:#ffd1000f;animation:1.8s ease-out lv-row-found }
.lv-row-wiped { animation:.45s 2 lg-wipe-shake;box-shadow:inset 0 0 28px #ff480099 }
.lv-criteria { margin-top:4px;font-size:13px }
.lv-criteria summary { cursor:pointer;color:var(--accent);width:fit-content }
.lv-criteria summary:hover { color:#a8cbf5 }
.lv-criteria ul { columns:2;color:var(--ivory-2);column-gap:24px;margin:6px 0 2px;padding:0 0 0 16px;line-height:1.7 }
.lv-criteria a { color:var(--ivory);text-underline-offset:3px;-webkit-text-decoration:underline #d9d0bc59;text-decoration:underline #d9d0bc59 }
.lv-criteria a:hover { color:#fff }
.lv-sub+.lv-sub { border-top:1px solid var(--line-2) }
.lv-sub h4 { font:700 13px var(--font-sans);color:var(--text-muted);margin:0;padding:10px 16px 0 }
.lv-strip { flex-wrap:wrap;gap:4px 18px;padding:6px 12px 10px;display:flex }
.lv-stored { color:var(--text-muted);margin:10px 2px 0;font-size:12.5px }
.lv-questions { grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:2em 40px;display:grid }
.lv-questions h2 { margin-bottom:8px }
.lv-faq { border-top:1px solid var(--line) }
.lv-faq:last-child { border-bottom:1px solid var(--line) }
.lv-faq summary { cursor:pointer;font:600 14.5px var(--font-sans);color:var(--ivory);padding:11px 2px }
.lv-faq summary:hover { color:#fff }
.lv-faq p { max-width:64ch;color:var(--ivory-2);margin:0 0 14px;padding:0 2px 0 18px;font-size:14px;line-height:1.6 }
.lv-unknowns { margin:0 }
.lv-unknowns div { border-top:1px solid var(--line);padding:11px 2px }
.lv-unknowns div:last-child { border-bottom:1px solid var(--line) }
.lv-unknowns dt { font:600 14.5px var(--font-sans);color:var(--ivory) }
.lv-unknowns dd { max-width:64ch;color:var(--ivory-2);margin:3px 0 0;font-size:14px;line-height:1.6 }
.lv-sources { color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.6 }
.lv-sources .pr-sources { margin:0;display:inline }
.lv-sources .pr-sources a { margin-right:12px;display:inline-block }
@media (max-width:1020px) { .lv .lv-grid { grid-template-rows:repeat(4,44px);grid-template-columns:repeat(4,44px);gap:18px } }
@media (max-width:1020px) { .lv .lv-grid .lg-node { width:44px;height:44px } }
@media (max-width:1020px) { .lv .lv-grid .lg-link { margin:0 18px } }
@media (max-width:1020px) { .lv-tree-head img { display:none } }
@media (max-width:899px) { .lv-hero:before { opacity:.16;width:100% } }
@media (max-width:899px) { .lv-steps { grid-template-columns:minmax(0,1fr);gap:2em } }
@media (max-width:899px) { .lv-steps li,.lv-steps li+li { border:0;padding:0 } }
@media (max-width:899px) { .lv-steps li+li:before { display:none } }
@media (max-width:899px) { .lv-steps p { max-width:none } }
@media (max-width:899px) { .lv-rewards { grid-template-columns:repeat(2,minmax(0,1fr)) } }
@media (max-width:899px) { .lv-trees { grid-template-columns:minmax(0,1fr) } }
@media (max-width:899px) { .lv-tree+.lv-tree { border-top:1px solid #66563b;border-left:0 } }
@media (max-width:899px) { .lv-tree-head img { display:block } }
@media (max-width:899px) { .lv .lv-grid { grid-template-rows:repeat(4,52px);grid-template-columns:repeat(4,52px);gap:18px 26px } }
@media (max-width:899px) { .lv .lv-grid .lg-node { width:52px;height:52px } }
@media (max-width:899px) { .lv .lv-grid .lg-link { margin:0 22px } }
@media (max-width:899px) { .lv-columns,.lv-questions { grid-template-columns:minmax(0,1fr) } }
@media (max-width:899px) { .lv .lg-pointer { display:none } }
@media (max-width:899px) { .lv .lg-touch { display:inline } }
@media (max-width:600px) { .lv-how { padding:16px 14px } }
@media (max-width:600px) { .lv-rewards { grid-template-columns:minmax(0,1fr);gap:14px } }
@media (max-width:600px) { .lv-line { gap:10px;padding-right:4px } }
@media (max-width:600px) { .lv-line-status { margin-left:0 } }
@media (max-width:600px) { .lv-line-cap-note { padding-left:0 } }
@media (max-width:600px) { .lv-section-head { flex-direction:column;gap:10px } }
@media (max-width:600px) { .lv-win-sub { display:none } }
@media (max-width:600px) { .lv-matrix tbody th { white-space:normal;padding:5px 10px } }
@media (max-width:600px) { .lv-matrix-unit { display:none } }
@media (max-width:600px) { .lv-matrix thead .lv-matrix-corner { text-align:left;padding-left:10px;display:block } }
@media (max-width:600px) { .lv-criteria ul { columns:1 } }
@media (max-width:600px) { .lv-actions { margin-left:0 } }
@media (prefers-reduced-motion:reduce) { .lv-line-fill,.lv-check,.lv-line-mark { transition:none } }
@media (prefers-reduced-motion:reduce) { .lv-row-wiped,.lv-row:target,.lv-row.lv-row-found { animation:none } }
@media (max-width:640px) { .lv-hero .v2-stats { grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;display:grid } }

/* ===== 01fgvldjvri7o.css ===== */
.xi { max-width:var(--v2-max,1164px);border-top:1px solid var(--line);margin:0 auto;padding:26px 32px }
.xi h2 { color:var(--ivory);margin:0 0 6px;font-size:18px }
.xi-lede { color:var(--text-muted);max-width:70ch;margin:0 0 16px;font-size:13.5px }
.xi-groups { grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid }
.xi-group h3 { font:700 14px var(--font-sans);color:var(--ivory-2);margin:0 0 8px }
.xi-group h3 small { color:var(--text-muted);margin-left:6px;font-weight:400 }
.xi-group ul { margin:0;padding:0;list-style:none }
.xi-group li { border-top:1px solid var(--line);color:var(--ivory-2);padding:8px 0;font-size:13px;line-height:1.5 }
.xi-name { color:var(--ivory) }
.xi-group li small { color:var(--text-muted);margin-left:6px }
.xi-group li em { border:1px solid var(--line-2);font:600 10.5px/16px var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);border-radius:2px;margin-left:8px;padding:0 5px;font-style:normal;display:inline-block }
.xi-group li span { color:var(--text);margin-top:3px;display:block }
.xi-group li .xi-classic { color:var(--text-muted) }
.xi-kind-added em { color:var(--add);border-color:#8fd37a66 }
.xi-kind-modified em,.xi-kind-moved em { color:var(--mod);border-color:#f0c67466 }
.xi-note { color:var(--text-muted);margin:16px 0 0;font-size:12.5px }
.xi details>summary { cursor:pointer;color:var(--ivory);font-size:18px }
.xi details>summary small { color:var(--text-muted);margin-left:10px;font-size:12.5px }
.xi details[open]>summary { margin-bottom:4px }
.xi details>.xi-lede { margin-top:10px }
@media (max-width:900px) { .xi { padding:24px 18px } }
@media (max-width:760px) { .xi-groups { grid-template-columns:1fr } }
@media (max-width:760px) { .xi details>summary { font-size:16px } }


/* ============================================================
   BiS 清单页（bis）— 复刻 foreverchanges.pro/zh-cn/bis
   来源 chunk：2sxyhmropafin / 26yms5z97rv0r / 103fmojt39lcb / 20y7pukpoiqe_
   ============================================================ */
:root {
  --font-serif: var(--font-sans);
}

/* ---- BiS 专精页（bis-board/doll/slot/stats/talents 背面） ---- */
.bis-page {
  max-width:1080px;
  margin:0 auto;
  padding:28px 24px 64px
}
.bis-head {
  align-items:center;
  gap:2em;
  margin:0 0 22px;
  display:flex
}
.bis-head img {
  border:1px solid var(--gold-2);
  border-radius:4px
}
.bis-head h1 {
  font:700 30px/1.15 var(--font-display), Georgia, serif;
  color:var(--ivory);
  margin:0
}
.bis-head p {
  max-width:70ch;
  color:var(--text-muted);
  margin:6px 0 0;
  font-size:14px
}
.bis-sides {
  gap:2px;
  margin:0;
  display:flex
}
.p-shell .bis-sides button {
  min-height:32px;
  color:var(--text-muted);
  background:0 0;
  border:1px solid #0000;
  border-radius:3px;
  padding:4px 12px;
  font-size:14px
}
.p-shell .bis-sides button:hover {
  border-color:var(--line-2);
  background:var(--bg-2);
  color:var(--ivory)
}
.p-shell .bis-sides button[aria-pressed=true] {
  border-color:var(--gold-2);
  color:var(--game-yellow-soft);
  background:#1d1a12
}
.bis-bar {
  border:1px solid var(--line);
  background:#0a0e15;
  border-bottom:0;
  border-radius:4px 4px 0 0;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:flex-end;
  gap:0 12px;
  padding:0 10px;
  display:flex;
  box-shadow:inset 0 0 0 1px #000,inset 0 1px 0 1px #c8a24a2e
}
.bis-faction {
  display:flex
}
.p-shell .bis-faction button {
  min-height:40px;
  color:var(--text-muted);
  background:0 0;
  border:0;
  align-items:center;
  gap:8px;
  padding:4px 12px;
  font-size:14px;
  display:inline-flex
}
.p-shell .bis-faction img {
  object-fit:contain;
  filter:grayscale()brightness(.75);
  width:19px;
  height:23px
}
.p-shell .bis-faction button:hover {
  color:var(--ivory)
}
.p-shell .bis-faction button:hover img,.p-shell .bis-faction button[aria-pressed=true] img {
  filter:none
}
.p-shell .bis-faction button[aria-pressed=true] {
  color:var(--ivory);
  font-weight:600
}
.bis-faces {
  gap:2px;
  display:flex
}
.p-shell .bis-faces button {
  min-height:34px;
  color:var(--text-muted);
  font:600 14px var(--font-display), Georgia, serif;
  background:0 0;
  border:1px solid #0000;
  border-bottom:0;
  border-radius:3px 3px 0 0;
  margin-bottom:-1px;
  padding:4px 16px 5px
}
.p-shell .bis-faces button:hover {
  color:var(--ivory)
}
.p-shell .bis-faces button[aria-pressed=true] {
  border-color:var(--line);
  color:var(--game-yellow-soft);
  background:#06080c
}
.bis-board[data-side=a] [data-for=h],.bis-board[data-side=h] [data-for=a],.bis-board[data-side=a] [data-item-side=h],.bis-board[data-side=h] [data-item-side=a] {
  display:none
}
.bis-doll {
  border:1px solid var(--line);
  background:#06080c;
  border-radius:4px;
  grid-template-columns:minmax(0,1fr) minmax(260px,340px) minmax(0,1fr);
  gap:0 12px;
  padding:14px 16px 12px;
  display:grid;
  box-shadow:inset 0 0 0 1px #000,inset 0 1px 0 1px #c8a24a2e
}
.bis-col {
  align-content:space-between;
  display:grid
}
.bis-figure+.bis-col .bis-cell-item {
  text-align:right;
  flex-direction:row-reverse
}
.bis-figure {
  cursor:grab;
  background:radial-gradient(at 50% 62%,#1a2230 0%,#06080c 68%);
  min-width:0
}
.bis-figure:active {
  cursor:grabbing
}
.bis-model canvas {
  display:block
}
.bis-weapons {
  border-top:1px solid #1b212c;
  grid-column:1/-1;
  grid-template-columns:repeat(3,minmax(0,1fr));
  justify-items:start;
  gap:0 28px;
  margin-top:8px;
  padding-top:8px;
  display:grid
}
.p-shell a.bis-cell {
  color:inherit;
  border-radius:3px;
  padding:6px 4px;
  text-decoration:none;
  display:block
}
.p-shell a.bis-cell:hover {
  text-decoration:none
}
.bis-cell-item {
  align-items:center;
  gap:10px;
  min-width:0;
  display:flex
}
.bis-cell-item small {
  color:var(--text-muted);
  font-size:12px;
  display:block
}
.bis-cell-item b {
  font-size:14px;
  font-weight:600;
  line-height:1.25;
  display:block
}
.bis-cell-enchant {
  color:var(--game-green);
  margin-top:1px;
  font-size:12px;
  font-style:normal;
  line-height:1.3;
  display:block
}
.bis-cell-noenchant {
  color:var(--text-muted)
}
.bis-icon {
  object-fit:cover;
  background:#111;
  border:1px solid #4b4b4b;
  border-radius:4px;
  flex:none
}
.bis-icon.bq2 {
  border-color:#1a9c0c
}
.bis-icon.bq3 {
  border-color:#0059b8
}
.bis-icon.bq4 {
  border-color:#7a2bc4
}
.bis-slot {
  margin:34px 0 0;
  scroll-margin-top:16px
}
.bis-slot h2 {
  font:700 20px var(--font-display), Georgia, serif;
  color:var(--gold);
  margin:0 0 6px
}
.bis-slot ol {
  counter-reset:rank;
  border-top:1px solid var(--line);
  margin:0;
  padding:0;
  list-style:none
}
.bis-slot-none {
  color:var(--text-muted);
  margin:8px 0 0;
  font-size:14px
}
.bis-slot-lede {
  color:var(--text-muted);
  max-width:72ch;
  margin:0 0 8px;
  font-size:14px;
  line-height:1.5
}
.bis-row {
  counter-increment:rank;
  border-bottom:1px solid var(--line);
  grid-template-columns:22px 36px minmax(0,1fr) minmax(0,1.35fr) 250px;
  align-items:center;
  gap:0 14px;
  padding:7px 2px;
  display:grid
}
.bis-row:before {
  content:counter(rank);
  text-align:right;
  font:600 15px var(--font-display), Georgia, serif;
  color:var(--text-muted);
  font-variant-numeric:tabular-nums
}
.bis-row:first-child:before {
  color:var(--gold)
}
.p-shell a.bis-name {
  font-size:15px;
  font-weight:600
}
.bis-enchant-line {
  color:var(--game-green,#1eff00);
  margin:2px 0 0;
  font-size:13px;
  line-height:1.4
}
.bis-enchant-row,.bis-consumable-row {
  counter-increment:none
}
.bis-enchant-row:before,.bis-consumable-row:before {
  content:""
}
.bis-enchant-slots {
  color:var(--text-muted);
  font-size:12px;
  line-height:1.3;
  display:block
}
.p-shell .bis-enchant-row .bis-from a {
  color:var(--ivory);
  font-weight:600
}
.bis-from p {
  margin:0;
  font-size:13px;
  line-height:1.45
}
.bis-from p+p {
  margin-top:4px
}
.bis-mats {
  justify-self:end;
  align-items:center;
  gap:6px;
  display:flex
}
.bis-mat {
  line-height:0;
  display:block;
  position:relative
}
.bis-mat b {
  font:600 11px/1.3 var(--font-sans);
  color:#fff;
  text-shadow:0 0 3px #000,0 0 3px #000,0 1px #000;
  padding:0 2px;
  position:absolute;
  bottom:-3px;
  right:-2px
}
.bis-mat-recipe {
  border-left:1px solid #1b212c;
  margin-left:8px;
  padding-left:10px
}
.bis-from b {
  color:var(--ivory);
  font-weight:600
}
.bis-from a i {
  font:11px/1 var(--font-sans);
  opacity:.6;
  margin-left:3px
}
.bis-from span {
  color:var(--text-muted);
  margin-top:1px;
  font-size:12px;
  line-height:1.4;
  display:block
}
.p-shell .bis-from .bis-ask {
  color:var(--accent);
  font:inherit;
  text-underline-offset:2px;
  cursor:pointer;
  background:0 0;
  border:0;
  padding:0;
  text-decoration:underline
}
.p-shell .bis-from .bis-ask:hover {
  color:var(--ivory)
}
.bis-note {
  border-top:1px solid var(--line);
  margin:40px 0 0;
  padding-top:16px
}
.bis-note p {
  max-width:78ch;
  color:var(--text-muted);
  margin:0;
  font-size:13px;
  line-height:1.7
}
.bis-note p+p {
  margin-top:8px
}
@media (max-width:720px){
  .bis-page{padding:20px 16px 48px}
  .bis-head h1{font-size:23px}
  .bis-doll,.bis-weapons{grid-template-columns:1fr}
  .bis-figure{order:-1}
  .bis-figure+.bis-col .bis-cell-item{text-align:left;flex-direction:row}
  .bis-row{grid-template-columns:18px 36px minmax(0,1fr);align-items:start}
  .bis-from{grid-column:3;margin-top:4px}
  .bis-mats{flex-wrap:wrap;grid-column:3;justify-self:start;margin-top:6px}
  .bis-cell-blank{display:none}
}
.bis-board {
  position:relative
}
.bis-board[data-face=gear] .bis-face-back,.bis-board[data-face=talents] .bis-face-front {
  display:none
}
.bis-board .bis-doll,.bis-board .bis-talents {
  border-top:0;
  border-radius:0 0 4px 4px;
  box-shadow:inset 0 0 0 1px #000
}
.bis-talents {
  border:1px solid var(--line);
  background:#06080c;
  border-radius:4px;
  grid-template-rows:auto 1fr auto;
  gap:10px;
  min-height:0;
  padding:14px 16px 12px;
  display:grid;
  box-shadow:inset 0 0 0 1px #000,inset 0 1px 0 1px #c8a24a2e
}
.bis-talents-head {
  flex-wrap:wrap;
  align-items:baseline;
  gap:6px 14px;
  display:flex
}
.bis-talents-head .bis-sides {
  margin:0 0 0 auto
}
.bis-talents-what {
  color:var(--text-muted);
  margin:0;
  font-size:14px
}
.bis-talents-what b {
  color:var(--ivory);
  font:700 18px var(--font-display), Georgia, serif
}
.bis-talents-none {
  text-align:center;
  align-content:center;
  justify-items:center
}
.bis-talents-none p {
  max-width:46ch;
  color:var(--text-muted);
  margin:0;
  font-size:14px
}
.bis-trees {
  min-width:0;
  background:0 0!important;
  min-height:0!important
}
.bis-trees .t-window {
  margin:0
}
.bis-trees .t-node {
  cursor:default
}
.bis-talents-foot {
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:8px 16px;
  display:flex
}
.bis-build-foot {
  color:var(--text-muted);
  margin:0;
  font-size:13px
}
.bis-talent-tip {
  z-index:60;
  pointer-events:none;
  max-width:310px;
  position:fixed
}
.p-shell a.bis-open {
  border:1px solid var(--gold-2);
  color:var(--game-yellow-soft);
  background:#1d1a12;
  border-radius:3px;
  padding:6px 14px;
  font-size:14px;
  text-decoration:none;
  display:inline-block
}
.p-shell a.bis-open:hover {
  filter:brightness(1.2);
  text-decoration:none
}
@media (max-width:720px){
  .bis-bar{padding:0 4px}
  .p-shell .bis-faction button{padding:4px 8px}
  .p-shell .bis-faces button{padding:4px 12px 5px}
}
.bis-talents.bis-talents-none {
  grid-template-rows:none;
  gap:14px
}
.bis-trees .t-tree-header h2 {
  font:700 18px var(--font-display), Georgia, serif;
  color:var(--gold)
}
.bis-stats {
  border-top:1px solid var(--line);
  margin:18px 0 0;
  padding:16px 0 12px
}
.bis-stats-groups {
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  display:grid
}
.bis-stats-group {
  border-left:1px solid var(--line);
  padding:0 22px
}
.bis-stats-group:first-child {
  border-left:0;
  padding-left:2px
}
.p-shell .bis-stats-group h3 {
  font:700 15px var(--font-display), Georgia, serif;
  color:var(--game-yellow-soft);
  margin:0 0 10px
}
.bis-stats-group dl {
  margin:0
}
.bis-stats-group dl>div {
  justify-content:space-between;
  gap:12px;
  padding:2px 0;
  font-size:14px;
  line-height:1.5;
  display:flex
}
.bis-stats-group dt {
  color:var(--ivory-2)
}
.bis-stats-group dd {
  color:var(--ivory);
  font-variant-numeric:tabular-nums;
  margin:0
}
.bis-stats-group dd.bis-up {
  color:var(--game-green)
}
.bis-stats-note {
  max-width:95ch;
  color:var(--text-muted);
  margin:14px 2px 0;
  font-size:12px
}
@media (max-width:720px){
  .bis-stats-groups{grid-template-columns:1fr 1fr;gap:2em 0}
  .bis-stats-group:nth-child(odd){border-left:0;padding-left:2px}
}
.bis-hand {
  padding:6px 4px
}
.p-shell .bis-hand a {
  color:inherit;
  text-decoration:none
}
.bis-icon-empty {
  background:#0b0e14;
  border-style:dashed;
  width:40px;
  height:40px;
  display:block
}
.bis-cell-empty b {
  color:var(--text-muted);
  font-weight:400
}
.bis-cell-blank {
  padding:6px 4px
}
.bis-cell-blank small {
  color:var(--text-muted)
}
.bis-specs {
  flex-wrap:wrap;
  gap:14px 30px;
  margin:16px 0 0;
  display:flex
}
.p-shell a.bis-spec {
  color:var(--text-muted);
  font:600 15px/1 var(--font-display), Georgia, serif;
  letter-spacing:.03em;
  align-items:center;
  gap:13px;
  text-decoration:none;
  display:inline-flex
}
.p-shell a.bis-spec img {
  filter:saturate(.3)brightness(.62);
  width:34px;
  height:34px;
  transition:filter .2s var(--ease), border-color .2s var(--ease);
  border:2px solid #5b5443;
  border-color:#5b5443 #443f31 #322e25 #5b5443;
  border-radius:50%;
  box-shadow:inset 0 0 0 1px #0000008c
}
.p-shell a.bis-spec:hover {
  color:var(--ivory-2);
  text-decoration:none
}
.p-shell a.bis-spec:hover img {
  filter:saturate(.65)brightness(.82);
  border-color:#7d6d4e #5f533b #483f2e #7d6d4e
}
.p-shell a.bis-spec[aria-current=page] {
  color:var(--ivory)
}
.p-shell a.bis-spec[aria-current=page] img {
  filter:none;
  border-color:#b1975e #75603a #55462c #b1975e;
  box-shadow:inset 0 0 0 1px #0000008c,0 0 0 1px #07080a,0 2px 6px #0000008c
}
@media (max-width:720px){
  .bis-specs{gap:12px 20px}
}
.bis-notice {
  color:var(--game-yellow);
  text-shadow:0 1px 1px #000;
  margin:0 0 16px;
  font-size:13px;
  line-height:1.6
}
.p-shell .bis-notice button {
  color:var(--accent);
  font:inherit;
  text-underline-offset:2px;
  text-shadow:none;
  background:0 0;
  border:0;
  padding:0;
  text-decoration:underline
}
.p-shell .bis-notice button:hover {
  color:var(--ivory)
}
.bis-poster {
  object-fit:contain;
  width:100%;
  height:470px;
  display:block
}
.p-shell .bis-3d {
  display:none
}
@media (max-width:720px){
  .bis-figure:not([data-live]){cursor:default}
  .bis-poster{height:230px}
  .p-shell .bis-3d{border:1px solid var(--line-2);min-height:30px;color:var(--game-yellow-soft);background:#06080cd9;border-radius:3px;padding:3px 12px;font-size:13px;display:block;position:absolute;bottom:6px;right:6px}
}
.it-hover.bis-hover {
  z-index:70;
  filter:drop-shadow(0 6px 14px #0009)
}
.it-hover.bis-hover .it-tip {
  box-shadow:none;
  font:13.5px/1.5 var(--font-sans);
  color:#fff;
  background:url(../wow-ui/UI-Tooltip-TL.PNG) 0 0/8px 8px no-repeat,url(../wow-ui/UI-Tooltip-TR.PNG) 100% 0/8px 8px no-repeat,url(../wow-ui/UI-Tooltip-BL.PNG) 0 100%/8px 8px no-repeat,url(../wow-ui/UI-Tooltip-BR.PNG) 100% 100%/8px 8px no-repeat,url(../wow-ui/UI-Tooltip-T.PNG) top/calc(100% - 16px) 8px no-repeat,url(../wow-ui/UI-Tooltip-B.PNG) bottom/calc(100% - 16px) 8px no-repeat,url(../wow-ui/UI-Tooltip-L.PNG) 0/8px calc(100% - 16px) no-repeat,url(../wow-ui/UI-Tooltip-R.PNG) 100%/8px calc(100% - 16px) no-repeat,linear-gradient(#05060cf7,#05060cf7) 50%/calc(100% - 4px) calc(100% - 4px) no-repeat;
  border:0;
  border-radius:0;
  padding:11px 14px 12px
}
.bis-hover .it-head {
  border:0;
  margin:0;
  padding:0;
  display:block
}
.bis-hover .it-icon,.bis-hover .it-itemid {
  display:none
}
.bis-hover .it-meta {
  font-size:inherit;
  margin:0;
  display:block
}
.bis-hover .it-ilvl {
  color:#ffd100;
  text-transform:capitalize
}
.bis-hover .it-name {
  font-size:15.5px;
  font-weight:400;
  line-height:1.35
}
.p-shell a.bis-game-btn {
  color:#e8c67a;
  min-height:30px;
  font:600 14px/20px var(--font-sans);
  text-shadow:0 1px 2px #000;
  white-space:nowrap;
  background:url(../wow-ui/UI-Panel-Button-Up.PNG) 0 0/160% 139.13% no-repeat;
  padding:5px 18px;
  text-decoration:none;
  display:inline-block
}
.p-shell a.bis-game-btn:hover {
  color:#fff;
  filter:brightness(1.15);
  text-decoration:none
}
.p-shell a.bis-game-btn:active {
  background-image:url(../wow-ui/UI-Panel-Button-Down.PNG)
}
.p-shell a.bis-bar-make {
  align-self:center;
  margin:0 14px 0 auto
}
@media (max-width:720px){
  .p-shell a.bis-bar-make{margin-right:6px;padding:4px 12px;font-size:13px}
}

/* ---- BiS 索引页（bh-cards 职业卡） ---- */
.bh-cards {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  display:grid
}
.bh-card {
  isolation:isolate;
  border:1px solid var(--line);
  background:#06080c;
  border-radius:4px;
  min-height:250px;
  padding:18px 20px 20px;
  position:relative;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px #000,inset 0 1px 0 1px #c8a24a2e
}
.bh-card:before {
  content:"";
  z-index:-1;
  background:var(--art) var(--art-at) / var(--art-size) no-repeat;
  opacity:.42;
  filter:saturate(.6);
  -webkit-mask-image:linear-gradient(90deg,#0000 18%,#000 72%);
  transition:opacity .2s var(--ease), filter .2s var(--ease);
  position:absolute;
  inset:0;
  mask-image:linear-gradient(90deg,#0000 18%,#000 72%),linear-gradient(#000 60%,#0000);
  -webkit-mask-composite:source-in;
  mask-composite:intersect
}
.bh-card:hover:before {
  opacity:.62;
  filter:saturate(.85)
}
.p-shell .bh-card h2 {
  color:var(--ivory);
  font:700 21px/1.1 var(--font-display), Georgia, serif;
  margin:0 0 18px
}
.p-shell .bh-card h2 a {
  color:inherit;
  align-items:center;
  gap:13px;
  text-decoration:none;
  display:inline-flex
}
.p-shell .bh-card h2 a:hover {
  color:#fff
}
.p-shell .bh-card h2 a:focus-visible {
  outline:2px solid var(--ivory);
  outline-offset:3px;
  border-radius:3px
}
.bh-card h2 img {
  transition:border-color .2s var(--ease);
  background:#000;
  border:2px solid #5a5340;
  border-radius:3px;
  flex:none
}
.bh-card h2 a:hover img {
  border-color:#b1975e
}
.bh-card .bis-specs {
  flex-direction:column;
  align-items:flex-start;
  gap:11px;
  margin:0
}
.p-shell .bh-card a.bis-spec {
  color:var(--ivory-2)
}
.p-shell .bh-card a.bis-spec img {
  filter:saturate(.85)brightness(.88);
  border-color:#8a7650 #61543a #4a3f2b #8a7650
}
.p-shell .bh-card a.bis-spec:hover {
  color:var(--ivory)
}
.p-shell .bh-card a.bis-spec:hover img {
  filter:none;
  border-color:#b1975e #75603a #55462c #b1975e;
  box-shadow:inset 0 0 0 1px #0000008c,0 0 0 1px #07080a,0 2px 6px #0000008c
}
.p-shell .bh-card a.bis-spec:focus-visible {
  outline:2px solid var(--ivory);
  outline-offset:3px;
  border-radius:3px
}
@media (max-width:980px){
  .bh-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .bis-page.bh-page{padding:16px 12px 40px}
  .bh-cards{grid-template-columns:minmax(0,1fr);gap:10px}
  .bh-card{min-height:0;padding:14px 14px 16px}
  .bh-card:before{opacity:.34}
  .p-shell .bh-card h2{margin-bottom:14px;font-size:19px}
  .p-shell .bh-card h2 a{gap:11px}
  .bh-card h2 img{width:34px;height:34px}
  .bh-card .bis-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;display:grid}
  .p-shell .bh-card a.bis-spec{gap:9px;font-size:13px;line-height:1.15}
  .p-shell .bh-card a.bis-spec img{width:30px;height:30px}
}
@media (prefers-reduced-motion:reduce){
  .bh-card:before,.bh-card h2 img{transition:none}
}

/* ---- 天赋树组件（t-node/t-tree/t-window） ---- */
.t-lvl {
  --lvl-gold:#e2c275;
  --lvl-ivory:#efe7d3;
  --lvl-ink:#d9cfb5;
  --lvl-muted:#8f8a76;
  font:400 14px var(--font-sans);
  letter-spacing:0;
  color:#fff;
  align-items:center;
  gap:10px;
  margin-left:auto;
  display:flex
}
.t-lvl:after {
  content:"";
  background:#ffffff24;
  width:1px;
  height:20px;
  margin:0 14px 0 8px
}
.t-window .p-window-title:has(.t-lvl) {
  position:relative
}
.t-window .p-window-title:has(.t-lvl) .t-points-left {
  margin-left:0
}
.t-window .p-window-title>.t-window-name {
  font:inherit;
  letter-spacing:inherit;
  color:inherit
}
.p-window-title .t-lvl button {
  all:unset;
  box-sizing:border-box;
  cursor:pointer
}
.p-window-title .t-lvl button:focus-visible {
  outline:2px solid var(--lvl-gold);
  outline-offset:-2px
}
.t-lvl-box {
  background:linear-gradient(#39424b,#293038);
  border:1px solid #a18a69;
  border-color:#c0a282 #a18a69 #705d45;
  border-radius:2px;
  align-items:stretch;
  height:33px;
  display:inline-flex;
  box-shadow:0 0 0 1px #252924,inset 0 0 0 1px #706456
}
.p-window-title .t-lvl .t-lvl-step {
  color:#b3a993;
  place-items:center;
  width:22px;
  display:grid
}
.p-window-title .t-lvl .t-lvl-step:hover:not(:disabled) {
  color:#fff;
  background:#ffffff0f
}
.p-window-title .t-lvl .t-lvl-step:disabled {
  color:#b3a99347;
  cursor:default
}
.p-window-title .t-lvl .t-lvl-number {
  text-align:center;
  min-width:34px;
  font:700 22px/31px var(--font-sans);
  color:var(--lvl-ivory);
  text-shadow:0 1px 2px #00000087;
  font-variant-numeric:tabular-nums;
  padding:0 1px
}
.p-window-title .t-lvl .t-lvl-number:hover,.p-window-title .t-lvl .t-lvl-number[aria-expanded=true] {
  color:var(--lvl-gold)
}
.t-lvl-pop {
  z-index:40;
  cursor:default;
  width:330px;
  max-width:calc(100vw - 48px);
  animation:t-lvl-pop .14s var(--ease);
  background:linear-gradient(#20231b,#14160f);
  border:1px solid #6b5d3c;
  border-top-color:#8f7b50;
  border-radius:3px;
  flex-direction:column;
  gap:4px;
  padding:14px 16px;
  display:flex;
  position:absolute;
  top:calc(100% + 6px);
  right:10px;
  box-shadow:0 16px 40px #000000a6,inset 0 1px #ffffff0a
}
.t-lvl-pop-head {
  color:var(--lvl-muted);
  justify-content:space-between;
  align-items:baseline;
  font-size:12px;
  display:flex
}
.t-lvl-pop-head b {
  color:var(--lvl-ivory);
  font-variant-numeric:tabular-nums;
  align-items:baseline;
  gap:8px;
  font-size:15px;
  display:flex
}
.t-lvl-pop-head small {
  color:var(--lvl-muted);
  font-size:12px;
  font-weight:400
}
.t-lvl-rail {
  cursor:pointer;
  touch-action:pan-y;
  outline:none;
  height:40px;
  display:block;
  position:relative
}
.t-lvl-track {
  background:#e9dec226;
  border-radius:2px;
  height:3px;
  position:absolute;
  top:18.5px;
  left:7px;
  right:7px
}
.t-lvl-fill {
  width:calc(var(--t) * 100%);
  border-radius:inherit;
  background:linear-gradient(90deg, #9a7f44, var(--lvl-gold));
  position:absolute;
  top:0;
  bottom:0;
  left:0
}
.t-lvl-beta {
  top:15px;
  left:calc(7px + (100% - 14px) * var(--beta));
  background:#e9dec273;
  width:1px;
  height:10px;
  position:absolute
}
.t-lvl-thumb {
  top:13px;
  left:calc(7px + (100% - 14px) * var(--t));
  background:radial-gradient(circle at 50% 30%, #f8e9bc, var(--lvl-gold) 55%, #a5884a);
  width:14px;
  height:14px;
  transition:transform .12s var(--ease);
  border-radius:50%;
  margin-left:-7px;
  position:absolute;
  box-shadow:0 0 0 3px #1a1d16,0 2px 6px 3px #0006
}
.t-lvl-rail:hover .t-lvl-thumb,.t-lvl-rail:active .t-lvl-thumb {
  transform:scale(1.15)
}
.t-lvl-rail:focus-visible .t-lvl-thumb {
  box-shadow:0 0 0 3px #1a1d16,0 0 0 5px #e2c2758c
}
.t-lvl-presets {
  gap:6px;
  display:flex
}
.p-window-title .t-lvl-presets button {
  height:28px;
  color:var(--lvl-ink);
  font:12px var(--font-sans);
  white-space:nowrap;
  background:#ffffff05;
  border:1px solid #4a4432;
  border-radius:3px;
  flex:1;
  place-items:center;
  padding:0 6px;
  display:grid
}
.p-window-title .t-lvl-presets button:hover:not(:disabled) {
  color:#fff;
  border-color:#8f7b50
}
.p-window-title .t-lvl-presets button[aria-pressed=true] {
  border-color:var(--lvl-gold);
  color:var(--lvl-gold);
  background:#e2c27514
}
.p-window-title .t-lvl-presets button:disabled {
  opacity:.35;
  cursor:default
}
.t-lvl-note {
  color:var(--lvl-muted);
  margin:8px 0 0;
  font-size:12px
}
@media (max-width:760px){
  .t-window .p-window-title>.t-window-name{display:none}
  .t-lvl{margin-left:0}
  .t-lvl:after{display:none}
  .t-window .p-window-title:has(.t-lvl) .t-points-left{margin-left:auto}
}
@media (max-width:420px){
  .t-window .p-window-title:has(.t-lvl){padding-inline:8px}
}
.t-window .p-window-title .t-needs {
  font:13px var(--font-sans);
  letter-spacing:0;
  text-transform:none;
  color:#c1c2b5;
  white-space:nowrap
}
.t-needs-short {
  display:none
}
.t-window .p-window-title .t-needs b {
  color:#e2c275;
  font-variant-numeric:tabular-nums;
  margin-left:4px;
  font-weight:700
}
.t-order {
  font:13px var(--font-sans);
  color:#c1c2b5;
  background:#12140f;
  border-top:1px solid #64583e
}
.t-order summary {
  cursor:pointer;
  align-items:baseline;
  gap:10px;
  padding:10px 15px;
  list-style:none;
  display:flex
}
.t-order summary::-webkit-details-marker {
  display:none
}
.t-order summary:focus-visible {
  outline-offset:-2px;
  outline:2px solid #e2c275
}
.t-order-title {
  font:700 14px/1.2 var(--font-display), Georgia, serif;
  letter-spacing:.01em;
  color:#efe7d3
}
.t-order-sub {
  color:#8f8a76
}
.t-order-toggle {
  color:#e2c275;
  margin-left:auto
}
.t-order-toggle:before {
  content:attr(data-show)
}
.t-order[open] .t-order-toggle:before {
  content:attr(data-hide)
}
.t-order summary:hover .t-order-toggle {
  color:#fff
}
.t-order ol {
  columns:3;
  column-gap:28px;
  margin:0;
  padding:2px 15px 10px;
  list-style:none
}
.t-order li {
  break-inside:avoid;
  grid-template-columns:20px 20px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:3px 0;
  display:grid
}
.t-order li b {
  color:#e2c275;
  text-align:right;
  font-variant-numeric:tabular-nums;
  font-weight:700
}
.t-order li img,.t-order li .t-no-icon {
  border:1px solid #000;
  width:20px;
  height:20px;
  box-shadow:0 0 0 1px #4d4a3c
}
.t-order-name {
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#ffd100;
  overflow:hidden
}
.t-order li small {
  color:#8f8a76;
  font-variant-numeric:tabular-nums;
  font-size:12px
}
.t-order-empty {
  color:#8f8a76;
  margin:0;
  padding:0 15px 10px
}
.t-order-perk {
  color:#8f8a76;
  border-top:1px solid #2c2a1f;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 10px;
  padding:9px 15px 11px;
  font-size:12px;
  display:flex
}
.t-order-perk>span:first-child {
  color:#d9cfb5;
  font-size:13px
}
.t-order-perk-ranks {
  gap:3px;
  display:flex
}
.t-order-perk-ranks button {
  all:unset;
  box-sizing:border-box;
  cursor:pointer;
  width:22px;
  height:22px;
  font:12px var(--font-sans);
  color:#d9cfb5;
  border:1px solid #4a4432;
  border-radius:2px;
  place-items:center;
  display:grid
}
.t-order-perk-ranks button:hover {
  color:#fff;
  border-color:#8f7b50
}
.t-order-perk-ranks button[aria-pressed=true] {
  color:#e2c275;
  background:#e2c27514;
  border-color:#e2c275
}
.t-order-perk-ranks button:focus-visible {
  outline-offset:1px;
  outline:2px solid #e2c275
}
.t-order-perk p {
  margin:0
}
.t-order-perk a {
  color:#c1c2b5
}
.t-planner .t-foot {
  position:relative
}
.t-planner .t-foot .t-order summary {
  box-sizing:border-box;
  align-items:center;
  min-height:50px;
  padding-right:230px
}
.t-planner .t-foot .t-order-toggle {
  margin-left:4px
}
.t-planner .t-foot .t-window-footer {
  box-sizing:border-box;
  background:0 0;
  border:0;
  align-items:center;
  height:50px;
  min-height:0;
  padding:0 15px;
  display:flex;
  position:absolute;
  top:0;
  right:0
}
@media (max-width:600px){
  .t-planner .t-foot .t-order summary{padding-right:15px}
  .t-planner .t-foot .t-window-footer{border-top:1px solid #2c2a1f;height:auto;padding:8px 12px;position:static}
  .t-planner .t-foot .t-actions{width:100%}
  .t-planner .t-foot .t-actions button{flex:1}
}
.t-popular {
  font:13px var(--font-sans);
  color:#c1c2b5;
  background:linear-gradient(#1d2018,#15170f);
  border-top:1px solid #64583e
}
.t-popular ul {
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0;
  padding:0;
  list-style:none;
  display:grid
}
.t-popular li {
  justify-content:center;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:12px 15px;
  display:flex
}
.t-popular li+li {
  border-left:1px solid #3a3526
}
.t-popular-icon {
  border:1px solid #000;
  flex:none;
  width:32px;
  height:32px;
  display:block;
  box-shadow:0 0 0 1px #4d4a3c
}
.t-popular-icon img,.t-popular-icon .t-no-icon {
  width:32px;
  height:32px;
  display:block
}
.t-popular-text {
  grid-template-columns:minmax(0,1fr);
  gap:2px;
  min-width:0;
  display:grid
}
.t-popular-text small {
  color:#8f8a76;
  font-size:11px
}
.t-popular-text>span {
  white-space:nowrap;
  align-items:baseline;
  gap:7px;
  min-width:0;
  font-size:13px;
  display:flex
}
.t-popular-text b {
  text-overflow:ellipsis;
  color:#ffd100;
  min-width:0;
  font-size:13.5px;
  font-weight:600;
  overflow:hidden
}
.t-popular-text i {
  color:#efe7d3;
  font-variant-numeric:tabular-nums;
  flex:none;
  font-style:normal
}
.t-popular button {
  color:#e2c275;
  font:12.5px var(--font-sans);
  cursor:pointer;
  background:0 0;
  border:0;
  flex:none;
  margin-left:10px;
  padding:4px 0
}
.t-popular button:hover:not(:disabled) {
  color:#fff
}
.t-popular button:focus-visible {
  outline-offset:2px;
  outline:2px solid #e2c275
}
.t-popular button:disabled {
  color:var(--game-green);
  cursor:default
}
.t-shell .p-title>a {
  font-size:14px
}
.t-version {
  color:var(--p-forever-title)!important;
  font:18px var(--font-serif)!important;
  letter-spacing:0!important
}
.t-toolbar {
  color:var(--text-muted);
  align-items:center;
  gap:20px;
  padding:12px 18px;
  font-size:14px;
  display:flex
}
.t-toolbar .p-search {
  margin-left:auto
}
.t-toolbar>.p-search input {
  width:170px
}
.t-trees {
  grid-template-columns:repeat(3,minmax(0,1fr));
  display:grid
}
.t-tree {
  isolation:isolate;
  border-top:1px solid #65593f;
  min-width:0;
  position:relative;
  overflow:hidden
}
.t-backdrop {
  z-index:-3;
  background:#161a15;
  grid-template-rows:66.6667% 33.3333%;
  grid-template-columns:80% 20%;
  display:grid;
  position:absolute;
  inset:0
}
.t-backdrop img {
  width:100%;
  height:100%;
  display:block
}
.t-tree-shade {
  z-index:-2;
  background:#07090742;
  position:absolute;
  inset:0
}
.t-tree-header {
  background:#10100d33;
  border-bottom:1px solid #a0874c66;
  justify-content:center;
  align-items:center;
  gap:10px;
  height:86px;
  display:flex
}
.t-tree-header h2 {
  font:20px var(--font-serif);
  color:var(--ivory);
  margin:0
}
.t-tree-header span {
  color:var(--text-muted);
  font-size:13px
}
.t-spec-icon {
  background:#151510;
  border:2px solid #b1975e;
  border-color:#b1975e #75603a #55462c #b1975e;
  border-radius:50%;
  justify-content:center;
  align-items:center;
  width:38px;
  height:38px;
  display:flex;
  overflow:hidden
}
.t-spec-icon img {
  border-radius:50%
}
.t-grid {
  grid-template-columns:repeat(4,minmax(0,1fr));
  place-items:center;
  margin:12px 22px 25px;
  padding:0;
  display:grid;
  position:relative
}
.t-node {
  z-index:1;
  cursor:pointer;
  background:#090c08;
  border:2px solid #a19876;
  border-color:#a19876 #5c5740 #4a4939 #a19876;
  border-radius:5px;
  width:46px;
  height:46px;
  padding:0;
  position:relative
}
.t-node img {
  border-radius:3px;
  width:42px;
  height:42px;
  display:block
}
.t-known {
  border-top-color:#a5bb6d;
  border-left-color:#a5bb6d
}
.t-unknown {
  filter:grayscale(.8);
  opacity:.6
}
.t-selected {
  outline-offset:3px;
  outline:2px solid #f1d276
}
.t-node:hover {
  border-color:#ecdb9b
}
.t-dim {
  opacity:.2
}
.t-no-icon {
  color:#8a8d7a;
  width:100%;
  height:100%;
  font:22px var(--font-serif);
  justify-content:center;
  align-items:center;
  display:flex
}
.t-node-rank {
  color:#d9dfa0;
  min-width:16px;
  font:13px/14px var(--font-sans);
  background:#10160c;
  border:1px solid #757344;
  padding:0 3px;
  position:absolute;
  bottom:-4px;
  right:-3px;
  z-index:2
}
.t-connectors {
  pointer-events:none;
  width:100%;
  height:100%;
  position:absolute;
  inset:0;
  overflow:visible
}
.t-connectors path {
  fill:none;
  stroke:#a89d70;
  stroke-width:2px;
  vector-effect:non-scaling-stroke;
  stroke-dasharray:3 3;
  opacity:.7
}
.t-window-footer {
  color:var(--text-muted);
  background:#171915;
  border-top:1px solid #63563c;
  justify-content:space-between;
  gap:15px;
  padding:11px 16px;
  font-size:13px;
  display:flex
}
.t-window-footer span {
  color:var(--text-muted)
}
.t-tooltip {
  z-index:70;
  pointer-events:none;
  color:#f0ebdd;
  width:290px;
  max-height:260px;
  font:14px/1.5 var(--font-sans);
  background:#080a0af5;
  border:1px solid #a79770;
  border-radius:3px;
  padding:10px 12px;
  position:fixed;
  overflow:hidden;
  box-shadow:0 3px 12px #0008
}
.t-tooltip strong,.t-tooltip>span {
  display:block
}
.t-tooltip strong {
  font-size:14px
}
.t-tooltip p {
  color:#f2d98f;
  margin:8px 0
}
.t-tooltip small {
  color:#a8aa9c;
  font-size:13px
}
.t-unplaced {
  background:#111b;
  padding:10px 15px
}
.t-unplaced small {
  color:#b9b09a
}
.t-unplaced>div {
  flex-wrap:wrap;
  gap:8px;
  margin-top:6px;
  display:flex
}
.t-unplaced button {
  color:#e0cfac;
  font:13px var(--font-sans);
  background:#161b13;
  border:1px solid #716244;
  padding:7px
}
.t-selected-detail {
  margin-top:20px;
  scroll-margin-top:15px
}
.t-selected-detail:focus {
  outline:none
}
.t-detail-body {
  grid-template-columns:1fr 1fr;
  gap:24px;
  padding:20px;
  display:grid
}
.t-detail-title {
  align-items:center;
  gap:12px;
  margin-bottom:15px;
  display:flex
}
.t-detail-title img {
  border:1px solid #85754d
}
.t-detail-title h2 {
  font:22px var(--font-serif);
  color:#e6d3a6;
  margin:0
}
.t-detail-title span {
  color:#9da892;
  font-size:14px
}
.t-effect {
  color:#dfca8f;
  white-space:pre-wrap;
  font-size:14px;
  line-height:1.7
}
.t-detail-body .p-evidence {
  margin:0
}
.t-rank-choice {
  gap:8px;
  display:flex
}
.t-index-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:2em;
  display:grid
}
.t-class-card {
  isolation:isolate;
  border:2px solid #76694e;
  border-color:#b09d75 #76694e #76694e #9a8b68;
  flex-direction:column;
  justify-content:flex-end;
  min-height:175px;
  padding:20px;
  display:flex;
  position:relative;
  overflow:hidden;
  color:#ead9b0!important
}
.t-class-card img.t-card-bg {
  object-fit:cover;
  z-index:-2;
  filter:brightness(.42);
  width:100%;
  height:100%;
  position:absolute;
  inset:0
}
.t-class-card h2 {
  font:24px var(--font-serif);
  margin:0
}
.t-class-card span {
  color:#c3c6b5;
  margin-top:5px;
  font-size:14px
}
.t-class-card:hover {
  border-color:#e2c38c;
  text-decoration:none!important
}
.t-index-grid+.p-footer {
  margin-top:25px
}
@media (max-width:1000px){
  .t-grid{margin-inline:12px}
  .t-node{width:42px;height:42px}
  .t-node img{width:38px;height:38px}
  .t-tree-header h2{font-size:18px}
}
@media (max-width:760px){
  .t-trees{grid-template-columns:1fr}
  .t-tree+.t-tree{border-top:2px solid #82704a;border-left:0}
  .t-grid{margin-inline:25px}
  .t-node{width:48px;height:48px}
  .t-node img{width:44px;height:44px}
  .t-tree-header{height:75px}
  .t-tree-header h2{font-size:23px}
  .t-toolbar{flex-wrap:wrap;gap:10px;padding:12px}
  .t-toolbar .p-search{order:3;width:100%;margin-left:0}
  .t-toolbar>.p-search input{width:100%}
  .t-toolbar>span:last-child{margin-left:auto}
  .t-window-footer{flex-direction:column;gap:4px}
  .t-detail-body{grid-template-columns:1fr;padding:16px}
  .t-index-grid{grid-template-columns:1fr 1fr;gap:10px}
  .t-class-card{min-height:150px;padding:13px}
  .t-class-card h2{font-size:21px}
  .t-class-card span{font-size:13px}
  .t-tooltip{display:none}
}
@media (max-width:380px){
  .t-grid{margin-inline:14px}
  .t-class-card{min-height:130px}
  .t-class-card h2{font-size:19px}
}
.t-shell .p-workspace {
  max-width:1164px
}
.t-window .p-window-title {
  height:27px;
  font-size:15px
}
.t-window .t-toolbar {
  min-height:61px;
  padding:10px 18px
}
.t-node:not(.t-selected):not(:hover) img {
  filter:brightness(.82)saturate(.85)
}
@media (max-width:760px){
  .t-shell .p-workspace{max-width:550px}
  .t-grid{width:min(100% - 40px,280px);grid-template-rows:repeat(7,60px)!important}
  .t-node{width:44px;height:44px}
  .t-node img{width:42px;height:42px}
  .t-tree-header{height:76px}
  .t-tree-header h2{font-size:21px}
}
.t-window {
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
  background:#10120f;
  padding:6px;
  position:relative;
  box-shadow:0 3px 18px #0009;
  border:0!important
}
.t-window img {
  -webkit-user-drag:none
}
.t-frame {
  pointer-events:none;
  z-index:5;
  background-image:url(../wow-ui/talent-main.PNG);
  width:64px;
  height:55px;
  position:absolute
}
.t-frame-tl {
  background-position:-1px -359px;
  top:-1px;
  left:-1px
}
.t-frame-tr {
  background-position:-1px -302px;
  top:-1px;
  right:-1px
}
.t-frame-bl {
  background-position:-71px -244px;
  bottom:-1px;
  left:-1px
}
.t-frame-br {
  background-position:-137px -244px;
  bottom:-1px;
  right:-1px
}
.t-frame-top,.t-frame-bottom {
  z-index:5;
  pointer-events:none;
  background-image:url(../wow-ui/talent-horiz.PNG);
  background-repeat:repeat-x;
  position:absolute;
  left:63px;
  right:63px
}
.t-frame-top {
  background-position:0 -7px;
  height:11px;
  top:-1px
}
.t-frame-bottom {
  background-position:0 -1px;
  height:4px;
  bottom:0
}
.t-window:before,.t-window:after {
  content:"";
  z-index:5;
  pointer-events:none;
  background:linear-gradient(90deg,#181916,#7e7868,#353730,#141711);
  width:5px;
  position:absolute;
  top:54px;
  bottom:54px
}
.t-window:before {
  left:0
}
.t-window:after {
  right:0;
  transform:scaleX(-1)
}
.t-node:after {
  content:"";
  pointer-events:none;
  background:url(../wow-ui/UI-Quickslot2.PNG) 50%/100% 100%;
  position:absolute;
  inset:-12px
}
.t-node.t-allocated .t-node-rank {
  color:#26e124;
  border-color:#55814a
}
.t-node.t-maxed .t-node-rank {
  color:#ffdf52;
  border-color:#ac9244
}
.t-node:hover:after {
  filter:brightness(1.45)
}
.t-points-left {
  color:#f0d67a;
  font:14px var(--font-sans);
  text-transform:none;
  letter-spacing:0;
  margin-left:auto
}
.t-actions {
  gap:8px;
  margin-left:auto;
  display:flex
}
.t-actions button {
  cursor:pointer;
  font-size:13px
}
.t-actions button:disabled {
  color:#777;
  cursor:default;
  border-image-source:url(../wow-ui/UI-Panel-Button-Disabled.PNG)
}
.t-help {
  font:13px/1.5 var(--font-sans);
  color:#939b8b;
  margin:9px 2px
}
.t-help button {
  color:#d9c492;
  cursor:pointer;
  font:inherit;
  background:0 0;
  border:0;
  padding:0;
  text-decoration:underline
}
@media (max-width:760px){
  .t-window .p-window-title{gap:8px}
  .t-points-left{font-size:13px}
  .t-window-footer{flex-direction:row}
  .t-actions{margin-left:0}
  .t-toolbar{display:none}
}
.t-window .p-window-title .t-points-left {
  font:14px var(--font-sans);
  letter-spacing:0;
  color:#f0d67a
}
.t-node.t-available:after {
  filter:sepia()saturate(4)hue-rotate(65deg)brightness(1.15)
}
.t-node.t-available {
  box-shadow:0 0 2px 1px #5bba54
}
.t-points-left b {
  font:27px/31px var(--font-serif);
  color:#78e45b;
  text-align:center;
  text-shadow:0 0 5px #44a53077;
  background:#0b110a;
  border:1px solid #635b3f;
  min-width:39px;
  box-shadow:inset 0 1px 3px #000
}
.p-shell .t-window {
  background:#151710;
  border-radius:3px;
  padding:3px;
  box-shadow:0 0 0 1px #181b14,inset 0 0 0 1px #8b75473d,0 3px 15px #0009;
  border:2px solid #5f533b!important
}
.t-tree+.t-tree {
  border-left:1px solid #66563b
}
.t-supplemental {
  gap:12px;
  margin-top:20px;
  display:grid
}
.t-extra-section>summary {
  color:#d7c38f;
  font:17px var(--font-serif);
  cursor:pointer;
  align-items:center;
  gap:10px;
  padding:12px 15px;
  list-style:none;
  display:flex
}
.t-extra-section>summary:before {
  content:"▸";
  font:13px var(--font-sans);
  color:#9c957e
}
.t-extra-section[open]>summary:before {
  content:"▾"
}
.t-extra-section summary::-webkit-details-marker {
  display:none
}
.t-extra-section>summary small {
  font:13px var(--font-sans);
  color:#a2aa98;
  margin-left:auto
}
.t-extra-body {
  padding:0 15px 15px
}
.t-extra-body>p {
  font:14px/1.6 var(--font-sans);
  color:#a6ae9d;
  margin:0 0 18px
}
.t-perk-groups {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:25px;
  display:grid
}
.t-perk-groups h2 {
  color:#cdbd91;
  margin:0 0 10px;
  font:17px Georgia
}
.t-perk {
  border-top:1px solid #3d4435;
  padding:9px 0
}
.t-perk>summary {
  cursor:pointer;
  color:#d1d1bc;
  font:15px/1.5 var(--font-sans);
  align-items:center;
  gap:10px;
  display:flex
}
.t-perk>summary:before {
  content:"+";
  color:#929d86
}
.t-perk[open]>summary:before {
  content:"−"
}
.t-perk>summary small {
  color:#959e89;
  margin-left:auto;
  font-size:13px
}
.t-perk p,.t-racial-ability p {
  font:14px/1.6 var(--font-sans);
  color:#bdc2ac;
  white-space:pre-wrap;
  margin:10px 0
}
.t-perk .p-evidence {
  padding:4px 0 8px
}
.t-perk .p-evidence>summary {
  color:#9da68f;
  font-size:13px
}
.t-race-groups {
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  column-gap:30px;
  display:grid
}
.t-racial-ability {
  padding:8px 0
}
.p-shell .t-racial-ability h3 {
  color:#d4c38f;
  margin:5px 0;
  font:14px Georgia
}
.t-extra-section summary:focus-visible {
  outline-offset:3px;
  outline:1px solid #c0aa75
}
.t-race-groups>.t-perk {
  break-inside:avoid
}
.t-node-frame {
  pointer-events:none;
  z-index:1;
  width:calc(100% + 2px);
  height:calc(100% + 2px);
  position:absolute;
  inset:-1px;
  overflow:visible
}
.t-node-frame-outer {
  fill:none;
  stroke:var(--t-frame-color);
  stroke-width:1.8px;
  stroke-linejoin:round
}
.t-node-frame-inner {
  fill:none;
  stroke:var(--t-frame-inner);
  stroke-width:.65px;
  opacity:.6
}
.t-node.t-locked {
  --t-frame-color:#697985;
  --t-frame-inner:#9ba5aa
}
.t-node.t-allocated,.t-node.t-maxed {
  --t-frame-color:#ffe342;
  --t-frame-inner:#fff9a0
}
.t-node:not(.t-allocated):hover {
  --t-frame-color:#f2f7f5
}
.t-node.t-allocated .t-node-rank,.t-node.t-maxed .t-node-rank {
  color:#fff071;
  border-color:#b4a843
}
.t-spec-icon .t-tree-points {
  color:#eddf9e;
  min-width:18px;
  height:17px;
  font:13px/15px var(--font-sans);
  text-align:center;
  z-index:2;
  background:#1a1c11;
  border:1px solid #9d8953;
  border-radius:1px;
  place-items:center;
  padding:0 3px;
  display:grid;
  position:absolute;
  bottom:-5px;
  right:-6px
}
.t-connectors .t-link-shadow {
  fill:none;
  stroke:#0c1514;
  stroke-width:3.5px
}
.t-connectors .t-link-line {
  fill:none;
  stroke:#849592;
  stroke-width:1.4px
}
.t-connectors .t-link-active .t-link-line {
  stroke:#e9cf45
}
.t-connectors .t-arrowhead {
  stroke:none;
  fill:#849592
}
.t-connectors .t-arrowhead-active {
  fill:#e9cf45
}
@media (max-width:760px){
  .t-grid{--t-node-size:44px}
}
.t-node:not(.t-allocated) img {
  filter:grayscale(.9)brightness(.82)!important
}
.t-node.t-locked img {
  filter:grayscale()brightness(.36)!important
}
.t-node.t-allocated img {
  filter:none!important
}
.t-node:focus-visible {
  outline-offset:4px;
  outline:2px solid #badbff
}
.t-tree-header:after {
  content:"";
  filter:drop-shadow(0 0 2px #e7cc9180);
  pointer-events:none;
  background:linear-gradient(90deg,#0000 0%,#bda16a35 18%,#e7d5a5a6 38%,#fff1cf 50%,#e7d5a5a6 62%,#bda16a35 82%,#0000 100%);
  height:1px;
  position:absolute;
  bottom:0;
  left:0;
  right:0
}
.t-points-left b.t-points-positive {
  color:#79e05a
}
.p-shell.t-shell {
  isolation:isolate;
  background:0 0;
  position:relative
}
.p-shell.t-shell:before {
  content:"";
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(#09110c47,#080f0b6b),url(../prototype/woodland-selector.png) 50%/cover no-repeat;
  position:fixed;
  inset:0
}
.t-shell>.p-header {
  background:var(--bg)
}
.t-shell .p-title h1,.t-shell .p-title>a,.t-shell .t-help,.t-shell .p-footer {
  text-shadow:0 1px 3px #000,0 1px 8px #000
}
.t-shell>.p-workspace>.t-help {
  color:#c5cebb
}
.t-shell .p-footer {
  color:#c6cdbd
}
.t-tooltip-metadata {
  color:#f4f4ed;
  font:14px/1.35 var(--font-sans);
  margin-top:8px
}
.t-tooltip-row {
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  display:grid
}
.t-tooltip-row>span:last-child {
  text-align:right
}
.t-tooltip-passive {
  display:block
}
.t-tooltip-requirement {
  margin-top:3px
}
.t-tooltip-variant {
  margin-top:8px
}
.t-tooltip-variant .t-tooltip-metadata {
  margin-top:2px
}
.t-spec-icon>img {
  width:32px;
  height:32px
}
.t-tooltip>span {
  color:#f4f4f4;
  font-size:14px
}
.t-tooltip-variant>strong {
  font-size:14px
}
@media (max-width:760px){
  .t-grid{--t-node-size:56px;width:min(100% - 24px,322px);grid-template-rows:repeat(7,69px)!important}
  .t-tree-header{height:88px}
  .t-tree-header h2{font-size:24px}
  .t-window-footer{padding:11px 12px}
}
.t-window .p-window-title,.t-tree-header h2,.t-actions button {
  font-family:var(--font-sans)
}
.t-legacy-link {
  font:18px var(--font-serif);
  justify-content:space-between;
  align-items:center;
  gap:15px;
  margin:18px 0;
  padding:14px 16px;
  display:flex;
  color:#e2d0a1!important;
  text-decoration:none!important
}
.t-legacy-link small {
  font:14px var(--font-sans);
  color:#bdc9c7
}
.t-legacy-link:hover {
  border-color:#ac985e
}
.t-node.t-linked {
  outline-offset:3px;
  outline:3px solid #0000;
  animation:1s ease-in-out 3 t-linked
}
.t-tree-reset {
  color:#f4f4ed;
  cursor:pointer;
  background:#161816e6;
  border:1px solid #4d4f4a;
  border-radius:5px;
  place-items:center;
  width:28px;
  height:28px;
  padding:0;
  display:grid;
  position:absolute;
  top:50%;
  right:14px;
  transform:translateY(-50%);
  box-shadow:inset 0 1px #ffffff14
}
.t-tree-reset:hover:not(:disabled) {
  color:#fff;
  background:#22252a;
  border-color:#9a9d92
}
.t-tree-reset:focus-visible {
  outline-offset:2px;
  outline:2px solid #fff0b5
}
.t-tree-reset:disabled {
  opacity:.45;
  cursor:default
}
.t-index {
  border-top:1px solid var(--line);
  margin-top:28px;
  padding-top:22px
}
.t-index h2 {
  color:var(--ivory);
  margin:0 0 6px;
  font-size:18px
}
.t-index-lede {
  color:var(--text-muted);
  max-width:70ch;
  margin:0 0 16px;
  font-size:13.5px
}
.t-index-trees {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  display:grid
}
.t-index-tree h3 {
  font:700 14px var(--font-sans);
  color:var(--ivory-2);
  margin:0 0 8px
}
.t-index-tree ol {
  margin:0;
  padding:0;
  list-style:none
}
.t-index-tree li {
  border-top:1px solid var(--line);
  color:var(--ivory-2);
  padding:8px 0;
  font-size:13px;
  line-height:1.5
}
.t-index-tree li strong {
  color:var(--ivory)
}
.t-index-tree li small {
  color:var(--text-muted);
  margin-left:6px
}
.t-index-tree li em {
  border:1px solid var(--line-2);
  font:600 10.5px/16px var(--font-sans);
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--text-muted);
  border-radius:2px;
  margin-left:8px;
  padding:0 5px;
  font-style:normal;
  display:inline-block
}
.t-index-tree li.t-index-added em {
  color:var(--add);
  border-color:#8fd37a66
}
.t-index-tree li.t-index-modified em,.t-index-tree li.t-index-moved em {
  color:var(--mod);
  border-color:#f0c67466
}
.t-index-tree li span {
  color:var(--text);
  margin-top:3px;
  display:block
}
.t-compare-controls {
  background:#17171c;
  border-bottom:1px solid #34343a;
  flex-wrap:wrap;
  align-items:center;
  gap:2em;
  padding:12px 16px;
  display:flex
}
.t-compare-toggle,.t-allocation-controls button {
  font:inherit;
  color:#dedee4;
  cursor:pointer;
  background:#292930;
  border:1px solid #54545e;
  border-radius:4px;
  padding:8px 12px;
  font-size:13px
}
.t-compare-toggle {
  color:#f3dfaf;
  background:#3c3528;
  border-color:#776344;
  border-radius:3px;
  min-height:38px;
  padding:0 14px;
  font-size:13.5px;
  font-weight:600;
  transition:background-color .12s,border-color .12s,color .12s,transform 80ms
}
.t-compare-toggle:hover {
  color:#fff1c8;
  background:#4a4131;
  border-color:#a68a52
}
.t-compare-toggle:active {
  transform:translateY(1px)
}
.t-compare-toggle[aria-pressed=true] {
  color:#ffe8a8;
  background:#5b4b2a;
  border-color:#d2ad5f;
  box-shadow:inset 0 1px #ffe6aa2e,0 0 0 1px #d2ad5f38
}
.t-compare-toggle[aria-pressed=true]:hover {
  background:#66542f;
  border-color:#e2bd6c
}
.t-compare-toggle[aria-pressed=true]:before {
  content:"✓ "
}
.t-compare-legend {
  color:#aaaab4;
  flex-wrap:wrap;
  gap:14px;
  font-size:12px;
  display:flex
}
.t-legend-added {
  color:#91d5ac
}
.t-legend-modified {
  color:#aaaab4;
  align-items:center;
  gap:5px;
  display:inline-flex
}
.t-legend-moved {
  color:#acbffc
}
.t-change-badge {
  z-index:5;
  background:#14151b;
  border:1px solid;
  border-radius:3px;
  place-items:center;
  width:19px;
  height:19px;
  font:700 14px/1 system-ui;
  display:grid;
  position:absolute;
  top:-5px;
  left:-5px;
  box-shadow:0 1px 4px #000
}
.t-change-badge.t-change-added {
  color:#91d5ac
}
.t-change-badge.t-change-modified,.t-changed-dot {
  background:#d99149;
  border:0;
  border-radius:50%;
  width:7px;
  height:7px;
  font-size:0;
  box-shadow:0 0 0 1px #18191e
}
.t-change-badge.t-change-modified {
  top:-2px;
  left:-2px
}
.t-changed-dot {
  flex:0 0 7px;
  display:inline-block
}
.t-change-context {
  color:#aaaab4;
  grid-column:1/-1;
  font-size:11px
}
.t-change-badge.t-change-moved {
  color:#acbffc
}
.t-compare-on .t-node.t-change-unchanged:not(.t-allocated):not(:hover):not(:focus-visible) img {
  filter:grayscale()brightness(.48)!important
}
.t-compare-on .t-node:is(.t-change-added,.t-change-modified,.t-change-moved) img {
  filter:brightness(.95)!important
}
.t-compare-on .t-node.t-locked:is(.t-change-added,.t-change-modified,.t-change-moved) img {
  filter:brightness(.72)!important
}
.t-comparison {
  text-align:left;
  gap:14px;
  margin-top:12px;
  line-height:1.55;
  display:grid
}
.t-comparison-side {
  min-width:0
}
.t-comparison-side h3 {
  color:#e8e5df;
  margin:0 0 3px;
  font-size:14px
}
.t-comparison-side h3 span {
  color:#a5a6af;
  margin-left:6px;
  font-size:11px;
  font-weight:400
}
.t-comparison-side>small {
  color:#9698a5;
  font-size:11px;
  display:block
}
.t-comparison-side p {
  color:#eee0b4;
  margin:7px 0 0;
  font-size:13px;
  line-height:1.55
}
.t-comparison-forever h3 {
  color:#bde9f3
}
.t-comparison-side .t-estimated,.t-comparison-side .t-comparison-warning {
  color:#e5b575
}
.t-rank-context {
  color:#aaaab4;
  grid-column:1/-1;
  font-size:11px
}
.t-change-line {
  color:#b9bcc6;
  flex-wrap:wrap;
  grid-column:1/-1;
  align-items:baseline;
  gap:4px 10px;
  font-size:13px;
  font-weight:600;
  display:flex
}
.t-change-line small {
  color:#a5a6af;
  font-size:12px;
  font-weight:400
}
.t-change-line-added {
  color:#91d5ac
}
.t-change-line-modified {
  color:#e5a25c
}
.t-change-line-moved {
  color:#acbffc
}
.t-diff-del {
  color:#b7a97f;
  -webkit-text-decoration:line-through #b7a97fb0;
  text-decoration:line-through #b7a97fb0
}
.t-diff-add {
  color:#fffbe6;
  text-underline-offset:3px;
  -webkit-text-decoration:underline #ffd10088;
  text-decoration:underline #ffd10088
}
.t-classic-note {
  color:#a5a6af;
  grid-column:1/-1;
  font-size:12px
}
.t-tooltip.t-tooltip-compare {
  pointer-events:auto;
  width:560px
}
.t-tooltip .t-comparison[data-comparison=on] {
  grid-template-columns:1fr 1fr
}
.t-tooltip .t-comparison-side+.t-comparison-side {
  border-left:1px solid #43434b;
  padding-left:14px
}
.t-allocation-controls {
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:18px;
  font-size:12px;
  display:flex
}
.t-allocation-controls button:disabled {
  opacity:.4;
  cursor:default
}
.t-index-tree .t-index-name {
  align-items:center;
  gap:8px;
  display:flex
}
.t-index-name img,.t-index-tree .t-index-name .t-no-icon {
  object-fit:cover;
  border-radius:3px;
  flex:0 0 24px;
  width:24px;
  height:24px
}
.t-index-tree .t-index-name .t-no-icon {
  background:#303039;
  place-items:center;
  display:grid
}
.t-compare-toggle:focus-visible,.t-allocation-controls button:focus-visible {
  outline-offset:3px;
  outline:2px solid #bde9f3
}
.t-tooltip .t-comparison-side h3,.t-tooltip .t-comparison-side h3 span,.t-tooltip .t-comparison-side>small,.t-tooltip .t-change-context,.t-tooltip .t-rank-context {
  color:#fff
}
.t-tooltip .t-change-line,.t-sheet .t-change-line {
  font-size:14px
}
.t-tooltip .t-change-line small,.t-tooltip .t-classic-note,.t-sheet .t-change-line small,.t-sheet .t-classic-note {
  color:#c2cabb;
  font-size:13px
}
.t-tooltip .t-comparison[data-comparison=off] {
  gap:8px
}
.t-tooltip .t-comparison-side p {
  color:var(--game-yellow);
  font-size:14px;
  line-height:1.45
}
.t-tree-tabs,.t-help-touch {
  display:none
}
.t-node.t-sheet-open {
  --t-frame-color:#fff6a8;
  --t-frame-inner:#fffbd6
}
.t-node.t-sheet-open .t-node-frame {
  filter:drop-shadow(0 0 3px #ffd100)drop-shadow(0 0 6px #ffd100aa)
}
.t-node.t-sheet-open img {
  filter:none!important
}
.t-sheet .p-rank-buttons {
  color:#c2cabb;
  margin:2px 0 0
}
.t-sheet .p-rank-buttons button {
  color:#dfe3da;
  min-height:32px
}
.t-sheet .t-comparison {
  gap:10px;
  margin-top:6px
}
.t-sheet .t-comparison-side h3,.t-sheet .t-comparison-side h3 span,.t-sheet .t-comparison-side>small,.t-sheet .t-change-context,.t-sheet .t-rank-context {
  color:#fff
}
.t-sheet .t-comparison-side p {
  color:var(--game-yellow);
  margin-top:4px;
  font-size:14px;
  line-height:1.45
}
.t-sheet .t-comparison[data-comparison=on] .t-comparison-side+.t-comparison-side {
  border-top:1px solid #ffffff24;
  padding-top:10px
}
.t-sheet .t-tooltip-metadata {
  color:#fff;
  margin-top:6px;
  font-size:14px
}
.t-sheet .p-evidence {
  border:0;
  margin:8px 0 0;
  padding:0;
  font-size:13px
}
.t-sheet .p-evidence>summary {
  color:#b9c1b3;
  cursor:pointer;
  padding:6px 0
}
@media (max-width:760px){
  .t-tree-tabs{background:#11130e;border-bottom:1px solid #65593f;grid-template-columns:repeat(3,minmax(min-content,1fr));gap:5px;padding:6px;display:grid}
  .t-tree-tabs button{color:#c9c6b4;min-width:0;min-height:58px;font:600 12px/1.15 var(--font-sans);letter-spacing:-.1px;cursor:pointer;touch-action:manipulation;background:#1a1c16;border:1px solid #3f3b2d;border-radius:4px;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px 6px;padding:6px 3px;display:flex}
  .t-tree-tabs button img,.t-tree-tabs .t-no-icon{border-radius:50%;width:24px;height:24px}
  .t-tree-tabs button span{text-align:center;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;flex:0 0 100%;min-width:0}
  .t-tree-tabs button b{color:#bbc4c4;min-width:20px;font:600 13px/17px var(--font-sans);background:#0e100b;border:1px solid #5d5640;border-radius:2px;padding:0 4px}
  .t-tree-tabs button b.t-points-positive{color:#fff071;border-color:#b4a843}
  .t-tree-tabs button[aria-pressed=true]{color:#fff;background:#2b2b1f;border-color:#b1975e;box-shadow:inset 0 -2px #ffd100}
  .t-tree:not(.t-tree-current){display:none}
  .t-tree,.t-tree+.t-tree{border-top:0}
  .t-tree-header{height:64px}
  .t-tree-header h2{font-size:21px}
}
@media (max-width:380px){
  .t-tree-tabs button{font-size:11.5px}
}
.t-node.t-available .t-node-rank {
  color:#5bf72d
}
.t-node.t-available:not(.t-allocated) {
  --t-frame-color:#4fbf3a;
  --t-frame-inner:#9be38a
}
.t-node.t-available:not(.t-allocated):hover {
  --t-frame-color:#8ff27a;
  --t-frame-inner:#d4ffc9
}
.t-node.t-just-maxed .t-node-frame {
  animation:.55s ease-out t-maxed-flash
}
.t-node.t-just-maxed .t-node-rank {
  animation:.55s ease-out t-maxed-rank
}
@media (prefers-reduced-motion:reduce){
  .t-node.t-just-maxed .t-node-frame,.t-node.t-just-maxed .t-node-rank{animation:none}
}

/* ---- 天赋树 v2 外壳（tv2-talents） ---- */
.tv2-talents .t-compare-controls:empty {
  display:none
}
.tv2-talents .t-compare-controls {
  padding:8px 16px
}
.tv2-title-actions .t-compare-toggle {
  white-space:nowrap;
  font:600 13.5px var(--font-sans);
  min-height:38px
}
.tv2-talents .p-title h1 {
  min-width:0
}
@media (max-width:1000px){
  .tv2-talents .p-title{flex-wrap:wrap}
  .tv2-title-actions{flex-wrap:wrap;gap:8px 14px}
  .tv2-title-actions .t-compare-toggle{min-height:44px}
  .tv2-title-actions{flex-shrink:1;justify-content:flex-end;width:100%;min-width:0}
}
.tv2-crest-spec img,.tv2-crest-spec .t-no-icon {
  width:24px;
  height:24px;
  display:block
}
.tv2-slot img,.tv2-slot .t-no-icon {
  width:36px;
  height:36px;
  display:block;
  position:absolute;
  inset:4px
}
.p-shell.tv2-talents .t-actions button {
  color:#e8c67a;
  height:auto;
  min-height:30px;
  font:600 14px/20px var(--font-sans);
  text-shadow:0 1px 2px #000;
  background:url(../wow-ui/UI-Panel-Button-Up.PNG) 0 0/160% 139.13% no-repeat;
  border:0;
  border-radius:0;
  padding:5px 16px
}
.p-shell.tv2-talents .t-actions button:hover:not(:disabled) {
  color:#fff;
  filter:brightness(1.15)
}
.p-shell.tv2-talents .t-actions button:active:not(:disabled) {
  background-image:url(../wow-ui/UI-Panel-Button-Down.PNG)
}
.p-shell.tv2-talents .t-actions button:disabled {
  opacity:1;
  color:gray;
  background-image:url(../wow-ui/UI-Panel-Button-Disabled.PNG)
}
.tv2-talents .t-index {
  border-top:1px solid var(--line);
  margin-top:36px;
  padding-top:0
}
.tv2-talents .t-index-fold>summary {
  cursor:pointer;
  align-items:baseline;
  gap:14px;
  padding:16px 0;
  list-style:none;
  display:flex
}
.tv2-talents .t-index-fold>summary::-webkit-details-marker {
  display:none
}
.tv2-talents .t-index-fold>summary:focus-visible {
  outline-offset:2px;
  outline:2px solid #e2c275
}
.p-shell.tv2-talents .t-index h2 {
  font:700 15px/1.3 var(--font-sans);
  letter-spacing:0;
  color:var(--ivory-2);
  margin:0
}
.t-index-toggle {
  color:#e2c275;
  flex:none;
  margin-left:auto;
  font-size:13px
}
.t-index-toggle:before {
  content:attr(data-show)
}
.t-index-fold[open] .t-index-toggle:before {
  content:attr(data-hide)
}
.tv2-talents .t-index-fold>summary:hover h2,.tv2-talents .t-index-fold>summary:hover .t-index-toggle {
  color:#fff
}
.tv2-talents .t-index-lede {
  max-width:72ch;
  color:var(--text-muted);
  margin:0 0 18px;
  font-size:13px;
  line-height:1.6
}
.tv2-talents .t-index-trees {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0 36px;
  max-width:none;
  margin:0 0 8px;
  display:grid
}
.tv2-talents .t-index-tree {
  margin:0
}
.t-index-head {
  border-bottom:1px solid var(--line);
  align-items:center;
  gap:8px;
  padding:0 0 8px;
  display:flex
}
.t-index-head img,.t-index-head .t-no-icon {
  border:1px solid #000;
  flex:none;
  width:20px;
  height:20px
}
.p-shell .t-index-head h3 {
  font:700 14px/1.2 var(--font-sans);
  color:var(--ivory-2);
  border:0;
  margin:0;
  padding:0
}
.tv2-talents .t-index-tree>ol {
  margin:0;
  padding:0 0 8px;
  list-style:none
}
.tv2-talents .t-index-tree li.t-index-tier {
  border:0;
  padding:0
}
.p-shell .t-index-tier h4 {
  font:12px var(--font-sans);
  color:var(--text-muted);
  text-transform:capitalize;
  margin:0;
  padding:12px 0 2px
}
.tv2-talents .t-index-tier ul {
  margin:0;
  padding:0;
  list-style:none
}
.tv2-talents .t-index-tier ul li {
  border:0;
  padding:0;
  scroll-margin-top:80px;
  font-size:13px;
  line-height:1.45
}
.tv2-talents .t-index-tier ul li:target summary {
  background:#2a2614
}
.tv2-talents .t-index-tier summary {
  cursor:pointer;
  grid-template-columns:22px minmax(0,1fr) auto 10px;
  align-items:center;
  gap:9px;
  padding:4px 0;
  list-style:none;
  display:grid
}
.tv2-talents .t-index-tier summary::-webkit-details-marker {
  display:none
}
.tv2-talents .t-index-tier summary:after {
  content:"";
  border:solid var(--text-muted);
  width:5px;
  height:5px;
  transition:transform .15s var(--ease);
  border-width:0 1.5px 1.5px 0;
  transform:rotate(-45deg)
}
.tv2-talents .t-index-tier details[open]>summary:after {
  transform:rotate(45deg)translate(-1px,-1px)
}
.tv2-talents .t-index-tier summary:hover strong {
  color:#fff
}
.tv2-talents .t-index-tier summary:hover:after {
  border-color:#e2c275
}
.tv2-talents .t-index-tier summary:focus-visible {
  outline-offset:1px;
  outline:2px solid #e2c275
}
.tv2-talents .t-index-tier summary img,.tv2-talents .t-index-tier summary .t-no-icon {
  opacity:.85;
  border:1px solid #000;
  border-radius:0;
  width:22px;
  height:22px
}
.tv2-talents .t-index-line {
  flex-wrap:wrap;
  align-items:baseline;
  gap:0 8px;
  min-width:0;
  margin:0;
  display:flex
}
.tv2-talents .t-index-line strong {
  color:var(--ivory-2);
  font-size:13px;
  font-weight:500;
  line-height:1.35
}
.tv2-talents .t-index-tier summary>small {
  color:var(--text-muted);
  white-space:nowrap;
  margin:0;
  font-size:11.5px
}
.tv2-talents .t-index-tier ul li em {
  letter-spacing:0;
  text-transform:none;
  color:var(--text-muted);
  background:0 0;
  border:0;
  margin:0;
  padding:0;
  font-size:11.5px;
  font-style:normal;
  font-weight:400;
  display:inline
}
.tv2-talents .t-index-tier ul li.t-index-added em {
  color:#7fae72
}
.tv2-talents .t-index-tier ul li.t-index-modified em {
  color:#c29a6a
}
.tv2-talents .t-index-tier ul li.t-index-moved em {
  color:#7fa9bd
}
.tv2-talents .t-index-tier ul li.t-index-removed em {
  color:#c47a70
}
.tv2-talents .t-index-tier .t-index-text {
  color:#d9c88a;
  margin:0;
  padding:0 0 8px 31px;
  line-height:1.5;
  display:block
}
.tv2-talents .t-index-tier li .spell-ref {
  color:inherit;
  margin:0;
  display:inline
}
@media (max-width:1100px){
  .tv2-talents .t-index-trees{grid-template-columns:1fr;gap:18px;max-width:640px}
}
@media (max-width:760px){
  .tv2-talents .t-index-tier summary{min-height:40px}
}
.t-window .tv2-bar-compare,.t-window .tv2-bar-compare:hover,.t-window .tv2-bar-compare[aria-pressed=true],.t-window .tv2-bar-compare[aria-pressed=true]:hover {
  min-height:36px;
  box-shadow:none;
  color:var(--game-yellow);
  font:14px var(--font-sans);
  text-shadow:0 1px 2px #000;
  background:0 0;
  border:0;
  border-radius:0;
  align-items:center;
  gap:2px;
  margin-left:auto;
  padding:0;
  display:inline-flex;
  transform:none
}
.t-window .tv2-bar-compare[aria-pressed=true]:before {
  content:none
}
.t-window .tv2-bar-compare:hover {
  color:#fff
}
.t-compare-toggle:active .tv2-check {
  background-image:url(../wow-ui/UI-CheckBox-Down.PNG)
}
.t-compare-toggle[aria-pressed=true] .tv2-check:before {
  background-image:url(../wow-ui/UI-CheckBox-Check.PNG)
}
.t-compare-toggle:hover .tv2-check:after {
  mix-blend-mode:screen;
  background-image:url(../wow-ui/UI-CheckBox-Highlight.PNG)
}
.tv2-talents .tv2-title-actions {
  gap:10px
}
body .t-tooltip.t-tooltip-compare {
  width:360px
}
body .t-tooltip .t-comparison[data-comparison=on] {
  grid-template-columns:1fr;
  gap:10px
}
body .t-tooltip .t-comparison[data-comparison=on] .t-comparison-forever {
  border-left:0;
  order:1;
  padding-left:0
}
body .t-tooltip .t-comparison[data-comparison=on] .t-comparison-classic {
  border-top:1px solid #ffffff24;
  border-left:0;
  order:2;
  padding:10px 0 0
}
.t-window .p-window-title:has(.tv2-bar-compare) .t-lvl {
  margin-left:18px
}
.t-window .tv2-bar-compare {
  letter-spacing:0;
  text-transform:none;
  min-height:0!important;
  font:13px var(--font-sans)!important
}
@media (max-width:760px){
  .t-window .p-window-title:has(.tv2-bar-compare){flex-wrap:wrap;row-gap:4px}
  .t-window .p-window-title:has(.tv2-bar-compare) .t-lvl{margin-left:0}
  .t-window .tv2-bar-compare{flex-basis:100%;order:3;min-height:36px!important;margin-left:0!important}
}
.p-shell.tv2-talents .p-window-title>.tv2-bar-compare,.p-shell.tv2-talents .p-window-title>.tv2-bar-compare:hover,.p-shell.tv2-talents .p-window-title>.tv2-bar-compare:active {
  width:auto;
  height:auto;
  box-shadow:none;
  color:var(--game-yellow);
  white-space:nowrap;
  background:0 0;
  border:0;
  border-radius:0;
  padding:0;
  display:inline-flex
}
.p-shell.tv2-talents .p-window-title>.tv2-bar-compare:hover {
  color:#fff
}
@media (max-width:760px){
  .p-shell.tv2-talents .t-window .p-window-title:has(.tv2-bar-compare){height:auto;min-height:39px;padding-block:4px}
}


/* ==== merchants-favor / en3 布局（chunk 2zle5sozexlma.css，2026-09-29 复刻） ==== */
.en3-page{max-width:var(--v2-max,1180px);margin:0 auto;padding:4px 24px 72px}
.en3 .dgx-chapter-head>div{min-width:0}
.en3 .dgx-chapter-head p a{color:var(--accent)}
.en3-h2{font:700 26px/1.15 var(--font-display,var(--font-sans));color:var(--ivory);margin:0 0 14px}
.p-shell .en3-h3{font:700 15px var(--font-sans);letter-spacing:0;color:var(--ivory);margin:0 0 10px}
.en3-h3 small{font:400 12.5px var(--font-sans);color:var(--text-muted);margin-left:6px}
.en3-section{border-top:1px solid var(--line);margin-top:44px;padding-top:26px}
.en3-anchor{scroll-margin-top:64px}
.en3-lede{color:var(--text);margin:-4px 0 14px;font-size:14px}
.en3-note{color:var(--text-muted);margin:12px 0 0;font-size:13px}
.en3-note a{color:var(--accent)}
.en3 .q0{color:#9d9d9d}
.en3 .q1{color:#fff}
.en3 .q2{color:#1eff00}
.en3 .q3{color:#4aa3ff}
.en3 .q4{color:#a335ee}
.en3 .q5{color:#ff8000}
.en3 :is(input,button,a):focus-visible{outline-offset:2px;outline:2px solid #b4cde0}
.en3-c-orange{color:#ff8040}
.en3-c-yellow{color:#ff0}
.en3-c-green{color:#40bf40}
.en3-c-grey{color:gray}
.en3-c-locked{color:var(--game-red)}
.en3-q2{border-color:#1a7a0c!important}
.en3-q3{border-color:#2b6cb3!important}
.en3-q4{border-color:#7a2bb8!important}
.en3-browse{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:20px;display:grid}
.en3-slots{position:sticky;top:64px}
.en3-slots button{padding:8px 12px}
.en3-slot{align-items:center;gap:10px;display:inline-flex}
.en3-slot img{border:1px solid #4b4b4b;border-radius:3px;width:28px;height:28px}
.en3-slots button[aria-pressed=true] img{border-color:var(--gold)}
.en3-panel{animation:none}
.en3-panel-head{border-bottom:1px solid var(--line-2)}
.en3-panel-title{align-items:center;gap:12px;padding:14px 16px 0;display:flex}
.en3-panel-title img{border:1px solid var(--gold-2);border-radius:3px}
.en3-panel-title h3{font:700 20px var(--font-display,var(--font-sans));color:var(--ivory);margin:0}
.en3-panel-title span{color:var(--text-muted);font-size:13px}
.en3-tools{padding:12px 16px 14px}
.en3-tools input::placeholder{color:var(--text-muted)}
.en3-tools .it-search-box input{padding-left:32px}
.en3-skill-field input{font-variant-numeric:tabular-nums;width:104px}
.en3-seg{border:1px solid var(--line-2);border-radius:3px;display:inline-flex;overflow:hidden}
.en3-seg button{background:var(--bg);color:var(--text);font:13.5px var(--font-sans);cursor:pointer;border:0;padding:7px 12px}
.en3-seg button+button{border-left:1px solid var(--line-2)}
.en3-seg button:hover{color:#fff}
.en3-seg button[aria-pressed=true]{color:var(--game-yellow);background:#2a2413}
.en3-legend{color:var(--text-muted);margin:-4px 16px 12px;font-size:12.5px}
.en3-subhead{border-bottom:1px solid var(--line);font:700 14px var(--font-display,var(--font-sans));color:var(--ivory);background:#10151d;align-items:center;gap:8px;margin:0;padding:10px 16px 8px;display:flex}
.en3-subhead img{border-radius:2px}
.en3-subhead small{font:400 12px var(--font-sans);color:var(--text-muted)}
.en3-panel-note{border-bottom:1px solid var(--line);color:var(--text-muted);margin:0;padding:8px 16px;font-size:12.5px}
.en3-panel-foot{border-top:1px solid var(--line-2);color:var(--text-muted);margin:0;padding:12px 16px;font-size:12.5px}
.en3-empty{color:var(--text-muted);margin:0;padding:28px 16px}
.en3-browse{scroll-margin-top:64px}
.en3-list{background:#06080c;margin:0;padding:0;list-style:none}
.en3-row{grid-template-columns:minmax(170px,1.2fr) minmax(150px,1fr) 40px minmax(170px,1.1fr);align-items:start;gap:2em;padding:11px 16px;display:grid}
.en3-row+.en3-row{border-top:1px solid #1a202b}
.en3-row:hover{background:#0c1017}
.en3-name{flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0;display:flex}
.en3-name strong{color:#fff;font-size:14.5px;font-weight:600}
.en3-name .v2-tag{padding:1px 6px;font-size:10.5px}
.en3-effect{color:var(--game-green);flex-basis:100%;font-size:13.5px;line-height:1.4}
.en3-bis{color:var(--text-muted);flex-basis:100%;margin-top:3px;font-size:12px}
.en3-bis a{color:var(--ivory-2);text-decoration:none}
.en3-bis a:hover{color:#fff;text-decoration:underline}
.en3-mats{flex-wrap:wrap;gap:4px 14px;min-width:0;display:flex}
.en3-mats-cell{flex-direction:column;gap:5px;min-width:0;display:flex}
.en3-was{color:var(--text-muted);font-size:12px}
.en3-crafted li:target{outline-offset:2px;background:#ffd10014;outline:1px solid #ffd10059;scroll-margin-top:110px}
.en3-mat{color:var(--ivory-2);align-items:center;gap:7px;font-size:13px;line-height:1.25;text-decoration:none;display:flex}
.en3-mat:hover span{color:#fff;text-decoration:underline}
.en3-mat img,.en3-mat-empty{background:#111;border:1px solid #4b4b4b;border-radius:2px;flex:none;width:22px;height:22px}
.en3-mat b{color:#fff}
.en3-mat-big{font-size:13.5px}
.en3-mat-big img{width:32px;height:32px}
.en3-skill{font-variant-numeric:tabular-nums;text-align:right;font-size:14px}
.en3-src{color:var(--ivory-2);font-size:13px;line-height:1.45}
.en3-src b{color:#fff;font-weight:600}
.en3-src a{text-decoration:none}
.en3-src a:hover{text-decoration:underline}
.en3-unknown{color:var(--text-muted)}
.en3-locked{opacity:.45}
.en3-lv{border:1px solid var(--line-2);background:#06080c;border-radius:3px;margin:0;padding:0;list-style:none}
.en3-lv>li+li{border-top:1px solid #1a202b}
.en3-lv-step{grid-template-columns:120px minmax(200px,1.1fr) 64px minmax(200px,1fr);align-items:center;gap:2em;padding:9px 16px;display:grid}
.en3-lv-range{flex-direction:column;gap:5px;display:flex}
.en3-lv-range b{color:#fff;font-variant-numeric:tabular-nums;font-size:14px}
.en3-lv-bar{background:#1a202b;border-radius:2px;height:4px;position:relative}
.en3-lv-bar i{background:var(--gold);border-radius:2px;position:absolute;top:0;bottom:0}
.en3-lv-what{flex-direction:column;gap:2px;min-width:0;display:flex}
.en3-lv-what strong{color:#ffd100;font-size:14px;font-weight:600}
.en3-lv-what small{color:var(--text-muted);font-size:12.5px}
.en3-lv-count{text-align:right;color:#fff;font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}
.en3-lv-count small{color:var(--text-muted);font-size:11.5px;font-weight:400;display:block}
.en3-lv-what .en3-lv-keep{color:var(--ivory)}
.en3-lv-rod{background:#0d0f14}
.en3-lv-rod .en3-lv-what strong{color:var(--ivory)}
.en3-lv-rank{color:var(--text-muted);background:#10151d;padding:8px 16px;font-size:13px}
.en3-lv-rank strong{font:700 14px var(--font-display,var(--font-sans));color:var(--game-yellow);margin-right:6px}
.en3-shop-h{margin-top:24px}
.en3-lv-later{opacity:.42;filter:grayscale(.7)}
.en3-lv-cap{color:var(--ivory-2);background:#17140c;padding:11px 16px;font-size:13px;line-height:1.5;border-top:1px solid var(--gold-2)!important}
.en3-lv-cap strong{font:700 14px var(--font-display,var(--font-sans));color:var(--game-yellow);margin-bottom:2px;display:block}
.en3-lv-bar em{background:var(--ivory-2);opacity:.5;width:1px;position:absolute;top:-3px;bottom:-3px}
.en3-shops{gap:4px;display:grid}
.en3-shop{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px 16px;margin:0;padding:0;list-style:none;display:grid}
.en3-crafted-groups{gap:22px;display:grid}
.en3-crafted{columns:3 260px;column-gap:24px;margin:0;padding:0;list-style:none}
.en3-crafted li{break-inside:avoid;align-items:center;gap:8px;padding:4px 0;font-size:13.5px;display:flex}
.en3-crafted li>a{flex:1;align-items:center;gap:9px;min-width:0;text-decoration:none;display:flex}
.en3-crafted li>a>span{flex-direction:column;min-width:0;display:flex}
.en3-crafted li>a:hover span span{text-decoration:underline}
.en3-crafted img{border:1px solid #4b4b4b;border-radius:2px;flex:none}
.en3-crafted small{color:var(--text-muted)}
.en3-crafted .en3-skill{min-width:3ch;font-size:12.5px}
.en3-crafted .v2-tag{padding:1px 5px;font-size:10px}
.en3-kind{color:var(--text-muted);font-size:12px;display:block}
.en3-camps{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}
.en3-camp{flex-direction:column;gap:3px;font-size:13.5px;display:flex}
.en3-camp strong{font:600 16px var(--font-display,var(--font-sans))}
.en3-camp-a strong{color:#4aa3ff}
.en3-camp-h strong{color:#ff5a4a}
.en3-camp span{color:var(--ivory-2)}
.en3-camp a{margin-top:4px;font-size:13px}
.en3-tier{margin-top:16px}
.en3-cols{grid-template-columns:1fr 1fr;gap:24px;display:grid}
.en3-cols>:only-child{grid-column:1/-1}
.en3-cols .pr-milestone-text strong a{color:inherit;text-decoration:none}
.en3-cols .pr-milestones{margin-bottom:0}
.en3-cols .pr-milestone-text>span{color:var(--ivory-2);font-size:13.5px;line-height:1.55}
.en3-cols .pr-camp-skill,.pr2 .en3-cols .pr-camp-skill a{font-size:13px}
.en3-cols .en3-note{margin-top:10px}
.p-shell .en3-perks-h{margin-top:30px}
.pr2 .pr-perks.en3-perks{border:1px solid var(--line-2);background:var(--bg);border-radius:3px;margin:0}
@media (min-width:761px){.pr2 .en3-cols .pr-milestones li{grid-template-columns:40px minmax(0,1fr) auto;gap:14px;padding:11px 22px}}
.en3-perks .pr-perk:first-child{border-top:0}
.en3-details{margin-top:36px;padding-left:0;padding-right:0}
.mf-h1{margin-top:24px;font-size:30px}
.mf-lede{max-width:90ch}
.mf-toc{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px 20px;margin:18px 0 0;padding-bottom:12px;font-size:13.5px;display:flex}
.mf-toc a{color:var(--ivory-2);text-decoration:none}
.mf-toc a:hover{color:var(--game-yellow)}
.mf-toc small{color:var(--text-muted)}
.mf-prof{align-items:center;gap:10px;display:flex}
.mf-prof img{border:1px solid #4b4b4b;border-radius:3px}
.mf-prof small{font:400 13px var(--font-sans);color:var(--text-muted)}
.mf-src{margin-top:30px}
@media (max-width:1099px){.en3-browse{grid-template-columns:minmax(0,1fr);gap:12px}.en3-slots{flex-direction:row;position:static;overflow-x:auto}.en3-slots button{white-space:nowrap;border-bottom:3px solid #0000;border-left:0;flex:none}.en3-slots button+button{border-top:0;border-left:1px solid var(--line)}.en3-slots button[aria-pressed=true]{border-bottom-color:var(--accent-strong)}}
@media (max-width:900px){.en3-page{padding:4px 14px 56px}.en3-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.en3-name{grid-column:1}.en3-row>.en3-skill{grid-area:1/2}.en3-row>.en3-mats-cell,.en3-src{grid-column:1/-1}.en3-lv-step{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.en3-lv-range{flex-direction:row;grid-column:1/-1;align-items:center;gap:10px}.en3-lv-bar{flex:1}.en3-lv-step>.en3-mats{grid-column:1/-1}.en3-camps,.en3-cols{grid-template-columns:1fr}}

/* ==== dungeons (dg/dgx/dpv/ds/lb/dj) — from 5 chunks, s6b6 ==== */
.dg{--lane-h:48px;--dg-classic:#2a3445;--dg-classic-edge:#465366;--dg-gold:#e2c275}
.dg-hero:before{opacity:.3;filter:saturate(.8);background:url(../wow-ui/dungeons/art-dungeon.webp) 50% 55%/cover no-repeat;width:min(760px,58%);left:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 55%);mask-image:linear-gradient(90deg,#0000,#000 55%)}
.dg-hero-icon{background:#000 url(../wow-ui/dungeons/art-dungeon.webp) 86% 62%/auto 230% no-repeat;width:68px;height:68px}
.dg-work{display:block}
.dg-panel{border:1px solid var(--line-2);background:var(--bg-2);animation:rise .25s var(--ease) both;border-radius:3px}
.dg-panel-head{border-bottom:1px solid var(--line-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:16px 22px;display:flex}
.dg-panel-head h2{font:700 18px var(--font-sans);color:var(--ivory);margin:0}
.dg-panel-head p{color:var(--text-muted);margin:3px 0 0;font-size:13px}
.dg-panel-head>div:first-child{margin-right:auto}
.dg-wide{padding:18px 28px 22px 26px}
.dg-plot{position:relative}
.dg-grid{pointer-events:none;position:absolute;inset:0}
.dg-grid span{background:#3a455761;width:1px;position:absolute;top:0;bottom:0}
.dg-band+.dg-band{margin-top:14px}
.dg-band-label{font:700 11px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ivory-2);align-items:baseline;gap:8px;margin:0 0 8px;display:flex;position:relative}
.dg-band-label small{letter-spacing:0;color:var(--text-muted);font-size:11px}
.dg-band-new .dg-band-label{color:var(--accent)}
.dg-lanes{height:calc(var(--lanes) * var(--lane-h));position:relative}
.dg-bar{top:calc(var(--row) * var(--lane-h));height:calc(var(--lane-h) - 6px);border:1px solid var(--dg-classic-edge);isolation:isolate;color:#fff;text-align:left;text-shadow:0 1px 2px #000,0 0 6px #000c;font:12px/1.15 var(--font-sans);cursor:pointer;transition:opacity .18s var(--ease), filter .18s var(--ease), border-color .12s var(--ease), box-shadow .12s var(--ease);background:#141a23;border-radius:3px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:0 8px;display:flex;position:absolute;overflow:hidden;box-shadow:0 2px 8px #00000059}
.dg-bar:before{content:"";z-index:-2;background:var(--art) center 50% / cover no-repeat;filter:saturate(1.05)brightness(1.1);transition:transform .35s var(--ease), filter .2s var(--ease);position:absolute;inset:0}
.dg-bar:after{content:"";z-index:-1;transition:opacity .2s var(--ease);background:linear-gradient(90deg,#080b10cc 0,#080b1073 40%,#080b1000 85%);position:absolute;inset:0}
.dg-bar.dg-new{border-color:var(--accent-strong);box-shadow:inset 0 0 0 1px #7fb3f02e,0 0 14px #4f8fde4d}
.dg-bar.dg-new:after{background:linear-gradient(90deg,#0a1e3ad9 0,#163a6a73 40%,#4f8fde14 85%)}
.dg-bar:hover{border-color:var(--ivory-2)}
.dg-bar:hover:before{filter:saturate(1.15)brightness(1.3);transform:scale(1.06)}
.dg-bar:hover:after{opacity:.8}
.dg-bar.dg-new:hover{border-color:var(--accent);box-shadow:inset 0 0 0 1px #7fb3f04d,0 0 20px #4f8fde80}
.dg-bar[data-fit=art]:after{opacity:.35}
.dg-bar[aria-pressed=true]:before{filter:saturate(1.15)brightness(1.3)}
.dg-bar[data-open=no]{opacity:.25;filter:saturate(.2)}
.dg-bar[data-open=yes]{border-color:var(--ivory-2)}
.dg-bar[data-open=yes].dg-new{border-color:var(--accent)}
.dg-plot .dg-bar[aria-pressed=true]{box-shadow:0 0 0 2px var(--game-yellow), 0 4px 14px #00000080;z-index:1;opacity:1;filter:none;border-color:#000}
.dg-bar:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.dg-bar-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:700;line-height:1.35;display:block;position:relative;overflow:hidden}
.dg-bar-full,.dg-bar-short,.dg-bar-abbr,.dg-bar-range{white-space:nowrap;display:inline-block}
.dg-bar-short,.dg-bar-abbr,.dg-bar:is([data-fit=short],[data-fit=abbr],[data-fit=art]) .dg-bar-full{visibility:hidden;position:absolute;top:0;left:0}
.dg-bar[data-fit=short] .dg-bar-short,.dg-bar[data-fit=abbr] .dg-bar-abbr{visibility:visible;position:static}
.dg-bar-range{color:#c9d1da;font-variant-numeric:tabular-nums;font-size:11px;line-height:1.2}
.dg-bar.dg-new .dg-bar-range{color:#cfe2fa}
.dg-bar[data-range=hide] .dg-bar-range,.dg-bar[data-fit=art] .dg-bar-name{visibility:hidden;position:absolute}
.dg-axis{border-top:1px solid var(--line-2);border-radius:2px;height:30px;margin-bottom:12px;position:relative}
.dg-axis:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dg-axis span{color:var(--text-muted);font-variant-numeric:tabular-nums;padding-top:8px;font-size:12px;position:absolute;top:0;transform:translate(-50%)}
.dg-axis span:before{content:"";background:var(--line-2);width:1px;height:5px;position:absolute;top:0;left:50%}
.dg-cursor{border-left:1px solid var(--dg-gold);pointer-events:none;z-index:2;width:0;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #e2c27599}
.dg-cursor-hover{box-shadow:none;border-left-style:dashed}
.dg-cursor-pinned{opacity:.55;box-shadow:none}
.dg-cursor span i{opacity:.7;margin-left:4px;font-style:normal;font-weight:400}
.dg-cursor span{background:var(--dg-gold);color:#0b0f15;text-align:center;min-width:26px;font:700 12px/1.3 var(--font-sans);font-variant-numeric:tabular-nums;box-shadow:0 0 0 3px var(--bg-2);border-radius:3px;padding:2px 6px;position:absolute;top:4px;left:0;transform:translate(-50%)}
.dg-reveal{transition:grid-template-rows .5s var(--ease);grid-template-rows:0fr;display:grid}
.dg-reveal[data-open]{grid-template-rows:1fr}
.dg-reveal-inner{min-height:0;overflow:hidden}
.dg-feature{isolation:isolate;border:1px solid var(--line-2);opacity:0;min-height:250px;transition:opacity .35s var(--ease), transform .45s var(--ease), border-color .2s var(--ease);background:#06080c;border-radius:3px;outline:none;margin:18px 26px 0;padding:26px 56px 24px 26px;position:relative;overflow:hidden;transform:translateY(-8px)}
.dg-reveal[data-open] .dg-feature{opacity:1;transform:none}
.dg-feature:focus-visible{border-color:var(--accent)}
.dg-feature-new{border-color:var(--accent-strong);box-shadow:0 0 0 1px var(--accent-soft), 0 0 24px #4f8fde2e}
.dg-feature-art{z-index:-1;background:var(--art) center 50% / cover no-repeat;animation:dg-art-in .9s var(--ease) both;position:absolute;inset:0 0 0 30%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 45%);mask-image:linear-gradient(90deg,#0000,#000 45%)}
.dg-feature-art:after{content:"";background:linear-gradient(#06080c26,#06080c73);position:absolute;inset:0}
.dg-feature-body{max-width:min(600px,62%);position:relative}
.dg-feature-body>*{animation:dg-rise .5s var(--ease) both}
.dg-feature-body>:nth-child(2){animation-delay:60ms}
.dg-feature-body>:nth-child(3){animation-delay:.12s}
.dg-feature-body>:nth-child(4){animation-delay:.18s}
.dg-feature-body>:nth-child(5){animation-delay:.24s}
.dg-feature h2{font:700 30px/1.1 var(--font-display), Georgia, serif;letter-spacing:.01em;color:var(--game-yellow);text-shadow:0 1px #000,0 2px 12px #000000b3;margin:8px 0 4px}
.dg-feature-facts{color:var(--ivory);text-shadow:0 1px 2px #000;margin:0;font-size:13.5px}
.dg-feature .dg-detail-summary{text-shadow:0 1px 2px #000;margin-top:12px;font-size:14.5px;line-height:1.6}
.dg-feature .dg-detail-sources{margin-top:14px}
.dg-feature .dg-detail-sources a{text-shadow:0 1px 2px #000}
.dg-feature .dg-detail-close{background:#141a23d9;width:32px;height:32px;top:12px;right:12px}
@keyframes dg-art-in{0%{opacity:0;transform:scale(1.06)}}
@keyframes dg-rise{0%{opacity:0;transform:translateY(8px)}}
.dg-detail{border:1px solid var(--line-2);animation:rise .2s var(--ease) both;background:#06080c;border-radius:3px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;margin-top:18px;padding:14px 44px 14px 14px;display:grid;position:relative}
.dg-detail-new{border-color:var(--accent-strong);box-shadow:0 0 0 1px var(--accent-soft), 0 0 18px #4f8fde29}
.dg-detail-art{background:#000 var(--art) center 45% / cover no-repeat;border:1px solid #5a5340;border-radius:3px;align-self:stretch;width:240px;min-height:120px;box-shadow:0 0 0 1px #000}
.dg-detail-kicker{color:var(--ivory-2);flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 6px;font-size:13px;display:flex}
.dg-detail h2{font:700 21px/1.15 var(--font-display), Georgia, serif;color:var(--game-yellow);letter-spacing:.01em;margin:0}
.dg-detail-summary{max-width:72ch;color:var(--ivory-2);margin:6px 0 0;font-size:13.5px;line-height:1.55}
.dg-detail-new .dg-detail-summary{color:var(--game-yellow-soft)}
.dg-detail-map{flex-wrap:wrap;gap:8px;margin:12px 0 0;display:flex}
.dg-detail-map a{border:1px solid var(--gold-2);color:var(--ivory);background:#06080cbf;border-radius:3px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;text-decoration:none;display:inline-flex}
.dg-detail-map a.dg-detail-loot{border-color:var(--game-yellow);color:var(--game-yellow)}
.dg-detail-map a.dg-detail-loot:before{display:none}
.dg-detail-map a:before{content:"";background:url(../map/icons/svc-dungeon.png) 50%/contain no-repeat;width:16px;height:16px}
.dg-detail-map a:hover{border-color:var(--game-yellow);color:#fff}
.dg-detail-sources{flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;font-size:12.5px;display:flex}
.dg-detail-sources a{color:var(--accent)}
.dg-detail-close{border:1px solid var(--line-2);background:var(--bg-3);width:28px;height:28px;color:var(--ivory-2);cursor:pointer;border-radius:3px;font-size:18px;line-height:1;position:absolute;top:8px;right:8px}
.dg-detail-close:hover{border-color:var(--accent-strong);color:#fff}
.dg-tag{white-space:nowrap;border:1px solid;border-radius:3px;padding:1px 6px;font-size:11px;font-weight:700;line-height:1.4;display:inline-block}
.dg-tag-new{color:var(--game-green);background:#1eff0014;border-color:#1eff0059}
.dg-tag-classic{color:var(--text-muted);border-color:var(--line-2);background:var(--bg-3)}
.dg-tip{z-index:100;pointer-events:none;color:#f4f4ed;width:320px;max-width:calc(100vw - 16px);font:14px/1.4 var(--font-sans);animation:tip .12s var(--ease);background:#0a1f31f7;border:1px solid #e2e1d4;border-color:#e2e1d4 #919a9b #7f8d94 #d0d4cb;border-radius:4px;padding:9px 12px 10px;position:fixed;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 6px 18px #0000008c}
.dg-tip-art{background:#000 50%/cover no-repeat;border-bottom:1px solid #7f8d94;border-radius:3px 3px 0 0;height:96px;margin:-9px -12px 9px}
.dg-tip-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}
.dg-tip-head strong{color:#fff;font-size:15px}
.dg-tip-head span{white-space:nowrap;font-size:13px}
.dg-tip-boss{color:#e9d8a6;margin-top:3px;font-size:13px}
.dg-tip-sub{color:#c2cabb;flex-wrap:wrap;align-items:center;gap:8px;margin-top:3px;font-size:13px;display:flex}
.dg-tip p{color:#ffed00;margin:7px 0 0;font-size:13.5px}
.dg-tip p.dg-tip-classic{color:#c2cabb;font-size:13px}
.dg-tip small{color:#9fb0bd;margin-top:8px;font-size:12px;display:block}
.dg-narrow{display:none}
.dg-rows ul{margin:0;padding:0;list-style:none}
.dg-bracket h3{z-index:2;border-top:1px solid var(--line-2);background:linear-gradient(#151b25,#10151d);border-bottom:1px solid #7a6946;align-items:baseline;gap:10px;margin:0;padding:12px 14px 9px;display:flex;position:sticky;top:0;box-shadow:0 6px 12px -8px #000000b3}
.dg-bracket:first-child h3{border-top:0}
.dg-bracket-range{font:700 20px/1 var(--font-display), Georgia, serif;color:var(--dg-gold);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.dg-bracket-label{font:700 10.5px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}
.dg-row{isolation:isolate;border:0;border-bottom:1px solid var(--line);width:100%;min-height:64px;color:var(--text);text-align:left;cursor:pointer;background:#0e1219;border-left:3px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 14px;display:grid;position:relative;overflow:hidden}
.dg-row:before{content:"";z-index:-2;background:var(--art) center 45% / cover no-repeat;filter:saturate(.7)brightness(.6);position:absolute;inset:0 0 0 30%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 55%);mask-image:linear-gradient(90deg,#0000,#000 55%)}
.dg-row:after{content:"";z-index:-1;background:linear-gradient(90deg,#0e1219bf,#0e121933 70%,#0e121966);position:absolute;inset:0}
.dg-row.dg-new{border-left-color:var(--accent-strong);background:#0f1826;min-height:74px}
.dg-row.dg-new:before{filter:saturate()brightness(.95)}
.dg-row.dg-new:after{background:linear-gradient(90deg,#102440d9,#163a6a40 70%,#0e12194d)}
.dg-row[aria-expanded=true]{box-shadow:inset 0 0 0 1px var(--game-yellow)}
.dg-row[aria-expanded=true]:before{filter:saturate()brightness()}
.dg-row-text strong,.dg-row-range{text-shadow:0 1px 2px #000,0 0 6px #000c}
.dg-row-text{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}
.dg-row-text .dg-tag{margin-bottom:2px}
.dg-row-text strong{color:var(--game-yellow);font-size:14.5px;line-height:1.2}
.dg-row.dg-classic .dg-row-text strong{color:#e3c65a;font-size:14px}
.dg-row-text small{color:#b9c0c9;text-shadow:0 1px 2px #000;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;overflow:hidden}
.dg-row-range{font:700 14px var(--font-sans);color:var(--ivory-2);font-variant-numeric:tabular-nums}
.dg-new .dg-row-range{color:#a8cbf5}
.dg-row-detail .dg-detail{box-shadow:none;border-width:0 0 1px;border-radius:0;grid-template-columns:minmax(0,1fr);margin:0;padding:12px 14px 14px}
.dg-row-detail .dg-detail h2{font-size:18px}
.dg-row-detail .dg-detail-art{display:none}
@media (max-width:859px){.dg-wide{display:none}.dg-narrow{display:block}.dg .v2-work{padding-inline:14px}.dg-panel-head{padding:14px}}
@media (max-width:640px){.dg-hero:before{opacity:.16;width:100%}.dg .v2-stats{gap:24px}.dg-hero .v2-hero-inner{flex-wrap:wrap}.dg-hero .dg-news{flex:100%;margin-left:0}}
.dg-loot{margin:30px 0 0}
.dg-loot h2{font:600 18px var(--font-sans);color:#fff;margin:0 0 4px}
.dg-loot p{max-width:78ch;color:var(--text-muted);margin:0 0 12px;font-size:13.5px;line-height:1.6}
.dg-loot ul{columns:3 300px;column-gap:28px;margin:0;padding:0;font-size:14px;list-style:none}
.dg-loot li{border-bottom:1px solid var(--line);break-inside:avoid;grid-template-columns:1fr max-content;gap:0 12px;padding:6px 0;display:grid}
.dg-loot li a{color:var(--ivory);font-weight:600;text-decoration:none}
.dg-loot li a:hover{color:var(--game-yellow)}
.dg-loot li span{color:var(--game-yellow);font-variant-numeric:tabular-nums}
.dg-loot li small{color:var(--text-muted);grid-column:1/-1;font-size:12px}
.dg-journal-none{color:var(--text-muted);text-shadow:0 1px 2px #000;margin:14px 0 0;font-size:12.5px}
.dg-journal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06080cdb;border:1px solid #5d4d2a;border-radius:3px;grid-template-columns:214px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 0 0 1px #000,0 8px 28px #0000008c}
.dg-journal-bosses{scrollbar-width:thin;scrollbar-color:#3a3222 transparent;border-right:1px solid #2b2416;flex-direction:column;gap:1px;padding:6px;display:flex;overflow-y:auto}
.dg-journal-bosses button{color:var(--ivory-2);font:13px/1.2 var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:2px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:4px 8px 4px 5px;display:grid}
.dg-journal-bosses button span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.dg-journal-bosses button[data-kind=rare]{color:#c9d3e0}
.dg-journal-bosses button small{color:#8fa0b6;margin-top:1px;font-size:11px;display:block}
.dg-journal-bosses button[data-kind=rare][aria-selected=true]{color:#fff;background:linear-gradient(90deg,#becde133,#becde108)}
.dg-journal-bosses button[data-kind=rare][aria-selected=true] .lb-face{box-shadow:0 0 0 1px #06080c,0 0 0 2px #e6edf7,0 0 0 3px #2a303a}
.dg-journal-bosses button:hover{color:#fff;background:#11161f}
.dg-journal-bosses button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.dg-journal-bosses button[aria-selected=true]{color:var(--game-yellow);background:linear-gradient(90deg,#ffd1002e,#ffd10008)}
.dg-journal-bosses button[aria-selected=true] .lb-face{box-shadow:0 0 0 1px #06080c, 0 0 0 2px var(--game-yellow), 0 0 0 3px #2b2416}
.dg-journal-loot{flex-direction:column;min-width:0;min-height:0;display:flex}
.dg-journal-loot h3{font:700 16px/1.2 var(--font-display), Georgia, serif;letter-spacing:.01em;color:var(--game-yellow);border-bottom:1px solid #2b2416;flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin:0;padding:11px 14px 9px;display:flex}
.dg-journal-loot h3[data-kind=rare]{color:#dbe3ee;border-bottom-color:#2a303a}
.dg-journal-loot h3[data-kind=rare] small{color:#aab6c6;font-weight:600}
.dg-journal-loot h3 small{font:400 12px var(--font-sans);letter-spacing:0;color:var(--text-muted)}
.dg-journal-loot .lb-rows{scrollbar-width:thin;scrollbar-color:#3a3222 transparent;flex:1;min-height:0;padding:5px;overflow-y:auto}
.dg-journal-note{color:var(--text-muted);flex:1;margin:0;padding:14px;font-size:13px}
.dg-journal-note a{color:var(--accent)}
.p-shell .dg-journal-all{color:var(--accent);border-top:1px solid #2b2416;padding:8px 14px;font-size:12.5px;text-decoration:none;display:block}
.p-shell .dg-journal-all:hover{color:#fff;text-decoration:underline}
.dg-feature .dg-journal{height:318px;animation:dg-rise .5s var(--ease) .1s both}
.dg-feature .dg-journal-none{color:var(--ivory-2);grid-column:1}
@media (max-width:1180px){.dg-feature{grid-template-columns:minmax(0,1fr) minmax(0,540px);gap:0 22px}.dg-journal{grid-template-columns:180px minmax(0,1fr)}}
.dg-detail .dg-journal{margin:14px 0 0;display:block}
.dg-detail .dg-journal-bosses button small{display:none}
.dg-detail .dg-journal-bosses{border-bottom:1px solid #2b2416;border-right:0;flex-direction:row;gap:2px;padding:8px 6px;overflow:auto hidden}
.dg-detail .dg-journal-bosses button{text-align:center;flex:none;grid-template-columns:auto;justify-items:center;gap:5px;width:70px;padding:4px 2px;font-size:10.5px}
.dg-detail .dg-journal-bosses button span:last-child{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box}
.dg-detail .dg-journal-bosses .lb-face{--face:42px}
.dg-detail .dg-journal-loot .lb-rows{overflow:visible}
.dg-news{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06080cd1;border:1px solid #5d4d2a;border-radius:3px;flex:0 330px;align-self:center;margin-left:auto;padding:14px 16px 16px;box-shadow:0 0 0 1px #000,0 8px 28px #00000080}
.dg-news h2{font:700 16px/1.25 var(--font-display), Georgia, serif;color:var(--gold);letter-spacing:.01em;margin:0 0 6px}
.dg-news h2 span{color:var(--accent);font:700 12.5px var(--font-sans);margin-right:8px}
.dg-hero .dg-news p{color:var(--ivory-2);margin:0 0 12px;font-size:13px;line-height:1.5}
.dg-journal[data-tabbed]{grid-template-rows:auto minmax(0,1fr)}
.dg-journal-tabs{background:#00000059;border-bottom:1px solid #5d4d2a;grid-column:1/-1;gap:2px;padding:0 6px;display:flex}
.dg-journal-tabs button{color:var(--ivory-2);font:700 12.5px/1.2 var(--font-display), Georgia, serif;letter-spacing:.02em;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:baseline;gap:7px;margin-bottom:-1px;padding:9px 12px 8px;display:flex}
.dg-journal-tabs button em{font:400 12px var(--font-sans);color:var(--text-muted);font-style:normal}
.dg-journal-tabs button:hover{color:#fff}
.dg-journal-tabs button[aria-pressed=true]{border-bottom-color:var(--game-yellow);color:var(--game-yellow)}
.dg-journal-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.dg-journal[data-pane=quests]>.dg-journal-bosses:not(.dg-journal-quests),.dg-journal[data-pane=quests]>.dg-journal-bosses:not(.dg-journal-quests)+.dg-journal-loot{display:none}
.dg-journal-wait{grid-column:1/-1}
.dg-journal-quests button{grid-template-columns:18px minmax(0,1fr) auto;gap:8px;padding:7px 8px}
.dg-journal-quests button span:last-child,.dg-journal-quests button span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.dg-journal-quests button em{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:12px;font-style:normal}
.dg-journal-quests em[data-side=a]{color:#6aa7ff}
.dg-journal-quests em[data-side=h]{color:#ff6b5e}
.dg-journal-rewards{scrollbar-width:thin;scrollbar-color:#3a3222 transparent;flex:1;min-height:0;overflow-y:auto}
.dg-journal-rewards h4{font:400 12px var(--font-sans);color:var(--ivory-2);margin:0;padding:9px 14px 2px}
.dg-journal-loot .dg-journal-rewards .lb-rows{flex:none;overflow:visible}
.dg-detail .dg-journal-quests{flex-direction:column;max-height:176px;overflow:hidden auto}
.dg-detail .dg-journal-quests button{text-align:left;flex:none;grid-template-columns:18px minmax(0,1fr) auto;justify-items:start;gap:8px;width:auto;padding:7px 8px;font-size:13px}
.dg-detail .dg-journal-quests button span{white-space:nowrap;display:block}
.p-shell a.dg-guide{color:#1a1400;transition:transform .15s var(--ease), filter .15s var(--ease);background:linear-gradient(#ffe15a,#ffc400);border-radius:4px;align-items:center;gap:11px;margin-top:16px;padding:9px 18px 9px 12px;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #78500038,0 2px 10px #00000073}
.dg-guide img{filter:drop-shadow(0 0 1px #0009)}
.dg-guide b{font-size:14.5px;font-weight:700;display:block}
.dg-guide small{color:#1a1400b8;font-size:12.5px;font-weight:500;line-height:1.35;display:block}
.p-shell a.dg-guide:hover{color:#1a1400;filter:brightness(1.06);transform:translateY(-1px)}
.p-shell a.dg-guide:focus-visible{outline-offset:3px;outline:2px solid #b8d8ea}
.p-shell a.dg-guide-preview{color:#2b1e08;background:linear-gradient(#f3e8c8,#d8c597);box-shadow:inset 0 1px #fff9,inset 0 -2px #5a3c0a33,0 2px 10px #00000073}
.p-shell a.dg-guide-preview:hover{color:#2b1e08}
.dg-guide-preview small{color:#2b1e08b3}
.dg-journal-preview .dg-journal-said{color:var(--ivory-2)}
.dg-journal-preview .dg-journal-bosses small{color:var(--text-muted);font-size:11.5px;display:block}
.dg-xp{margin:22px 0 0}
.dg-xp-level{color:var(--text-muted);align-items:center;gap:6px;font-size:12.5px;display:flex}
.dg-xp-level span{color:var(--gold);margin-right:4px;font-weight:700}
.dg-xp-level button{border:1px solid var(--line-2);width:28px;height:28px;color:var(--game-yellow);font:700 16px/1 var(--font-sans);cursor:pointer;background:linear-gradient(#1a2130,#0e131b);border-radius:3px;padding:0}
.dg-xp-level button:hover:not(:disabled){border-color:#8a713b}
.dg-xp-level button:disabled{opacity:.35;cursor:default}
.dg-xp-level output{text-align:center;min-width:30px;font:700 17px var(--font-display), Georgia, serif;color:#fff;font-variant-numeric:tabular-nums}
.dg-xp-level .dg-xp-clear{width:24px;height:24px;color:var(--text-muted);background:0 0;border:0;margin-left:2px;font-size:18px}
.dg-xp-table{background:0 0;border:0;border-radius:0}
.dg-xp-table th img{vertical-align:middle;filter:drop-shadow(0 1px 2px #000);margin:-2px 7px 0 0}
.dg-xp-table th[data-side=a]{color:var(--ally)}
.dg-xp-table th[data-side=h]{color:var(--horde)}
.dg-xp-table td{font-variant-numeric:tabular-nums}
.dg-xp-table td b{color:#fff;font-weight:600}
.dg-xp-table td small{margin:1px 0 0;display:block}
.dg-xp-table td:first-child small{color:var(--game-yellow);margin-left:10px;display:inline}
.dg-xp-table td.dg-xp-none{color:var(--text-muted);font-size:13px}
.dg-xp-table tr[data-open=no] td{opacity:.42}
.dg-xp-note{border-top:1px solid var(--line-2);color:var(--text-muted);margin:0;padding:12px 22px 16px;font-size:12.5px;line-height:1.55}
@media (max-width:860px){.dg-xp-table td[data-label]:before{content:attr(data-label) " ";color:var(--gold);margin-right:6px;font-size:12px;font-weight:700}.dg-xp-table td[data-side=a]:before{color:var(--ally)}.dg-xp-table td[data-side=h]:before{color:var(--horde)}.dg-xp-table td small{margin-left:6px;display:inline}}

.dgp .dgp-work{padding-bottom:48px;display:block}
.dgp-hero{isolation:isolate}
.dgp-hero:before{display:none}
.dgp-art{z-index:-1;background:var(--art) center 45% / cover no-repeat;position:absolute;inset:0 0 0 38%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 50%);mask-image:linear-gradient(90deg,#0000,#000 50%)}
.dgp-art:after{content:"";background:linear-gradient(#0b0f151a,#0b0f158c);position:absolute;inset:0}
.dgp-hero .dgp-hero-inner{align-items:center;gap:32px;min-height:230px;padding-top:24px;padding-bottom:24px}
.dgp-head-body{flex:auto;align-self:center;min-width:0;max-width:640px}
.dgp-crumb{color:var(--text-muted);flex-wrap:wrap;gap:0 7px;margin:0 0 10px;font-size:13px;display:flex}
.v2-hero .dgp-crumb{color:var(--text-muted);font-size:13px}
.dgp-crumb a{color:var(--accent);text-decoration:none}
.dgp-crumb a:hover{text-decoration:underline}
.dgp-hero h1{font:700 34px/1.1 var(--font-display), Georgia, serif;letter-spacing:.01em;color:var(--game-yellow);text-shadow:0 1px #000,0 2px 12px #000000b3;margin:0 0 10px}
.v2-hero .dgp-facts{color:var(--ivory);text-shadow:0 1px 2px #000;margin:0;font-size:14.5px}
.v2-hero .dgp-summary{color:var(--ivory-2);text-shadow:0 1px 2px #000;margin:12px 0 0;font-size:14.5px;line-height:1.6}
.dgp-hero .dg-detail-map{margin-top:16px}
.dgp-side{flex-direction:column;flex:0 370px;align-self:center;gap:10px;min-width:0;margin-left:auto;display:flex}
.dgp-jump{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06080cd1;border:1px solid #5d4d2a;border-radius:3px;padding:10px;box-shadow:0 0 0 1px #000,0 8px 28px #00000080}
.dgp-near{gap:10px;display:flex}
.dgp-near a{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06080cd1;border:1px solid #5d4d2a;border-radius:3px;flex:1 1 0;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:1px 10px;min-width:0;padding:8px 12px 9px;text-decoration:none;display:grid}
.dgp-near small{color:var(--text-muted);grid-column:1/-1;font-size:11.5px}
.dgp-near span{font:700 14px/1.3 var(--font-display), Georgia, serif;color:var(--ivory)}
.dgp-near em{color:var(--gold);font-variant-numeric:tabular-nums;justify-self:end;font-size:12.5px;font-style:normal}
.dgp-near a:hover{border-color:var(--game-yellow)}
.dgp-near a:hover span{color:#fff}
.dgp-near a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.dgp-lede{max-width:100ch;color:var(--text-muted);margin:20px 0 0;font-size:13.5px;line-height:1.6}
.dgp-lede a{color:var(--accent)}
.dgp-hints{margin:34px 0 0}
.dgp-hints h2{border-bottom:1px solid var(--line-2);font:700 19px/1.2 var(--font-display), Georgia, serif;color:var(--ivory);flex-wrap:wrap;align-items:baseline;gap:2px 14px;margin:0 0 14px;padding:0 0 8px;display:flex}
.dgp-hints h2 small{font:400 13px var(--font-sans);color:var(--text-muted)}
.lb{columns:2;column-gap:2em;margin:20px 0 0}
.lb-face{width:var(--face,30px);height:var(--face,30px);background:#0b0e14 50%/cover no-repeat;border-radius:50%;flex:none;display:block;box-shadow:0 0 0 1px #06080c,0 0 0 2px #8a713b,0 0 0 3px #2b2416}
.lb-face[data-kind=rare]{box-shadow:0 0 0 1px #06080c,0 0 0 2px #aab6c6,0 0 0 3px #2a303a,0 0 12px #becde147}
.lb-boss[data-kind=rare]{border-style:dashed;border-color:#39424f}
.lb-boss[data-kind=rare] header{background:linear-gradient(#1a2029,#10141b)}
.lb-boss[data-kind=rare] h2{color:#dbe3ee}
.lb-boss[data-kind=rare] header p{color:#aab6c6;font-weight:600}
.lb-face[data-icon]{filter:saturate(.85);background-size:112%}
.lb-face[data-unknown]{filter:grayscale(.6)brightness(.75);background-image:url(../icons/inv_misc_bone_humanskull_01.jpg);background-size:118%}
.lb-boss{break-inside:avoid;border:1px solid var(--line);background:#06080c;border-radius:4px;margin:0 0 16px;scroll-margin-top:16px;overflow:hidden}
.lb-boss:target{border-color:#8a713b}
.lb-boss header{border-bottom:1px solid var(--line);background:linear-gradient(#141a24,#0e131b);grid-template-columns:auto 1fr;align-items:center;gap:0 13px;padding:11px 16px 11px 14px;display:grid}
.lb-boss header .lb-face{grid-row:span 2}
.lb-boss h2{font:700 18px/1.2 var(--font-display), Georgia, serif;letter-spacing:.01em;color:var(--game-yellow);margin:0}
.lb-boss header p{color:var(--text-muted);margin:1px 0 0;font-size:12px}
.lb-boss h2:last-child{grid-row:span 2}
.lb-none{color:var(--text-muted);margin:0;padding:16px;font-size:13px}
.lb-rows{margin:0;padding:6px;list-style:none}
.p-shell .lb-row>a{color:inherit;border-radius:3px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:6px 8px;text-decoration:none;display:grid}
.p-shell .lb-row>a:hover,.lb-row>a:focus-visible{background:#121823;outline:none}
.lb-icon{object-fit:cover;background:#111;border:1px solid #4b4b4b;border-radius:3px;width:38px;height:38px;display:block}
.lb-q2{border-color:#1a7a0c}
.lb-q3{border-color:#2b6cb3}
.lb-q4{border-color:#7a2bb8}
.lb-q5{border-color:#b35f00}
.lb-q0{border-color:#5a5a5a}
.lb-main{flex-direction:column;gap:1px;min-width:0;display:flex}
.lb-title{align-items:center;gap:8px;min-width:0;display:flex}
.lb-name{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;line-height:1.3;overflow:hidden}
.p-shell .lb-row .q0{color:#9d9d9d}
.p-shell .lb-row .q1{color:#fff}
.p-shell .lb-row .q2{color:#1eff00}
.p-shell .lb-row .q3{color:#4aa3ff}
.p-shell .lb-row .q4{color:#a335ee}
.p-shell .lb-row .q5{color:#ff8000}
.lb-mark{letter-spacing:.04em;text-transform:uppercase;border-radius:2px;flex:none;padding:0 5px;font-size:10px;font-weight:700;line-height:1.6}
.lb-mark-new{color:#7ccf6e;background:#7ccf6e2e}
.lb-mark-changed{color:#e2c275;background:#e2c27529}
.lb-type{color:var(--ivory-2);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}
.lb-chance{color:var(--text-muted)}
.lb-inline{margin:2px 2px 8px}
.lb-inline-link{color:var(--accent);padding:10px 8px 4px;font-size:13.5px;display:block}
.it-hover.lb-hover .it-tip,.lb-row .lb-inline .it-tip{box-shadow:none;font:13.5px/1.5 var(--font-sans);color:#fff;background:url(../wow-ui/UI-Tooltip-TL.PNG) 0 0/8px 8px no-repeat,url(../wow-ui/UI-Tooltip-TR.PNG) 100% 0/8px 8px no-repeat,url(../wow-ui/UI-Tooltip-BL.PNG) 0 100%/8px 8px no-repeat,url(../wow-ui/UI-Tooltip-BR.PNG) 100% 100%/8px 8px no-repeat,url(../wow-ui/UI-Tooltip-T.PNG) top/calc(100% - 16px) 8px no-repeat,url(../wow-ui/UI-Tooltip-B.PNG) bottom/calc(100% - 16px) 8px no-repeat,url(../wow-ui/UI-Tooltip-L.PNG) 0/8px calc(100% - 16px) no-repeat,url(../wow-ui/UI-Tooltip-R.PNG) 100%/8px calc(100% - 16px) no-repeat,linear-gradient(#05060cf7,#05060cf7) 50%/calc(100% - 4px) calc(100% - 4px) no-repeat;border:0;border-radius:0;padding:11px 14px 12px}
.lb-hover{filter:drop-shadow(0 6px 14px #0009)}
.lb-hover .it-head,.lb-inline .it-head{border:0;margin:0;padding:0;display:block}
.lb-hover .it-icon,.lb-inline .it-icon,.lb-hover .it-itemid,.lb-inline .it-itemid{display:none}
.lb-hover .it-meta,.lb-inline .it-meta{font-size:inherit;margin:0;display:block}
.lb-hover .it-ilvl,.lb-inline .it-ilvl{color:#ffd100;text-transform:capitalize}
.lb-hover .it-name,.lb-inline .it-name{font-size:15.5px;font-weight:400;line-height:1.35}
.lb-hover .it-add,.lb-inline .it-add{background:0 0;border-left:2px solid #1eff00bf;border-radius:0;margin:0 0 0 -7px;padding:0 0 0 5px}
.lb-hover .it-add.it-green,.lb-inline .it-add.it-green{color:var(--game-green)}
.lb-hover .it-struck,.lb-inline .it-struck{border-top:1px solid #ffffff1f;margin-top:7px;padding-top:6px}
.lb-hover .it-struck-head,.lb-inline .it-struck-head{letter-spacing:0;text-transform:none;color:#9d9d9d;margin:0;font-size:12px}
.lb-hover .it-del,.lb-inline .it-del{color:#9d9d9d;background:0 0;margin:0;padding:0}
.lb-origin{color:#9d9d9d;border-top:1px solid #ffffff1f;margin:7px 0 0;padding-top:6px;font-size:12px}
.lb-compare-key{color:#7d7d7d;margin:7px 0 0;font-size:11.5px}
.dgp-sources{color:var(--text-muted);margin:30px 0 -14px;font-size:12.5px;line-height:1.6}
.dgp-sources a{color:var(--accent)}
@media (max-width:860px){.lb{columns:1}.lb-boss{margin-bottom:12px}}
@media (max-width:720px){.dgp-art{opacity:.28;inset:0;-webkit-mask-image:none;mask-image:none}.dgp-hero .dgp-hero-inner{flex-direction:column;align-items:stretch;gap:18px;min-height:0}.dgp-head-body{align-self:stretch;max-width:none}.dgp-hero h1{font-size:27px}.dgp-side{flex:none;align-self:stretch;margin-left:0}.dgp-near a{grid-template-columns:minmax(0,1fr)}.dgp-near em{justify-self:start}.lb-name{white-space:normal}}
.dgp-quests,.dgp-where{margin:34px 0 0}
.dgp-where p{max-width:860px;color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.6}
.dgp-where a{color:var(--accent)}
.dgp-quests h2,.dgp-where h2{border-bottom:1px solid var(--line-2);font:700 19px/1.2 var(--font-display), Georgia, serif;color:var(--ivory);flex-wrap:wrap;align-items:baseline;gap:2px 14px;margin:0 0 10px;padding:0 0 8px;display:flex}
.dgp-quests h2 small{font:400 13px var(--font-sans);color:var(--text-muted)}
.dgp-quests-note{max-width:860px;color:var(--text-muted);margin:0 0 16px;font-size:13.5px}
.dq{columns:2;column-gap:2em}
.dq-quest{break-inside:avoid;border:1px solid var(--line);background:#06080c;border-radius:4px;margin:0 0 16px;overflow:hidden}
.dq-quest header{border-bottom:1px solid var(--line);background:linear-gradient(#141a24,#0e131b);padding:11px 16px}
.dq-quest h3{font:700 17px/1.2 var(--font-display), Georgia, serif;letter-spacing:.01em;color:var(--game-yellow);margin:0}
.dq-quest header p{color:var(--text-muted);margin:2px 0 0;font-size:12px}
.dq-quest header p a{color:var(--accent)}
.dq-text{color:var(--ivory-2);margin:12px 16px 0;font-size:14px;line-height:1.55}
.dq-need,.dq-kill{gap:6px;margin:10px 16px 0;padding:0;list-style:none;display:grid}
.dq-need li{color:var(--ivory);align-items:center;gap:10px;font-size:13.5px;display:flex}
.dq-need img,.dq-noicon{background:#111;border:1px solid #4b4b4b;border-radius:3px;flex:none;width:26px;height:26px}
.dq-need a{color:#fff}
.dq-need small{color:var(--text-muted);font-size:12px;display:block}
.dq-kill li{color:var(--ivory);font-size:13.5px}
.dq-kill li:before{content:"Slay ";color:var(--text-muted)}
.dq-reward{border-top:1px solid var(--line);margin:14px 0 0}
.dq-reward h4{color:var(--gold);margin:0;padding:9px 16px 2px;font-size:12px;font-weight:700}
.dq-need+.dq-money,.dq-kill+.dq-money,.dq-text+.dq-money{margin-top:12px}
.dq-money{color:var(--ivory-2);border-top:1px solid var(--line);margin:0;padding:9px 16px 12px;font-size:13px}
.dq-quest>:last-child:not(.dq-reward):not(.dq-money){margin-bottom:14px}
.ds{position:relative}
.ds-button{border:1px solid var(--gold-2);width:100%;height:38px;color:var(--ivory);font:13.5px var(--font-sans);text-align:left;cursor:pointer;background:#0a0d12;border-radius:3px;align-items:center;gap:10px;padding:0 11px 0 12px;display:flex}
.ds-button span{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}
.ds-button[data-empty] span{color:var(--ivory-2)}
.ds-button small{color:var(--gold);font-variant-numeric:tabular-nums;flex:none;font-size:12.5px}
.ds-button i{border:solid var(--gold);width:7px;height:7px;transition:transform .15s var(--ease);border-width:0 1.5px 1.5px 0;flex:none;margin:-4px 2px 0;transform:rotate(45deg)}
.ds-button[aria-expanded=true] i{margin-top:4px;transform:rotate(225deg)}
.ds-button:hover,.ds-button[aria-expanded=true]{border-color:var(--gold)}
.ds-button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.ds-list{z-index:90;box-sizing:border-box;overscroll-behavior:contain;font:13.5px var(--font-sans);scrollbar-width:thin;scrollbar-color:#5d4d2a transparent;animation:tip .12s var(--ease);background:#07090e;border:1px solid #5d4d2a;border-radius:3px;outline:none;margin:0;padding:4px;list-style:none;position:fixed;overflow-y:auto;box-shadow:0 0 0 1px #000,0 12px 32px #000000b3}
.ds-list li{color:var(--ivory-2);cursor:pointer;border-radius:2px;align-items:baseline;gap:8px;padding:8px 10px;display:flex}
.ds-list li span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}
.ds-list li small{color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;padding-left:10px;font-size:12.5px}
.ds-list li em{color:#7ccf6e;font:700 9.5px/1.5 var(--font-sans);letter-spacing:.05em;text-transform:uppercase;background:#7ccf6e2e;border-radius:2px;flex:none;padding:1px 5px}
.ds-list li.ds-group{color:var(--gold);font:700 12px var(--font-display), Georgia, serif;letter-spacing:.03em;cursor:default;padding:10px 10px 4px}
.ds-list li.ds-group:not(:first-child){border-top:1px solid #5d4d2a80;border-radius:0;margin-top:4px}
.ds-list li[data-active]{color:#fff;background:#e2c2751f}
.ds-list li[data-active] small{color:var(--gold)}
.ds-list li[aria-selected=true] span{color:var(--game-yellow)}
@media (max-width:860px){.ds-button{height:44px;font-size:15px}.ds-list{font-size:15px}.ds-list li{padding:11px 10px}}
@media (prefers-reduced-motion:reduce){.ds-list{animation:none}.ds-button i{transition:none}}
.dgs{gap:2em;display:grid}
.dgs-set.lb-boss{margin:0}
.dgs-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}
.dgs-pieces{margin:0;padding:8px 6px;list-style:none}
.dgs-pieces li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:5px 10px 5px 8px;display:grid}
.p-shell .dgs-item{--q:#fff;min-width:0;color:var(--q);align-items:center;gap:12px;font-weight:600;text-decoration:none;display:flex}
.p-shell .dgs-item:hover span{text-decoration:underline}
.dgs-item.q0{--q:#9d9d9d}
.dgs-item.q2{--q:#1eff00}
.dgs-item.q3{--q:#4aa3ff}
.dgs-item.q4{--q:#a335ee}
.dgs-item.q5{--q:#ff8000}
.dgs-item img,.dgs-item i{border:1px solid color-mix(in srgb, var(--q) 45%, #000);background:#000;border-radius:3px;flex:none;width:32px;height:32px}
.dgs-item small{color:var(--text-muted);font-size:12.5px;font-weight:400;display:block}
.dgs-from{text-align:right;color:var(--text-muted);font-size:13.5px}
.p-shell a.dgs-from{color:var(--ivory-2)}
.p-shell a.dgs-from:hover{color:var(--accent)}
.dgs-from em{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:8px;font-style:normal}
.dgs-bonuses{border-left:1px solid var(--line);padding:14px 18px 16px;font-size:14px;line-height:1.5}
.dgs-bonuses h3{font:700 13px var(--font-sans);color:var(--gold);margin:0 0 8px}
.dgs-bonuses p{color:var(--game-grey,#9d9d9d);grid-template-columns:68px minmax(0,1fr);gap:10px;margin:0;padding:6px 0;display:grid}
.dgs-bonuses p+p{border-top:1px solid #151a23}
.dgs-bonuses p b{color:var(--text-muted);white-space:nowrap;font-weight:400}
.dgs-bonuses .dgs-new{color:var(--game-green,#1eff00)}
.dgs-bonuses .dgs-note{color:var(--text-muted);padding-top:10px;font-size:12.5px;display:block}
@media (max-width:820px){.dgs-cols{grid-template-columns:minmax(0,1fr)}.dgs-bonuses{border-left:0;border-top:1px solid var(--line);padding:12px 14px 14px}}
.it-hero-icon{background:url(../icons/inv_sword_39.jpg) 50%/cover;width:68px;height:68px}
.it-hero{overflow:hidden}
.it-hero-mosaic{top:-10px;right:max(0px, calc((100% - var(--v2-max)) / 2 - 40px));opacity:.3;pointer-events:none;grid-template-columns:repeat(12,56px);grid-auto-rows:56px;place-content:center end;gap:6px;width:min(58%,760px);display:grid;position:absolute;bottom:-10px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 45% 85%,#0009);mask-image:linear-gradient(90deg,#0000,#000 45% 85%,#0009)}
.it-hero-mosaic img{filter:saturate(.75)brightness(.7);border:1px solid #2a2f3a;border-radius:4px;width:56px;height:56px;display:block}
.it-hero-mosaic img:nth-child(7n){filter:saturate(.9)brightness(.9)}
.v2-hero.it-hero .v2-hero-inner{z-index:1;position:relative}
.it-browser{margin:22px 0 40px}
.it-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;display:flex}
.it-tabs button{color:var(--text);font:600 14px var(--font-sans);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:baseline;gap:7px;margin-bottom:-1px;padding:10px 14px 9px;display:inline-flex}
.it-tabs button small{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:400}
.it-tabs button:hover{color:#fff}
.it-tabs button[aria-selected=true]{color:#fff;border-bottom-color:var(--accent)}
.it-tab-lede{color:var(--text-muted);margin:12px 0 0;font-size:13.5px}
.it-filters{border:1px solid var(--line-2);background:var(--bg-2);border-radius:3px;margin:16px 0 0}
.it-tools{flex-wrap:wrap;align-items:flex-end;gap:12px 18px;padding:14px 16px;display:flex}
.it-tools label,.it-menu{color:var(--text-muted);flex-direction:column;gap:5px;font-size:12px;display:flex}
.it-tools select,.it-tools input{border:1px solid var(--line-2);background:var(--bg);color:var(--text-strong);font:14px var(--font-sans);border-radius:3px;padding:7px 10px}
.it-menu{width:150px}
.it-menu.it-f-slot,.it-menu.it-f-sub,.it-menu.it-f-class,.it-menu.it-f-sort{width:190px}
.it-menu .ds-button{height:34px;font-size:14px}
.it-search{flex:280px}
.it-search-box{align-items:center;display:flex;position:relative}
.it-search-box svg{color:var(--text-muted);pointer-events:none;position:absolute;left:10px}
.it-search-box input{box-sizing:border-box;width:100%;padding-left:32px}
.it-range{align-items:center;gap:6px;display:inline-flex}
.it-range input{text-align:center;width:54px}
.it-range i{color:var(--text-muted);font-style:normal}
.it-stats{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 16px;display:flex}
.it-stats-label{color:var(--text-muted);font-size:12px}
.it-stats-rows{flex-wrap:wrap;gap:8px;display:flex}
.it-stat{align-items:stretch;display:flex}
.it-stat .ds{width:210px}
.it-stat .ds-button{height:34px;font-size:14px}
.it-stat:not(.it-stat-add) .ds-button{border-right-width:0;border-radius:3px 0 0 3px}
.it .it-stat-min{border:1px solid var(--gold-2);width:56px;color:var(--text-strong);font:14px var(--font-sans);text-align:center;font-variant-numeric:tabular-nums;background:#0a0d12;border-radius:0;padding:0 8px}
.it .it-stat-min::placeholder{color:var(--text-muted);font-size:12.5px}
.it .it-stat-drop{border:1px solid var(--gold-2);width:30px;color:var(--text-muted);font:400 17px/1 var(--font-sans);cursor:pointer;background:#0a0d12;border-left-width:0;border-radius:0 3px 3px 0}
.it .it-stat-drop:hover{color:#fff}
.it-quality-row{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 16px;display:flex}
.it-quality-label{color:var(--text-muted);font-size:12px}
.it-qualities{flex-wrap:wrap;gap:4px;display:flex}
.it-qualities button{--q:#d9d9d9;border:1px solid var(--line-2);background:var(--bg);color:var(--q);font:600 13px var(--font-sans);cursor:pointer;border-radius:3px;align-items:baseline;gap:6px;padding:6px 12px;display:inline-flex}
.it-qualities button small{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:400}
.it-qualities button:hover{border-color:var(--q)}
.it-qualities button[aria-pressed=true]{border-color:var(--q);background:color-mix(in srgb, var(--q) 16%, var(--bg));color:#fff}
.it-qualities button[aria-pressed=true] small{color:var(--ivory-2)}
.it-qualities button:disabled{opacity:.35;cursor:default}
.it-qualities .q0{--q:#9d9d9d}
.it-qualities .q1{--q:#fff}
.it-qualities .q2{--q:#1eff00}
.it-qualities .q3{--q:#4aa3ff}
.it-qualities .q4{--q:#a335ee}
.it-qualities .q5{--q:#ff8000}
.it-qualities button[aria-pressed=true].q5,.it-qualities button[aria-pressed=true].q4,.it-qualities button[aria-pressed=true].q3,.it-qualities button[aria-pressed=true].q2,.it-qualities button[aria-pressed=true].q0{color:var(--q)}
.it-clear{border:1px solid var(--line-2);color:var(--accent);font:600 13px var(--font-sans);cursor:pointer;background:0 0;border-radius:3px;margin-left:auto;padding:6px 12px}
.it-clear:hover{border-color:var(--accent);color:#fff}
.it-count{color:var(--text-muted);margin:14px 0 10px;font-size:13px}
.it-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}
.it-card .it-tip{padding:12px 14px;font-size:13px;line-height:1.45}
.it-card .it-name{font-size:15px}
.it-card .it-meta{font-size:11px}
.it-card{border:1px solid var(--line);background:var(--bg-2);color:inherit;transition:border-color .15s var(--ease);border-radius:4px;flex-direction:column;text-decoration:none;display:flex}
.it-card:hover{border-color:var(--accent);text-decoration:none}
.it-card .it-tip,.it-card .it-body{flex-direction:column;flex:1;display:flex}
.it-card .it-body .it-muted{margin-top:auto;padding-top:8px}
.it-entry{flex-direction:column;display:flex}
.it-entry>.it-card{flex:1}
.it-row,.it-open,.it-bar,.it-bar-edge,.it-scrim,.it-sheet-head,.it-sheet-go,.it-sort-inline{display:none}
.it-hover{z-index:60;pointer-events:none;width:320px;max-height:calc(100vh - 20px);position:fixed;overflow:hidden}
.it-hover .it-tip{border:1px solid #a79770;font-size:13.5px;box-shadow:0 4px 14px #000a}
.it-more{justify-content:center;margin:22px 0 0;display:flex}
.it-more button{border:1px solid var(--line-2);background:var(--bg-2);color:var(--text-strong);font:600 14px var(--font-sans);cursor:pointer;border-radius:3px;align-items:baseline;gap:8px;padding:9px 18px;display:inline-flex}
.it-more button small{color:var(--text-muted);font-size:12px;font-weight:400}
.it-more button:hover{border-color:var(--accent)}
.it-tip{color:#fff;font:14px/1.45 var(--font-sans);background:#06080c;border-radius:4px;padding:12px 14px 13px}
.it-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:-2px 0 10px;font-size:12px}
.it-head{border-bottom:1px solid #151a23;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;margin-bottom:10px;padding-bottom:10px;display:grid}
.it-icon{object-fit:cover;background:#111;border:1px solid #4b4b4b;border-radius:4px;flex:none;width:40px;height:40px}
.it-icon-none{display:block}
.it-name{min-width:0;font-size:16px;font-weight:600;line-height:1.25}
.it-meta{color:var(--text-muted);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:4px 7px;margin-top:8px;font-size:12px;display:flex}
.it-subtitle{color:var(--ivory-2)}
.it-id{white-space:nowrap;font-variant-numeric:tabular-nums}
.it-status{--s:var(--text-muted);background:color-mix(in srgb, var(--s) 18%, transparent);letter-spacing:.05em;text-transform:uppercase;color:var(--s);border-radius:2px;padding:1px 5px;font-size:9.5px;font-weight:700;line-height:1.5;display:inline-block}
.it-status-new,.it-status-rebuilt{--s:var(--add,#7ccf6e)}
.it-status-changed{--s:var(--mod,#e2c275)}
.it-status-missing{--s:var(--del,#e37e7e)}
.it-body{font-variant-numeric:tabular-nums}
.it-line{white-space:pre-wrap;justify-content:space-between;gap:14px;display:flex}
.it-line>span:last-child{text-align:right;flex:none}
.it-green{color:var(--game-green)}
.it-flavor{color:var(--game-yellow)}
.it-set{color:#ffd100;margin-top:4px}
.it-bonus{color:var(--game-grey)}
.it-set-on{color:#ffff98}
.it-set-off{color:var(--game-grey)}
.it-bonus-on{color:var(--game-green)}
.it-muted{color:#8a857b;margin-top:6px;font-size:.92em}
.it-add{background:#1eff0024;border-radius:2px;margin:0 -4px;padding:0 4px}
.it-add.it-green{color:#b8ff9c}
.it-del{color:#f0b6b0;background:#ff3b301a;border-radius:2px;margin:0 -4px;padding:0 4px}
.it-struck{border-top:1px dashed #3a3f48;margin-top:8px;padding-top:6px}
.it-level{color:var(--game-grey);border-top:1px dashed #3a3f48;margin:8px 0 0;padding-top:6px;font-size:12.5px}
.it-struck-head,.it-added-head{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:11.5px}
.it-struck-head{color:#d99a94}
.it-added-head{color:#9ed48f}
.it-tab-row{justify-items:start;gap:8px;margin-top:12px;display:grid}
.it-tab-ledes{justify-self:stretch;display:grid}
.it-tab-ledes .it-tab-lede{grid-area:1/1;margin:0}
.it-tab-ledes [aria-hidden]{visibility:hidden}
.it-beta{color:var(--text-muted);cursor:help;background:0 0;border:0;align-items:center;gap:8px;margin:0;padding:0;font-size:12.5px;line-height:1.4;display:inline-flex}
.it-beta-mark{font-family:var(--font-sans);letter-spacing:.07em;text-transform:uppercase;color:#d9bd7a;background:#b08d4a38;border-radius:2px;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.5;display:inline-block}
.it-detail .it-beta{margin:0 0 12px}
.it-detail{margin:22px 0 40px}
.it-detail h1{font:700 30px/1.15 var(--font-sans);margin:0 0 4px}
.it-detail .it-sub{color:var(--text-muted);margin:0 0 18px;font-size:14px}
.it-detail .it-sub a{color:var(--accent)}
.it-pair{grid-template-columns:1fr 1fr;align-items:start;gap:2em;display:grid}
.it-pair .it-tip{border:1px solid var(--line-2)}
.it-pair .it-tip.it-empty{color:var(--game-grey);min-height:80px}
.it-drops{color:var(--ivory-2);margin:-6px 0 16px;font-size:14px}
.it-drops a{color:var(--accent)}
.it-verdict.it-status-dead{border-left-color:var(--del,#e37e7e);color:var(--ivory)}
.it-verdict{border-left:3px solid var(--line-2);background:var(--bg-2);color:var(--ivory-2);margin:0 0 16px;padding:10px 14px;font-size:14px}
.it-verdict.it-status-new,.it-verdict.it-status-rebuilt{border-left-color:var(--add,#7ccf6e)}
.it-verdict.it-status-changed{border-left-color:var(--mod,#e2c275)}
.it-verdict.it-status-missing{border-left-color:var(--del,#e37e7e)}
.it-verdict.it-status-held{border-left-color:#9fb4d0}
.it-verdict a{color:var(--accent)}
.it-set-list{margin:26px 0 0}
.it-set-list h2{font:600 18px var(--font-sans);color:#fff;margin:0 0 8px}
.it-set-list h2 small{color:var(--text-muted);margin-left:10px;font-size:13px;font-weight:400}
.it-set-list ul{columns:2;margin:0;padding:0;font-size:14px;list-style:none}
.it-set-list li{break-inside:avoid;margin:0 0 6px}
.it-set-list li a{align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}
.it-set-list li a:hover{text-decoration:underline}
.it-set-list li img{background:#000;border:1px solid #3c3c3c;border-radius:3px;width:22px;height:22px}
.it-set-list li em{color:var(--text-muted);font-style:normal;font-weight:400}
.p-shell .it-set-list a.q0,.p-shell .it-near a.q0{color:#9d9d9d}
.p-shell .it-set-list a.q1,.p-shell .it-near a.q1{color:#fff}
.p-shell .it-set-list a.q2,.p-shell .it-near a.q2{color:#1eff00}
.p-shell .it-set-list a.q3,.p-shell .it-near a.q3{color:#4aa3ff}
.p-shell .it-set-list a.q4,.p-shell .it-near a.q4{color:#a335ee}
.p-shell .it-set-list a.q5,.p-shell .it-near a.q5{color:#ff8000}
.it-near li a{align-items:center;gap:8px;display:inline-flex}
.it-near li img{background:#000;border:1px solid #3c3c3c;border-radius:3px;width:22px;height:22px}
.it-foot{color:var(--text-muted);margin:26px 0 0;font-size:12.5px;line-height:1.6}
.it-foot a{color:var(--accent)}
@media (max-width:720px){.it-pair{grid-template-columns:1fr}.it-set-list ul{columns:1}.it-hero .v2-hero-inner{gap:14px}.it-hero-icon{width:48px;height:48px}.it-hero-more,.it-hero .v2-stats{display:none}.it .v2-work{padding-top:12px}.it-browser{flex-direction:column;margin-top:4px;display:flex}.it-tabs{scrollbar-width:none;flex-wrap:nowrap;gap:0;overflow-x:auto}.it-tabs::-webkit-scrollbar{display:none}.it-tabs button{white-space:nowrap;flex:none;padding:10px 12px 9px}.it-tab-row{order:1;margin-top:24px}.it-tab-ledes{display:none}.it-bar-edge{height:1px;margin-bottom:-1px;display:block}.it-bar{z-index:20;background:var(--bg);padding:10px 0;display:block;position:sticky;top:0}.it-bar[data-stuck]{box-shadow:0 1px 0 var(--line), 0 10px 12px -10px #000}.it-bar-row{gap:8px;display:flex}.it-bar .it-search-box{flex:1;min-width:0}.it .it-bar input{appearance:none;border:1px solid var(--line-2);background:var(--bg);color:var(--text-strong);font:16px var(--font-sans);border-radius:3px;padding:9px 10px 9px 32px}.it .it-bar-filters{border:1px solid var(--line-2);background:var(--bg-2);color:var(--text-strong);font:600 14px var(--font-sans);border-radius:3px;flex:none;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.it-bar-filters svg{color:var(--text-muted)}.it-bar-filters small{color:var(--accent);font-variant-numeric:tabular-nums;font-size:13px}.it-active{color:var(--ivory-2);margin:8px 0 0;font-size:13px;line-height:1.4}.it .it-active button{color:var(--accent);font:600 13px var(--font-sans);background:0 0;border:0;margin-left:10px;padding:0}.it-filters{display:none}.it-filters[data-open]{z-index:81;overscroll-behavior:contain;max-height:88dvh;padding:0 16px calc(14px + env(safe-area-inset-bottom));border:1px solid var(--line-2);background:#06080c;border-width:1px 0 0;border-radius:6px 6px 0 0;outline:none;margin:0;display:block;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:inset 0 1px #000,0 -12px 30px #000}.it-scrim{z-index:80;background:#000000b3;display:block;position:fixed;inset:0}.it-sheet-head{z-index:1;background:#06080c;border-bottom:1px solid #151a23;align-items:center;gap:18px;padding:12px 0 10px;display:flex;position:sticky;top:0}.it-sheet-head h2{font:600 19px var(--font-display);color:var(--game-yellow);margin:0 auto 0 0}.it .it-sheet-head button{color:var(--accent);font:600 14px var(--font-sans);background:0 0;border:0;padding:6px 0}.it .it-sheet-head .it-sheet-close{width:32px;color:var(--text-muted);font:400 26px/1 var(--font-sans);margin-right:-6px}.it-filters .it-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 12px;padding:14px 0 16px;display:grid}.it-filters .it-search,.it-filters .it-f-sort,.it-filters .it-clear{display:none}.it-tools select,.it-tools input{width:100%;min-width:0;padding:9px 10px;font-size:16px}.it-filters .it-menu{width:auto;min-width:0}.it-menu .ds-button{height:44px;font-size:16px}.it-f-slot{order:1}.it-f-type{order:2}.it-f-sub{order:3}.it-f-class{order:4}.it-f-ilvl{order:5;grid-column:1}.it-f-req{order:6}.it-range{display:flex}.it-range input{flex:1;width:auto}.it-stats{border-top:1px solid #151a23;padding:14px 0 0;display:block}.it-stats-label{margin-bottom:8px;display:block}.it-stats-rows{gap:8px;display:grid}.it-stat .ds{flex:1;width:auto;min-width:0}.it-stat .ds-button{height:44px;font-size:16px}.it .it-stat-min{width:74px;font-size:16px}.it .it-stat-drop{width:44px;font-size:21px}.it-quality-row{border-top:1px solid #151a23;padding:14px 0 0;display:block}.it-quality-label{margin-bottom:8px;display:block}.it-qualities{grid-template-columns:1fr 1fr;gap:6px;display:grid}.it-qualities button{justify-content:space-between;padding:10px 12px}.it .it-sheet-go{color:#fff;width:100%;font:600 15px var(--font-sans);background:#1b1710;border:1px solid #a79770;border-radius:3px;margin-top:16px;padding:12px;display:block;position:sticky;bottom:0;box-shadow:0 0 0 14px #06080c}.it-count{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;margin:2px 0 0;padding-bottom:8px;display:flex}.it-sort-inline{align-items:baseline;gap:6px;display:inline-flex;position:relative}.it-sort-inline span{color:var(--text-strong);align-items:center;gap:5px;font-weight:600;display:inline-flex}.it .it-sort-inline select{opacity:0;width:100%;font-size:16px;position:absolute;inset:0}.it-grid{display:block}.it-card{display:none}.it .it-row{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--text);font:14px/1.3 var(--font-sans);text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;column-gap:11px;padding:9px 0;display:grid}.it-row[aria-expanded=true]{border-bottom-color:#0000}.it-row .it-icon{width:36px;height:36px}.it-row-name{font-size:14.5px;font-weight:600;display:block}.it-row-kind{color:var(--game-grey);margin-top:2px;font-size:12.5px;display:block}.it-row-level{font:600 15px/1.1 var(--font-sans);color:var(--ivory-2);text-align:right;font-variant-numeric:tabular-nums}.it-row-level small{color:var(--text-muted);margin-top:2px;font-size:11px;font-weight:400;display:block}.it-open{border:1px solid var(--line-2);margin:0 0 12px;display:block;box-shadow:inset 0 0 0 1px #000}.it-open-note{color:var(--game-grey);margin-bottom:6px;font-size:12.5px}.it-open-go{border-top:1px solid #151a23;margin-top:10px;padding-top:9px;font-weight:600;display:block}}
.it .v2-work{display:block}
.it-from{margin:26px 0 0}
.it-from h2{font:700 19px var(--font-display), Georgia, serif;color:var(--ivory);margin:0 0 12px}
.it-from-group{margin:0 0 18px}
.it-from-group h3{color:var(--gold);margin:0 0 4px;font-size:13px;font-weight:700}
.it-from ul{border-top:1px solid var(--line);max-width:760px;margin:0;padding:0;list-style:none}
.it-from li{border-bottom:1px solid var(--line);align-items:baseline;gap:12px;padding:7px 2px;font-size:14px;display:flex}
.it-from li b,.it-from li>a{color:var(--ivory);flex:0 auto;font-weight:600}
.it-from li>a{color:var(--accent)}
.it-from li span{min-width:0;color:var(--text-muted);flex:1 1 0}
.it-from li em{color:var(--ivory-2);font-variant-numeric:tabular-nums;flex:none;font-style:normal}
@media (max-width:640px){.it-from li{flex-wrap:wrap;gap:2px 10px}.it-from li b,.it-from li>a{flex:100%}}
.it-from .it-sources li{padding:9px 2px;display:block}
.it-sources p{color:var(--ivory);margin:0;font-size:14px;line-height:1.55}
.it-sources p a{color:var(--accent);font-weight:600}
.it-sources p b{color:var(--ivory);font-weight:600}
.it-sources p+p{color:var(--text-muted);margin-top:3px;font-size:13px;line-height:1.6}
.it-sources a i{font:11px/1 var(--font-sans);opacity:.6;margin-left:3px;font-style:normal}
.it-crafts .it-craft{border-top:1px solid var(--line);max-width:760px;padding:12px 0 14px}
.it-crafts .it-craft:last-child{border-bottom:1px solid var(--line)}
.p-shell .it-craft-trade{font:700 15px/1.3 var(--font-sans);color:var(--ivory);flex-wrap:wrap;align-items:center;gap:4px 14px;margin:0 0 10px;display:flex}
.it-craft-trade>a{color:var(--ivory);align-items:center;gap:8px;display:inline-flex}
.it-craft-trade>a:hover{color:var(--accent)}
.it-craft-trade img{border:1px solid #4b4b4b;border-radius:3px}
.it-craft-yield{color:var(--text-muted);font-size:13px;font-weight:400}
.it-craft-skill{font-variant-numeric:tabular-nums;cursor:help;gap:10px;margin-left:auto;font-size:13px;display:inline-flex}
.it-skill-learn{color:#ff8040}
.it-skill-yellow{color:#ff0}
.it-skill-green{color:#40bf40}
.it-skill-grey{color:gray}
.it-craft-trade .it-skill-learn{font-weight:700}
.it-craft-label{color:var(--gold);margin:12px 0 6px;font-size:13px;font-weight:700}
.it-craft-trade+.it-craft-label{margin-top:0}
.it-craft-mats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;display:grid}
.it-craft-slot{border:1px solid var(--line);background:#0000004d;border-radius:4px;align-items:center;gap:10px;min-width:0;padding:3px 10px 3px 3px;font-size:14px;font-weight:600;display:flex}
.it-craft-slot:hover{border-color:var(--line-2);background:#00000073}
.it-craft-slot>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}
.it-craft-icon{flex:none;width:36px;height:36px;line-height:0;position:relative}
.it-craft-icon img{border:1px solid #4b4b4b;border-radius:3px;width:36px;height:36px}
.it-craft-icon b{color:#fff;text-shadow:0 0 2px #000,1px 1px 1px #000,-1px -1px 1px #000;font-size:12.5px;font-weight:700;line-height:1;position:absolute;bottom:2px;right:3px}
.it-craft-q2{border-color:#1a7a0c!important}
.it-craft-q3{border-color:#2b6cb3!important}
.it-craft-q4{border-color:#7a2bb8!important}
.it-crafts .it-craft>.it-craft-slot{margin:0 0 10px;padding-right:14px;font-size:15px;display:inline-flex}
.it-craft-enchant{color:var(--ivory);align-items:center;gap:10px;margin:0 0 10px;font-size:15px;display:flex}
.it-craft-enchant img{border:1px solid #4b4b4b;border-radius:3px}
.it-craft-was{color:var(--text-muted);margin:8px 0 0;font-size:13px}
.it-craft-src{color:var(--ivory-2);margin:8px 0 0;font-size:14px;line-height:1.55}
.it-craft-src a{font-weight:600}
.it-craft-src .en3-unknown{color:var(--text-muted)}
@media (max-width:640px){.it-craft-mats{grid-template-columns:minmax(0,1fr)}.it-craft-skill{margin-left:0}}
.it-guide-role,.it-guide-intro,.it-guide-source{max-width:760px;color:var(--ivory-2);margin:0 0 12px;font-size:14px;line-height:1.55}
.it-guide-role{color:var(--ivory)}
.it-guide-source{color:var(--text-muted);margin-top:4px;font-size:12.5px}
.it-guide ol{counter-reset:step;border-top:1px solid var(--line);max-width:760px;margin:0;padding:0;list-style:none}
.it-guide ol>li{counter-increment:step;border-bottom:1px solid var(--line);grid-template-columns:26px minmax(0,1fr) auto;gap:2px 10px;padding:10px 2px;font-size:14px;display:grid}
.it-guide ol>li:before{content:counter(step);font:700 15px var(--font-display), Georgia, serif;color:var(--gold);grid-row:1/3}
.it-guide ol>li>b{color:var(--game-yellow);font-weight:600}
.it-guide ol>li>em{color:var(--text-muted);font-size:12.5px;font-style:normal}
.it-guide ol>li>span{color:var(--ivory-2);grid-column:2/4}
.it-guide ol ul{border-top:0;grid-column:2/4;margin:6px 0 0}
.it-guide ol ul li{border-bottom:0;padding:4px 0;font-size:13.5px}
.it-guide ol ul li>a{flex:0 0 210px}
.it-guide ol ul i{color:var(--text-muted);font-style:normal}
.it-guide-unknown li span{color:var(--ivory-2)}
.dgx-spoiler{color:var(--game-yellow-soft);text-shadow:0 1px 3px #000;margin:10px 0 0;font-size:13.5px}
.dpv-part>:last-child{margin-bottom:0}
.dpv-part>p+:not(p),.dpv-part>:not(p)+p{margin-top:16px}
@media (min-width:1100px){.dgp .dgp-work.dpv-page{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:0 40px;display:grid}.dpv-page>*{grid-column:1;min-width:0}.dpv-page>.dpv-card{grid-area:1/2/span 30;position:sticky;top:72px}}
.dpv-card{border:1px solid var(--line);background:var(--bg-2);border-radius:4px;margin-top:36px;font-size:13.5px;line-height:1.5;overflow:hidden}
.dpv-card>header{border-bottom:1px solid var(--line);background:linear-gradient(#1a2230,#121823);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 16px;display:flex}
.p-shell .dpv-card h2{font:700 18px/1.2 var(--font-display), Georgia, serif;letter-spacing:.01em;color:var(--game-yellow);margin:0}
.p-shell .dpv-card header p{color:var(--ivory-2);white-space:nowrap;margin:0;font-size:12.5px}
.dpv-card ul{margin:0;padding:0;list-style:none}
.dpv-card li{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:12px;padding:13px 16px 14px 14px;display:grid}
.dpv-card li+li{border-top:1px solid var(--line)}
.dpv-card li>img{object-fit:cover;background:#0b0e14;border-radius:50%;width:30px;height:30px;box-shadow:0 0 0 1px #000,0 0 0 2px #c8a24a99}
.dpv-card li>img[src$=svc-dungeon\.png]{object-fit:contain;box-sizing:border-box;padding:5px}
.p-shell .dpv-card li p{color:var(--ivory-2);margin:0}
.p-shell .dpv-card li p+p{margin-top:4px}
.p-shell .dpv-card .dpv-card-title{color:var(--ivory);font-weight:700}
.p-shell .dpv-card a{color:var(--accent)}
.p-shell .dpv-card a:hover{text-underline-offset:3px;text-decoration:underline}
.dpv-others{margin-top:48px}
.p-shell .dpv-others h2{font:700 20px/1.2 var(--font-display), Georgia, serif;letter-spacing:.01em;color:var(--ivory);margin:0 0 14px}
.dpv-others ul{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}
.dpv-others a{isolation:isolate;background:var(--art) center / cover, #0b0e14;border-radius:4px;flex-direction:column;justify-content:flex-end;min-height:104px;padding:12px 14px;transition:box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #06080c,0 0 0 2px #2b3444}
.dpv-others a:before{content:"";z-index:-1;background:linear-gradient(#080b1026,#080b10e6 75%);position:absolute;inset:0}
.dpv-others a:hover{box-shadow:0 0 0 1px #06080c,0 0 0 2px #8a713b}
.dpv-others strong{font:700 16px/1.2 var(--font-display), Georgia, serif;color:var(--game-yellow);text-shadow:0 1px 3px #000}
.dpv-others span{color:var(--ivory-2);text-shadow:0 1px 2px #000;margin-top:3px;font-size:12.5px}
.dpv-others em{color:var(--text-muted);font-style:normal;display:block}
.dpv{color:var(--text);font-size:15px;line-height:1.65}
.dpv p{margin:0 0 12px}
.dpv ul,.dpv ol{margin:0 0 14px;padding:0 0 0 20px}
.dpv li{margin:0 0 6px}
.dpv li::marker{color:var(--gold)}
.dpv-item{vertical-align:-3px;align-items:center;gap:6px;display:inline-flex}
.dpv-item img{border-radius:3px;width:20px;height:20px;box-shadow:0 0 0 1px #000,0 0 0 2px #3a3a3a}
.p-shell .dpv-item.q1{color:#fff}
.p-shell .dpv-item.q2{color:var(--game-green)}
.p-shell .dpv-item.q3{color:#4aa3ff}
.p-shell .dpv-item.q4{color:#a335ee}
.dpv-item:hover{text-underline-offset:3px;text-decoration:underline}
.dpv-tablets{list-style:decimal}
.dpv-tablets li{padding-left:4px}
.dpv-tablets q{color:var(--game-yellow-soft);quotes:"“" "”";margin-left:10px;font-style:italic}
.dpv-tablets li:lang(fr) q{quotes:"« " " »"}
.dpv-tablets li:lang(de) q{quotes:"„" "“"}
.dpv-shots{grid-template-columns:repeat(var(--n,2), minmax(0, 1fr));gap:14px;margin:18px 0 8px;display:grid}
.dpv-shot{margin:0}
.dpv-shot-wide{grid-column:1/-1}
.dpv-shot img{aspect-ratio:16/9;object-fit:cover;background:#06080c;border-radius:3px;width:100%;height:auto;display:block;box-shadow:0 0 0 1px #06080c,0 0 0 2px #2b3444}
.dpv-shot figcaption{color:var(--text-muted);margin-top:6px;font-size:12.5px;line-height:1.45}
.dpv-natural .dpv-shot img{aspect-ratio:auto;object-fit:contain}
.dpv-bosses{margin:4px 0 14px}
.dpv-bosses .dpv-area{text-align:center;width:64px;color:var(--text-muted);white-space:nowrap}
.dpv-boss{color:var(--game-yellow);flex-wrap:wrap;align-items:center;gap:4px 12px;font-weight:600;display:flex}
.p-shell .dpv-bosses .dpv-boss a{color:var(--game-yellow)}
.p-shell .dpv-bosses .dpv-boss a:hover{color:#fff}
.dpv-bosses small{color:var(--text-muted);font-weight:400}
.dpv-bosses td:last-child{color:var(--text-muted)}
.dpv-bosses td:last-child:not(:first-child){white-space:nowrap}
.dgx-table.dpv-bosses .dpv-group th{color:var(--ivory-2);border-bottom:1px solid var(--line);text-align:left;background:#0d1119;padding:8px 16px;font-size:12px;font-weight:700}
.dpv-bosses tbody+tbody .dpv-group th{border-top:1px solid var(--line)}
@media (max-width:860px){.dgx-table.dpv-bosses td:not(:first-child){padding:6px 14px 0 0;font-size:12.5px;display:inline-block}.dgx-table.dpv-bosses td:nth-child(2){margin-left:42px}.dpv-bosses td.dpv-area:not([data-label]){display:none}.dpv-bosses td.dpv-area:not([data-label])+td{margin-left:42px}.dpv-bosses td[data-label]:before{content:attr(data-label) ": "}.dpv:lang(fr) .dpv-bosses td[data-label]:before{content:attr(data-label) " : "}.dpv-bosses td{padding-top:0!important}.dpv-bosses .dpv-area{text-align:left;width:auto}.dgx-table.dpv-bosses tr.dpv-group{padding:0}.dgx-table.dpv-bosses .dpv-group th{padding:8px 14px;display:block}}
.dpv-bosses td{vertical-align:top}
.dpv-bosses td:first-child{white-space:normal}
.dpv-bosses td:not(:has(.dpv-boss)){padding-top:15px}
.p-shell .dpv-boss-note{color:var(--text);margin:6px 0 0 42px;font-size:13.5px;line-height:1.5}
.p-shell .dpv a[href*="wowhead.com/forever/item="]{color:#4aa3ff;font-weight:400}
.p-shell .dpv a[href*="wowhead.com/forever/item="]:hover{text-decoration:underline}
.dpv-video{aspect-ratio:16/9;background:#06080c;border-radius:3px;margin:18px 0 8px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #06080c,0 0 0 2px #2b3444}
.dpv-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}
.dpv-box{width:min(1600px,100vw - 48px);max-width:none;max-height:calc(100vh - 32px);color:var(--text);background:#06080c padding-box padding-box;border:24px solid #0000;border-image:url(../wow-ui/UI-DialogBox-Gold-Border-9.png) 32/24px round;padding:0;overflow:visible}
.dpv-box::backdrop{background:#000000d1}
.dpv-box[open]{animation:.25s ease-out both dpv-box-in}
@keyframes dpv-box-in{0%{opacity:0;transform:scale(.98)}}
.dpv-box figure{margin:0}
.dpv-box img{object-fit:contain;background:#000;width:100%;height:auto;max-height:calc(100vh - 130px);display:block}
.dpv-box figcaption{font:13.5px/1.45 var(--font-sans);color:var(--ivory-2);justify-content:space-between;gap:2em;padding:10px 4px 2px;display:flex}
.dpv-box figcaption span{color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none}
.dpv-box button{color:var(--game-yellow);cursor:pointer;font:400 26px/1 var(--font-sans);background:#06080cd9;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 0 0 1px #000,0 0 0 2px #8a713b}
.dpv-box button:hover{color:#fff}
.dpv-box button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dpv-box-x{width:34px;height:34px;top:-34px;right:-34px}
.dpv-box-prev,.dpv-box-next{width:44px;height:44px;margin-top:-40px;top:50%;font-size:32px!important}
.dpv-box-prev{left:10px}
.dpv-box-next{right:10px}
@media (max-width:720px){.dpv-box{border-width:14px;width:calc(100vw - 20px)}.dpv-box-x{width:30px;height:30px;top:-26px;right:-26px}}

/* ==== dungeons (dg/dgx/dpv/ds/lb/dj) — from 13 chunks, s6b6 ==== */
.dg{--lane-h:48px;--dg-classic:#2a3445;--dg-classic-edge:#465366;--dg-gold:#e2c275}
.language-note{max-width:1356px;color:var(--game-yellow);text-shadow:0 1px 1px #000;margin:12px auto 0;padding:0 32px;font-size:13px;line-height:1.6}
.language-note a{color:var(--accent);text-underline-offset:2px;text-shadow:none;text-decoration:underline}
.language-note a:hover{color:var(--ivory)}
.language-note button{color:var(--muted,#9a927f);font:inherit;cursor:pointer;background:0 0;border:0;margin-left:10px;padding:0 4px;font-size:15px;line-height:1}
.language-note button:hover{color:var(--ivory)}
:root{--bg:#0e1219;--bg-2:#141a23;--bg-3:#1a2230;--line:#2b3444;--line-2:#3a4557;--ivory:#efe7d3;--ivory-2:#d9d0bc;--text:#c9c4b6;--text-strong:#efe7d3;--text-muted:#8e948f;--accent:#7fb3f0;--accent-strong:#4f8fde;--accent-soft:#4f8fde29;--gold:#c8a24a;--gold-2:#8c7434;--game-yellow:#ffd100;--game-yellow-soft:#e8d48c;--game-green:#1eff00;--game-grey:#9d9d9d;--game-red:#ff3b30;--add:#8fd37a;--add-bg:#2e7d3240;--mod:#f0c674;--mod-bg:#9a670040;--del:#f08a80;--del-bg:#a63a3240;--font-sans:Verdana, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;--font-serif:var(--font-sans);--font-display:"Cinzel", "Microsoft YaHei", sans-serif;--r:4px;--ease:cubic-bezier(.2,.7,.2,1)}
main:not([class]){max-width:1040px;margin:0 auto;padding:28px 24px 80px} /* 仅限无类旧页；p-shell 页宽度由自身规则控制（s6d-11） */
h1,h2,h3{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--ivory);margin:0;font-weight:700}
h1{margin-bottom:6px;font-size:28px;line-height:1.2}
h2{margin:32px 0 12px;font-size:20px}
h3{font-size:17px}
p{margin:0 0 12px}
.sub{color:var(--text-muted);margin:0 0 18px;font-size:15px}
code{background:var(--bg-3);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
/* 已删：原站双重 header 隐藏规则，本地单 header 会被误伤（s6d-16） */
html:lang(zh-TW){--font-sans:Verdana, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif}
html:lang(zh-CN){--font-sans:Verdana, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif}
.nav-status{display:none}
html[data-nav-pending] .nav-status{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;min-height:480px;margin:0 auto;padding:150px 16px 40px;animation:.3s .15s both nav-status-in;display:flex;position:relative;overflow:hidden}
html[data-nav-pending] main .p-shell>:not(.p-header,.nav-status),html[data-nav-pending] main>:not(.p-shell){display:none}

.nav-status-art{object-fit:cover;object-position:50% 40%;opacity:.5;pointer-events:none;-webkit-mask-composite:source-in;width:100%;height:100%;animation:.4s both nav-status-in;position:absolute;inset:0;-webkit-mask-image:radial-gradient(50% 80% at 50% 20%,#000 20%,#0009 48%,#00000040 72%,#0000 100%),linear-gradient(#0000,#000 18%);mask-image:radial-gradient(50% 80% at 50% 20%,#000 20%,#0009 48%,#00000040 72%,#0000 100%),linear-gradient(#0000,#000 18%);-webkit-mask-composite:source-in;mask-composite:intersect}
.nav-status>:not(.nav-status-art){position:relative}
.nav-status .nav-status-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}
.nav-status p{color:#fff;text-align:center;text-shadow:0 1px 2px #000,0 0 8px #000;max-width:520px;margin:0;font-size:14px;line-height:1.5}
.nav-status p b{color:var(--game-yellow);font-weight:400}
.nav-status-bar{aspect-ratio:8;width:min(560px,100%);display:block}
.nav-status-bar:after{content:"";background:url(../wow-ui/Loading-BarBorder.PNG) 0 0/100% 100%;position:absolute;inset:0}
.nav-status-bar span{transform-origin:0;background:url(../wow-ui/Loading-BarFill.PNG) 0/64px 100% repeat-x;width:85.74%;height:28.1%;animation:10s cubic-bezier(.2,.8,.3,1) .15s both nav-status-fill;position:absolute;top:34.4%;left:7.03%;transform:scaleX(.5)}
@keyframes nav-status-in{0%{opacity:0}}
@keyframes nav-status-fill{0%{transform:scaleX(0)}3%{transform:scaleX(.14)}8%{transform:scaleX(.29)}14%{transform:scaleX(.43)}22%{transform:scaleX(.56)}33%{transform:scaleX(.67)}48%{transform:scaleX(.76)}68%{transform:scaleX(.84)}to{transform:scaleX(.9)}}
body:has(main .site-legal)>.site-legal{display:none}
body:has(main .p-shell)>main{max-width:none;margin:0;padding:0}
table.list{border-collapse:collapse;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);width:100%;font-size:15px;overflow:hidden}
table.list td{border-top:1px solid var(--line);vertical-align:top;padding:10px 12px}
table.list tr:first-child td{border-top:0}
table.list td.k{width:96px}
table.list td.c{width:110px;color:var(--text-muted);white-space:nowrap;font-size:14px}
table.list tr:hover td{background:var(--bg-3)}
.fields{color:var(--text-muted);margin-top:2px;font-size:14px}
.fields code{font-size:12.5px}
.badge{vertical-align:middle;border-radius:999px;padding:2px 9px;font-size:13px;font-weight:600;display:inline-block}
.b-added{background:var(--add-bg);color:var(--add)}
.b-modified{background:var(--mod-bg);color:var(--mod)}
.b-removed{background:var(--del-bg);color:var(--del)}
.b-neutral{background:var(--bg-3);color:var(--text-muted)}
.filters{flex-wrap:wrap;gap:6px;margin:0 0 16px;display:flex}
.filters a{border:1px solid var(--line-2);color:var(--text);border-radius:999px;padding:5px 13px;font-size:14px}
.filters a:hover{border-color:var(--accent);text-decoration:none}
.filters a.on{background:var(--accent-strong);color:#fff;border-color:var(--accent-strong)}
.notice{background:var(--accent-soft);color:var(--text-strong);border-left:3px solid var(--accent-strong);margin-bottom:22px;padding:12px 16px;font-size:15px}
.card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.cols{grid-template-columns:1fr 1fr;gap:2em;display:grid}
.gt{border:1px solid var(--line-2);color:#fff;background:#06080c;border-radius:4px;padding:12px 14px;font-size:15px;line-height:1.45;box-shadow:inset 0 0 0 1px #000}
.gt .col-label{color:var(--text-muted);margin-bottom:8px;font-size:12.5px}
.gt .gt-name{font-size:17px;font-weight:600}
.gt .gt-sub{color:var(--game-grey);font-size:14px}
.gt .gt-meta{color:#fff;flex-wrap:wrap;justify-content:space-between;gap:2px 14px;margin:4px 0 8px;font-size:14px;display:flex}
.gt .gt-desc{color:var(--game-yellow);white-space:pre-wrap}
.gt .gt-line{color:#fff}
.gt .gt-green{color:var(--game-green)}
.gt .gt-grey{color:var(--game-grey)}
.gt ins{color:#b8ff9c;background:#1eff0029;border-radius:3px;padding:0 2px;text-decoration:none}
.gt del{color:#ffb3ad;background:#ff3b302e;border-radius:3px;padding:0 2px}
.gt.empty{color:var(--game-grey)}
.gt .iline{color:#fff}
.gt .iline.add{color:#b8ff9c}
.gt .iline.del{color:#ffb3ad;text-decoration:line-through}
.q0{color:#9d9d9d}
.q1{color:#fff}
.q2{color:#1eff00}
.q3{color:#4aa3ff}
.q4{color:#a335ee}
.q5{color:#ff8000}
button.primary{background:var(--accent-strong);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:9px 16px;font-size:15px;font-weight:600;transition:background .15s}
button.primary:hover{background:#5e9ce6}
button.primary:disabled{opacity:.5;cursor:default}
button.ghost{border:1px solid var(--line-2);color:var(--text-strong);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;font-size:15px;transition:border-color .15s}
button.ghost:hover{border-color:var(--accent)}
form.contrib{gap:12px;max-width:640px;display:grid}
form.contrib label{color:var(--text-muted);gap:4px;font-size:14px;display:grid}
form.contrib input,form.contrib textarea,form.contrib select{border:1px solid var(--line-2);border-radius:var(--r);background:var(--bg-2);color:var(--text-strong);font:inherit;padding:9px 11px}
form.contrib textarea{min-height:90px}
form.contrib .row{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}
.obscard{border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2);margin-bottom:10px;padding:14px 16px}
.obscard pre{white-space:pre-wrap;font:inherit;margin:6px 0}
.iline{font-size:15px;line-height:1.5}
details summary{cursor:pointer}
pre{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:12px}
.site-legal{border-top:1px solid var(--line);font:12.5px/1.55 var(--font-sans);color:var(--text-muted);background:#0b0f15}
.site-legal>div{justify-content:space-between;align-items:flex-start;gap:12px 40px;max-width:1420px;margin:0 auto;padding:18px 32px 26px;display:flex}
.site-legal p{max-width:100ch;margin:0}
.site-legal nav{flex-wrap:wrap;flex-shrink:0;gap:6px 18px;display:flex}
.site-links{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}
.site-legal .site-language{gap:4px 14px;font-size:13.5px}
.site-legal a.site-language-link{color:var(--gold)}
.site-legal a.site-language-link:hover{color:var(--game-yellow-soft)}
.site-legal a{color:var(--text);white-space:nowrap;text-decoration:none}
.site-legal a:hover{color:var(--ivory);text-decoration:underline}
@media (max-width:899px){.site-legal>div{flex-direction:column;padding:16px 16px 24px}.site-links{align-items:flex-start}}
.site-support{max-width:1420px;margin:0 auto;padding:22px 32px 2px}
.site-support>div{border:1px solid var(--line);border-radius:var(--r);background:radial-gradient(60% 180% at 100% 100%, #ffd10013, transparent 60%), var(--bg-2);align-items:center;gap:14px 28px;padding:14px 18px;display:flex}
.site-mascot{cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;width:52px;height:64px;margin:0;padding:0;position:relative}
.site-mascot:before{content:"";background:radial-gradient(closest-side,#000000a6,#0000);border-radius:50%;width:46px;height:9px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}
.site-mascot:focus-visible{outline-offset:3px;outline:2px solid #e2c275}
.site-mascot-sprite{pointer-events:none;background:no-repeat;transition:filter .15s,opacity .3s;position:absolute}
.site-mascot:hover .site-mascot-sprite,.site-mascot:focus-visible .site-mascot-sprite{filter:brightness(1.15)drop-shadow(0 0 5px #e2c27573)}
.site-mascot[data-stealth] .site-mascot-sprite{opacity:.4}
.site-mascot[data-stealth]:hover .site-mascot-sprite,.site-mascot[data-stealth]:focus-visible .site-mascot-sprite{opacity:1}
.site-support:has(.site-support-button:hover,.site-support-button:focus-visible) .site-mascot-sprite{opacity:1}
.site-mascot-say{z-index:5;font:400 12px/1.2 var(--font-sans);white-space:nowrap;color:#ffff9f;opacity:0;pointer-events:none;background:#000000d9;border:1px solid #dcdcdc8c;border-radius:9px;padding:7px 11px;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 10px);left:18px;transform:translateY(4px);box-shadow:0 4px 14px #0009}
.site-mascot-say:after{content:"";background:#000;border-bottom:1px solid #dcdcdc8c;border-right:1px solid #dcdcdc8c;width:9px;height:9px;position:absolute;bottom:-6px;left:14px;transform:rotate(45deg)}
.site-mascot-say[data-on]{opacity:1;transform:none}
.site-legal .site-support p{flex-direction:column;flex:1;gap:3px;min-width:0;max-width:none;display:flex}
.site-support-tell{color:var(--accent);font:13px var(--font-sans);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:3px;padding:0}
.site-support-tell:hover{color:#a8cbf5;text-underline-offset:3px;text-decoration:underline}
.site-support-act{flex:none;align-items:center;gap:12px;display:flex}
.site-support strong{font:700 14px/1.35 var(--font-sans);color:var(--ivory)}
.site-support p span{max-width:88ch;color:var(--text);font-size:13px;line-height:1.55}
.site-legal .site-support-button{color:#1a1400;font:700 14px/1.2 var(--font-sans);white-space:nowrap;transition:transform .15s var(--ease), box-shadow .15s var(--ease), filter .15s var(--ease);background:linear-gradient(#ffe15a,#ffc400);border-radius:999px;flex:none;justify-content:center;align-items:center;gap:9px;padding:10px 20px 10px 15px;display:inline-flex;box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #78500038,0 2px 10px #00000073}
.site-legal .site-support-button:hover{color:#1a1400;filter:brightness(1.06);text-decoration:none;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #78500038,0 0 0 4px #ffd10029,0 6px 18px #ffb40033}
.site-legal .site-support-button:active{filter:brightness(.97);transform:none}
.site-legal .site-support-button:focus-visible{outline-offset:3px;outline:2px solid #ffe15a}
.site-support-button svg{flex:none;overflow:visible}
.site-support-alipay{color:#cfe2ff;font:700 14px/1.2 var(--font-sans);white-space:nowrap;cursor:pointer;transition:background .15s var(--ease), border-color .15s var(--ease);background:#1677ff1f;border:1px solid #1677ff;border-radius:999px;flex:none;align-items:center;gap:8px;padding:9px 16px 9px 12px;display:inline-flex}
.site-support-alipay:hover{color:#fff;background:#1677ff3d;border-color:#4a96ff}
.site-support-alipay:focus-visible{outline-offset:3px;outline:2px solid #4a96ff}
.site-support-alipay img{border-radius:4px}
.site-support-steam{opacity:0}
.site-support-heart{transform-box:fill-box;transform-origin:50%}
.site-support-button:hover .site-support-steam{animation:1.4s ease-in-out infinite site-support-steam}
.site-support-button:hover .site-support-heart{animation:.9s ease-in-out infinite site-support-beat}
@keyframes site-support-steam{0%{opacity:0;transform:translateY(2px)}45%{opacity:.85}to{opacity:0;transform:translateY(-2px)}}
@keyframes site-support-beat{0%,60%,to{transform:scale(1)}20%{transform:scale(1.2)}40%{transform:scale(.95)}}
@media (max-width:640px){.site-support>div{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:14px;display:grid}.site-support-act{display:contents}.site-support .site-mascot{grid-area:1/1;align-self:start;margin-top:4px}.site-legal .site-support p{grid-area:1/2}.site-legal .site-support-button{grid-area:2/1/3/3;padding-block:12px}.site-support-alipay{grid-area:3/1/4/3;justify-content:center;padding-block:11px}}
.v2{--v2-max:1420px}
.v2-stats{gap:36px;margin:18px 0 0;padding:0;display:flex}
.v2-stats div{flex-direction:column;display:flex}
.v2-stats dd{font:700 26px/1 var(--font-sans);color:var(--accent);font-variant-numeric:tabular-nums;margin:0}
.v2-stats dt{color:var(--text-muted);margin-top:5px;font-size:13px}
.v2-side{flex-direction:column;gap:2em;display:flex;position:sticky;top:16px}
.v2-menu{border:1px solid var(--line-2);background:var(--bg-2);border-radius:3px;flex-direction:column;display:flex;overflow:hidden}
.v2-menu button{color:var(--ivory-2);text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:13.5px;display:flex}
.v2-menu button+button{border-top:1px solid var(--line)}
.v2-menu button:hover{background:var(--bg-3);color:#fff}
.v2-menu button[aria-pressed=true]{border-left-color:var(--accent-strong);background:var(--accent-soft);color:#fff;font-weight:700}
.v2-menu small{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12.5px}
.v2-menu button[aria-pressed=true] small{color:var(--accent)}
.v2-talent-card{border:1px solid var(--line-2);background:var(--bg-2);color:var(--ivory);transition:border-color .15s var(--ease), transform .15s var(--ease);border-radius:3px;text-decoration:none;display:block;overflow:hidden}
.v2-talent-card:hover{border-color:var(--accent-strong);color:var(--ivory);text-decoration:none;transform:translateY(-2px)}
.v2-talent-card-trees{grid-template-columns:repeat(3,1fr);height:96px;display:grid}
.v2-talent-card-trees>span{filter:brightness(.75);transition:filter .2s var(--ease);background:#000 top/cover;position:relative}
.v2-talent-card:hover .v2-talent-card-trees>span{filter:none}
.v2-talent-card-trees b{overflow-wrap:anywhere;color:#fff;text-shadow:0 1px 2px #000;background:linear-gradient(#0000,#000000e6);padding:4px 5px;font-size:11px;line-height:1.15;position:absolute;bottom:0;left:0;right:0}
.v2-talent-card-caption{border-top:1px solid var(--line-2);flex-direction:column;gap:2px;padding:10px 12px;display:flex}
.v2-talent-card-caption strong{color:#fff;font-size:14px}
.v2-talent-card-caption span{color:var(--text-muted);font-size:12.5px}
.v2-empty{color:var(--text-muted);padding:36px 20px;font-size:14px}
.v2-empty button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}
.v2-detail-tools{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;margin:0 20px;padding-bottom:12px;font-size:13.5px;display:flex}
.v2-detail .p-evidence{margin:12px 20px 0;padding-bottom:10px}
.v2-footer{border-top:1px solid var(--line);color:var(--text-muted);justify-content:space-between;gap:2em;padding-top:16px;padding-bottom:30px;font-size:13px;display:flex}
.v2-footer div{gap:18px;display:flex}
@media (max-width:1280px){.v2-work{grid-template-columns:200px minmax(0,1.3fr) minmax(330px,1fr);gap:2em}.v2-row-meta small{display:none}}
@media (max-width:1099px){.v2-work{grid-template-columns:minmax(0,1fr)}.v2-side,.v2-list,.v2-detail{min-width:0;max-width:100%}.v2-side{position:static}.v2-menu{flex-direction:row;min-width:0;max-width:100%;overflow-x:auto}.v2-menu button{white-space:nowrap;border-bottom:3px solid #0000;border-left:0}.v2-menu button+button{border-top:0;border-left:1px solid var(--line)}.v2-menu button[aria-pressed=true]{border-bottom-color:var(--accent-strong)}.v2-talent-card{display:none}.v2-detail{scroll-margin-top:12px;position:static}.v2-row{scroll-margin-top:56px}.v2-rows>.v2-detail{border-color:var(--accent-strong);animation:v2-unfold .22s var(--ease) both;border-top:0;border-radius:0 0 3px 3px;margin:0 0 14px}.v2-rows>.v2-detail .v2-detail-head{display:none}.v2-rows>.v2-detail .v2-detail-tools{padding-top:14px}.v2-hero:before{opacity:.12}}
@media (max-width:640px){.v2 .v2-work,.v2 .v2-hero-inner,.v2 .v2-footer{padding-inline:14px}.v2-hero h1{font-size:26px}.v2-stats{gap:22px}.v2-stats dd{font-size:22px}.v2-row{grid-template-columns:36px minmax(0,1fr) auto;gap:10px}.v2-chevron{display:none}.v2-compare{grid-template-columns:1fr}}
.v2-hero-status{color:var(--text-muted);max-width:70ch;margin:8px 0 0;font-size:13px}
.v2-more{border:0;border-top:1px solid var(--line);background:var(--bg-2);width:100%;color:var(--accent);font:700 13.5px var(--font-sans);cursor:pointer;padding:12px;display:block}
.v2-more:hover{background:var(--bg-3);color:#fff}
.p-shell .p-rank-buttons{color:var(--text-muted);align-items:center;gap:0;font-size:13.5px;display:flex}
.p-shell .p-rank-buttons>span:first-child{color:var(--accent);margin-right:10px}
.p-shell .p-rank-buttons button,.p-shell .p-rank-buttons button:hover,.p-shell .p-rank-buttons button[aria-pressed=true]{min-width:0;height:auto;min-height:0;box-shadow:none;color:var(--ivory-2);font:15px var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:0;outline:none;padding:2px 9px;position:relative}
.p-shell .p-rank-buttons button+button:before{content:"·";color:var(--line-2);font-weight:400;position:absolute;top:2px;left:-3px}
.p-shell .p-rank-buttons button:hover{color:#fff}
.p-shell .p-rank-buttons button[aria-pressed=true]{color:#fff;text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--accent-strong);text-decoration-color:var(--accent-strong);font-weight:700}
.p-shell .p-rank-buttons button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.v2-detail-tools .p-rank-buttons{white-space:nowrap;flex:none}
.v2-tree-link{margin-left:auto}
.v2-kind-renamed .v2-tag,.v2-tag.v2-kind-renamed,.v2-kind-baseline .v2-tag,.v2-tag.v2-kind-baseline,.v2-kind-race .v2-tag,.v2-tag.v2-kind-race,.v2-kind-earlier .v2-tag,.v2-tag.v2-kind-earlier{color:var(--gold);border-color:#c8a24a66}
.v2-kind-unclear .v2-tag,.v2-tag.v2-kind-unclear{color:var(--ivory-2);border-style:dashed}
.v2-kind-listed .v2-tag,.v2-tag.v2-kind-listed{font-weight:400}
.v2-spellbook-card{border:1px solid var(--line-2);background:var(--bg-2);color:var(--ivory);transition:border-color .15s var(--ease), transform .15s var(--ease);border-radius:3px;gap:2px;margin-top:12px;padding:12px 14px;text-decoration:none;display:grid}
.v2-spellbook-card:hover{border-color:var(--accent-strong);color:var(--ivory);text-decoration:none;transform:translateY(-2px)}
.v2-spellbook-card strong{font-size:14px}
.v2-spellbook-card span{color:var(--text-muted);font-size:13px;line-height:1.45}
.hm .hm-tag{cursor:help}
.hm .hm-tag.hm-secondary{border-style:dashed}
.hm .hm-how{color:var(--text-muted);font-size:12px}
.hm .hm-hit{color:inherit;background:#ffd10038;border-radius:2px;padding:0 1px}
.hm .hm-clear{border:1px solid var(--line-2);color:var(--ivory-2);font:12.5px var(--font-sans);cursor:pointer;background:0 0;border-radius:3px;padding:4px 9px}
.hm .hm-clear:hover{color:#fff;border-color:var(--accent)}
.hm .hm-sticky{z-index:30;border-bottom:1px solid var(--line);transition:transform .2s var(--ease);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0f15f5;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}
.hm .hm-sticky[data-on]{transform:none}
.hm .hm-sticky-inner{max-width:var(--v2-max);align-items:center;gap:18px;height:46px;margin:0 auto;padding:0 32px;display:flex}
.hm .hm-sticky-view{color:var(--ivory-2);white-space:nowrap;margin-left:auto;font-size:13px}
.hm .hm-top{border:1px solid var(--line-2);color:var(--text-muted);font:12.5px var(--font-sans);cursor:pointer;background:0 0;border-radius:3px;padding:4px 9px}
.hm .hm-top:hover{color:#fff;border-color:var(--accent)}
.hm .v2-side,.hm .v2-detail{top:62px}
@media (max-width:899px){.hm .hm-sticky-inner{scrollbar-width:none;gap:10px;padding:0 14px;overflow-x:auto}.hm .hm-sticky-view{display:none}}
.v2-hero-races{gap:8px;margin-top:14px;display:grid}
.v2-races-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
.v2-races-row{align-items:center;gap:12px;display:flex}
.v2-races-emblem{flex:none;width:18px;height:auto}
.v2-races-row ul{flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none;display:flex}
.v2-hero-races a{color:var(--ivory);align-items:center;gap:7px;font-size:13.5px;text-decoration:none;display:flex}
.v2-hero-races a:hover .v2-race-name{color:#fff;text-underline-offset:3px;text-decoration:underline}
.v2-hero-races a img{background:#000;border:1px solid #5a5340;border-radius:3px;flex:none;display:block}
.v2-hero-races a.v2-race-new img{border-color:var(--gold);box-shadow:0 0 0 1px #000,0 0 10px #c8a24a73}
.v2-hero-races a:focus-visible{outline:2px solid var(--game-yellow);outline-offset:2px}
.v2-race-flag{color:var(--game-green);font-size:12.5px}
.v2-races-key{display:none}
@media (max-width:640px){.v2-races-row ul{gap:6px}.v2-hero-races a img{width:36px;height:36px}.v2-hero-races a:hover img{border-color:var(--game-yellow)}.v2-race-name,.v2-race-flag{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.v2-races-key{align-items:center;gap:7px;display:flex;color:var(--text-muted)!important;margin:0!important;font-size:12.5px!important}.v2-races-key:before{content:"";border:1px solid var(--gold);border-radius:2px;width:11px;height:11px;box-shadow:0 0 6px #c8a24a80}}
.p-shell.hm .v2-detail-head h2{font-family:var(--font-sans)}
.v2-card .mk-gossip{padding:14px}
.v2-card .mk-gossip p{margin:0 0 10px;padding:0}
.v2-card .mk-gossip .mk-where{color:var(--text-muted);margin:12px 0 0;font-size:12.5px}
.mk-option{color:var(--game-yellow);font:inherit;text-align:left;background:0 0;border:0;margin:2px 0 4px;padding:0;font-size:13.5px;display:block}
.mk-option:before{content:"› "}
.mk-option:hover{color:#ffe566;text-decoration:underline}
.mk-chat{color:#ffc0c0;text-shadow:1px 1px #000;background:#00000073;border-radius:3px;margin:12px 20px 20px;padding:8px 10px;font:14px/1.45 Arial Narrow,Arial,sans-serif}
.mk-chat p{margin:0}
.mk-chat p:last-child:nth-child(6){animation:rise .25s var(--ease) both}
.v2-mark{fill:currentColor;filter:drop-shadow(0 0 3px);flex:none}
.v2-mark.is-buff{color:var(--game-green)}
.v2-mark.is-nerf{color:var(--game-red)}
.v2-mark.is-change{color:var(--game-yellow)}
.v2-card h3 .v2-mark{width:13px;height:13px}
.v2-history-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;place-items:center;width:24px;height:22px;margin:-4px -7px -4px 0;padding:0;display:inline-grid}
.v2-history-button:hover,.v2-history-button[aria-expanded=true]{border-color:var(--line-2);background:#06080c}
.v2-history-button .v2-mark{width:12px;height:12px}
.v2-history-tip{z-index:60;overscroll-behavior:contain;animation:tip .12s var(--ease);padding:4px 14px;font-size:14px;position:fixed;overflow-y:auto;box-shadow:inset 0 0 0 1px #000,0 8px 24px #0000008c}
.v2-history-tip ol{margin:0;padding:0;list-style:none}
.v2-history-tip li{padding:9px 0}
.v2-history-tip li+li{border-top:1px solid var(--line)}
.v2-history-tip li div{align-items:center;gap:7px;display:flex}
.v2-history-tip .v2-mark{width:10px;height:10px}
.v2-history-tip time{color:#fff;font-size:13px;font-weight:700}
.v2-history-tip p{color:var(--game-yellow);margin:3px 0 0;line-height:1.45}
.v2-history-tip p.v2-history-was{color:var(--game-grey);font-size:13px}
@media (min-width:1100px){.p-shell.hm .v2-detail{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;max-height:calc(100vh - 78px);overflow:hidden auto}}
.v2-head-link{color:var(--accent);margin-top:7px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}
.v2-head-link:hover{color:#fff;text-underline-offset:3px;text-decoration:underline}
.v2-foot-link{display:none}
.v2-rows>.v2-detail .v2-foot-link{margin:12px 20px 0;display:inline-block}
.p-shell .v2-rows>.v2-detail .p-rank-buttons button{padding:2px 6px}
.p-shell .v2-rows>.v2-detail .p-rank-buttons button+button:before{left:-2px}
.v2-hero-text:has(.v2-hero-foot){max-width:920px}
.v2-hero-text:has(.v2-hero-foot)>p{max-width:760px}
.v2-hero-foot{flex-wrap:wrap;align-items:center;gap:2em 56px;margin-top:14px;display:flex;overflow:hidden}
.v2-hero-foot .v2-hero-races{margin-top:0}
.v2-hero-foot .v2-stats{gap:26px;margin:0;position:relative}
.v2-hero-foot .v2-stats:before{content:"";inset-block:0;border-left:1px solid var(--line-2);position:absolute;left:-28px}
.v2-hero-foot .v2-stats dt{max-width:5em;line-height:1.3}
:lang(zh) .v2-hero-foot .v2-stats dt{max-width:none}
body:has(.p-shell){background:var(--bg);color:var(--text)}
body:has(.p-shell)>header.top{display:none}
.p-review{color:var(--accent);letter-spacing:1.1px;background:#22211b;border-bottom:1px solid #494332;gap:18px;padding:6px 32px;font-size:13px;display:flex}
.p-review span{letter-spacing:.2px;color:#b7b2a5}
.p-review-end{margin-left:auto}
.p-header{align-items:center;gap:48px;max-width:1420px;margin:auto;padding:22px 32px 19px;display:flex}
.p-brand{font:23px var(--font-serif);letter-spacing:-.7px;color:var(--ivory)!important}
.p-brand>span{color:var(--ivory-2)}
.p-brand small{font:12px var(--font-sans);letter-spacing:3px;color:#8d8878;margin-top:6px;display:block}
.p-header nav{align-self:stretch;align-items:center;gap:28px;display:flex}
.p-header nav a{color:var(--text-muted);font-size:15px}
.p-header nav a[aria-current]{color:var(--ivory);border-bottom:2px solid var(--accent-strong);margin-bottom:-11px;padding-top:2px;padding-bottom:9px}
.p-search{border:1px solid var(--line);background:var(--bg-2);align-items:center;gap:8px;margin-left:auto;padding:5px 9px;display:flex}
.p-search>span:first-child{font-size:23px;line-height:24px}
.p-search input{width:140px;color:var(--text);background:0 0;border:0;outline:none}
.p-search-label{color:#a3a197;border:1px solid var(--line);padding:0 4px;font-size:13px}
.p-classes{border-block:1px solid var(--line);background:var(--bg-2);justify-content:center;gap:21px;padding:0 24px;display:flex}
.p-classes button{color:var(--class,#ccc6b7);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 0 10px;font-size:14px}
.p-classes button[aria-pressed=true]{border-bottom-color:var(--accent);color:var(--ivory)}
.p-class-dot{background:var(--class);width:5px;height:5px;margin:0 6px 2px 0;display:inline-block}
.p-workspace{max-width:1420px;margin:auto;padding:0 32px}
.p-context{color:#a2a29a;align-items:center;gap:9px;padding:16px 0 22px;font-size:13px;display:flex}
.p-live-dot{background:#b8a47e;width:5px;height:5px}
.p-context-dim{color:#555;margin:0 3px}
.p-context-end{color:#7f827d;margin-left:auto}
.p-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}
.p-title h1{font:26px var(--font-serif);letter-spacing:0;color:var(--ivory);margin:0}
.p-title p{color:var(--text-muted);margin:6px 0 0;font-size:14px}
.p-action{background:#25221b;border:1px solid #6b5a39;padding:8px 13px;font-size:14px}
.p-columns{grid-template-columns:minmax(0,1.65fr) minmax(355px,1fr);align-items:start;gap:18px;display:grid}
.p-window{background:var(--bg-2);border:1px solid var(--line);border-radius:2px;min-width:0}
.p-window-title{background:var(--bg-3);border-bottom:1px solid var(--line);height:35px;color:var(--ivory);font:15px var(--font-serif);justify-content:space-between;align-items:center;padding:0 13px;display:flex}
.p-window-title>span{font:12px var(--font-sans);letter-spacing:1.2px;color:#969284}
.p-window-title button{font:22px var(--font-serif);color:#b6ae98;background:var(--bg-2);border:1px solid var(--line);width:23px;height:23px;line-height:20px}
.p-toolbar{align-items:center;gap:17px;padding:12px;display:flex}
.p-toolbar select{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:1px;min-width:116px;min-height:32px;padding:5px 8px}
.p-check{color:var(--text-muted);align-items:center;gap:6px;font-size:14px;display:flex}
.p-check input{accent-color:var(--accent-strong)}
.p-toolbar>span{color:var(--text-muted);margin-left:auto;font-size:13px}
.p-table-head,.p-row{grid-template-columns:minmax(185px,1.4fr) minmax(155px,1.05fr) 78px 42px;align-items:center;gap:10px;padding:0 13px;display:grid}
.p-table-head{background:var(--bg-3);border-block:1px solid var(--line);color:#90938c;height:31px;font-size:13px}
.p-row{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;min-height:66px;color:var(--text);background:0 0;position:relative}
.p-row:hover{background:#222421}
.p-row.p-selected{background:#262925}
.p-name-cell{align-items:center;gap:10px;min-width:0;display:flex}
.p-icon{object-fit:cover;background:#111;border:1px solid #776b50;border-radius:2px;flex-shrink:0}
.p-name-cell strong{color:var(--text-strong);font-size:14px;font-weight:400;display:block}
.p-name-cell small{margin-top:3px;font-size:13px;display:block}
.p-tree{color:#8b8d87}
.p-value>span{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:15px;display:block}
.p-value b{color:#bccc9d;font-weight:400}
.p-before{color:#a8aaa3}
.p-arrow{color:#77796f;margin:0 4px}
.p-value small{color:#989b92;margin-top:4px;font-size:13px;display:block}
.p-value .p-unknown-value{color:#a1a29b}
.p-status{white-space:nowrap;font-size:13px}
.p-status>span{margin-right:3px}
.p-observed{color:#a4be88}
.p-partial{color:#d0b274}
.p-unknown{color:#a6a8a0}
.p-row time{color:#a2a49a;text-align:right;font-size:13px}
.p-list-footer{color:var(--text-muted);justify-content:space-between;padding:11px 13px;font-size:13px;display:flex}
.p-list-footer button{color:var(--accent);background:0 0;border:0;padding:0;font-size:13px}
.p-legend{border-top:1px solid var(--line);color:#93958b;grid-template-columns:auto 1fr;gap:5px 13px;padding:12px;font-size:13px;display:grid}
.p-detail:focus{outline:none}
.p-detail-heading{align-items:center;gap:12px;padding:18px 16px 10px;display:flex}
.p-detail-heading h2{font:21px var(--font-serif);color:var(--ivory);margin:0 0 4px}
.p-detail-heading span{color:var(--text-muted);font-size:13px}
.p-detail-meta{border-bottom:1px solid var(--line);color:var(--text-muted);gap:15px;margin:0 16px;padding:0 0 14px;font-size:13px;display:flex}
.p-comparison-values{text-align:center;grid-template-columns:1fr 20px 1fr;align-items:center;padding:16px 16px 0;display:grid}
.p-comparison-values small{letter-spacing:1.3px;color:#9ea092;font-size:12px;display:block}
.p-comparison-values strong{font:27px var(--font-serif);color:#c1c2b6;margin-top:7px;display:block}
.p-comparison-values>div:last-child strong{color:#c4d4a1}
.p-comparison-values>span{color:#77796c}
.p-metric{text-align:center;color:#9b9e91;margin:3px 0 15px;font-size:13px}
.p-descriptions{border:1px solid var(--line);background:var(--bg);margin:0 16px}
.p-descriptions>div{padding:10px 12px}
.p-descriptions>div+div{border-top:1px solid var(--line)}
.p-descriptions h3{justify-content:space-between;display:flex}
.p-descriptions h3 span{color:#858c80;font-size:12px}
.p-descriptions p{color:var(--text);margin:0;font-size:13px;line-height:1.7}
.p-descriptions>div:last-child p{color:var(--game-yellow-soft)}
.p-descriptions mark{color:#d4e3b9;background:#303728}
.p-evidence{padding:15px 16px}
.p-evidence h3{color:var(--ivory);font-size:14px}
.p-evidence dl{grid-template-columns:101px 1fr;gap:5px;margin:10px 0;font-size:13px;display:grid}
.p-evidence dt{color:var(--text-muted)}
.p-evidence dd{color:var(--text);margin:0}
.p-source-note{color:var(--text-muted);margin:12px 0;font-size:13px;line-height:1.7}
.p-caution{color:#c6b78f;background:#24251e;border-left:2px solid #8c764b;padding:8px 9px;font-size:13px}
.p-evidence>a{justify-content:space-between;margin-top:13px;font-size:13px;display:flex}
.p-empty{color:var(--text-muted);padding:40px 20px}
.p-empty-detail{color:var(--text-muted);padding:30px}
.p-verification{border-block:1px solid var(--line);grid-template-columns:1.1fr 1fr 1fr;gap:22px;margin:23px 0;padding:18px 0;display:grid}
.p-verification h2{font:16px var(--font-serif);color:#c6baa0;margin:0}
.p-verification h2 span{font:12px var(--font-sans);letter-spacing:1px;color:#8c8e80;margin-left:8px}
.p-verification p{color:#939789;margin:5px 0 0;font-size:13px}
.p-verification button{border:0;border-left:1px solid var(--line);text-align:left;background:0 0;min-height:44px;padding:0 14px;font-size:13px;position:relative}
.p-verification button small{color:#9b9f91;margin-top:5px;font-size:13px;display:block}
.p-verification button>span:last-child{color:#b5a26d;position:absolute;top:9px;right:8px}
.p-footer{color:var(--text-muted);justify-content:space-between;padding:0 0 30px;font-size:13px;display:flex}
.p-footer span span{color:#747b70}
.p-skip{z-index:10;background:#222;padding:10px;position:absolute;top:-100px;left:12px}
.p-skip:focus{top:12px}
.p-sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}
@media (min-width:1450px){.p-workspace{padding-top:8px}.p-row{min-height:72px}}
@media (max-width:1100px){.p-header{gap:28px}.p-header nav{gap:20px}.p-classes{gap:15px}.p-workspace{padding-inline:20px}.p-columns{grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr)}.p-table-head,.p-row{grid-template-columns:minmax(160px,1.3fr) minmax(115px,1fr) 64px;gap:7px;padding-inline:10px}.p-table-head>span:last-child,.p-row time{display:none}.p-status{font-size:12px}.p-value>span{font-size:14px}.p-name-cell{gap:7px}.p-header{padding-inline:20px}}
@media (max-width:899px){.p-columns{grid-template-columns:1fr}.p-classes{flex-wrap:wrap;justify-content:flex-start;gap:0 18px;padding:5px 20px}.p-classes button{padding-block:7px}.p-header{flex-wrap:wrap;gap:15px;padding-block:18px}.p-header nav{order:3;gap:28px;width:100%;margin-top:6px}.p-review{padding-inline:20px}.p-review-end,.p-context-end{display:none}.p-detail{scroll-margin-top:12px}.p-table-head,.p-row{grid-template-columns:minmax(160px,1.4fr) minmax(125px,1fr) 75px 42px}.p-table-head>span:last-child,.p-row time{display:block}.p-verification{grid-template-columns:1fr 1fr}.p-verification>div{grid-column:1/-1}.p-verification button{border-left:0;padding-left:0}.p-legend{grid-template-columns:auto 1fr auto 1fr auto 1fr}}
@media (max-width:540px){.p-review{letter-spacing:.5px;gap:10px;padding:6px 12px;font-size:12px}.p-workspace{padding:0 12px}.p-header{gap:12px;padding-inline:12px}.p-brand{font-size:22px}.p-search{width:135px;margin-left:auto}.p-search input{width:94px;font-size:13px}.p-search-label{display:none}.p-classes{gap:0 15px;padding-inline:12px}.p-classes button{min-height:34px;font-size:13px}.p-context{padding:15px 0;font-size:13px}.p-title{align-items:flex-start;gap:10px}.p-title h1{font-size:24px}.p-title p{max-width:230px;font-size:13px}.p-action{white-space:nowrap;margin-top:4px;padding:7px 8px;font-size:13px}.p-table-head,.p-row{grid-template-columns:minmax(132px,1.15fr) minmax(100px,1fr) 59px;gap:5px;padding-inline:9px}.p-table-head{font-size:12px}.p-table-head>span:last-child{display:none}.p-row{min-height:78px}.p-row time{display:none}.p-name-cell{gap:7px}.p-name-cell .p-icon{width:25px;height:25px}.p-name-cell strong{font-size:13px;line-height:1.3}.p-tree{display:none}.p-value>span{font-size:13px}.p-arrow{margin:0}.p-value small{max-width:100px;font-size:12px;line-height:1.4}.p-status{font-size:12px}.p-status>span{margin-right:1px}.p-legend{grid-template-columns:auto 1fr}.p-verification{grid-template-columns:1fr;gap:14px}.p-verification>div{grid-column:auto}.p-verification button{border-top:1px solid #30342c;min-height:50px;padding-top:10px}.p-footer{gap:15px}.p-footer>span{max-width:210px}.p-footer span span{display:block}.p-footer a{white-space:nowrap}}
@media (max-width:1100px) and (min-width:900px){.p-row time{font-size:12px;display:block;position:absolute;bottom:10px;right:10px}.p-row>.p-status{align-self:start;margin-top:15px}}
@media (max-width:540px){.p-row time{font-size:12px;display:block;position:absolute;bottom:15px;right:9px}.p-row>.p-status{align-self:start;margin-top:22px}.p-detail .p-window-title{height:44px}.p-detail .p-window-title button{width:44px;height:36px}}
@media (max-width:380px){.p-table-head,.p-row{grid-template-columns:minmax(105px,1.15fr) minmax(80px,1fr) 55px;gap:4px}.p-name-cell{gap:5px}.p-name-cell .p-icon{width:22px;height:22px}.p-value>span{white-space:normal}.p-title{flex-wrap:wrap}.p-title p{max-width:none}.p-action{margin-top:0}.p-search{width:100%;margin-left:0}.p-search input{width:100%}.p-review{flex-wrap:wrap;gap:3px 10px}.p-toolbar{gap:8px;padding-inline:9px}.p-toolbar select{min-width:100px}.p-check{font-size:13px}}
.p-table-head>span:last-child{display:block}
.p-name-cell small,.p-value small{font-size:13px}
.p-evidence summary{cursor:pointer;color:var(--text-muted);min-height:44px;padding:12px 0;font-size:13px}
.p-evidence summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:540px){.p-title{margin:20px 0 15px}.p-table-head,.p-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px}.p-row{min-height:66px}.p-name-cell strong{font-size:14px}.p-name-cell small,.p-value small{font-size:13px}.p-value>span{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);font-size:14px}.p-value small{max-width:none}.p-name-cell .p-icon{width:28px;height:28px}.p-review{font-size:12px}}
.p-semantic strong{color:#bccc9d;font-size:15px;font-weight:400}
.p-semantic small{max-width:none;line-height:1.5}
.p-added-content{padding:16px 16px 4px}
.p-new-label{color:#bccc9d;margin-bottom:15px;font-size:14px}
.p-added-content h3{color:var(--ivory-2)}
.p-added-content p{color:var(--game-yellow-soft);margin:5px 0;font-size:14px;line-height:1.7}
.p-version-value{font-variant-numeric:tabular-nums;min-width:0;line-height:1.5}
.p-version-value strong{font-size:15px;font-weight:400;display:block}
.p-classic-value{color:#acafa6}
.p-forever-value{color:#c2d1a5}
.p-version-value small{color:#a5a99e;margin-top:4px;font-size:13px;display:block}
.p-missing{color:#a1a29b}
.p-name-cell .p-row-metric{color:#93998c;margin-top:2px;font-size:13px}
@media (max-width:540px){.p-table-head,.p-row{grid-template-columns:minmax(0,1.4fr) minmax(0,.65fr) minmax(0,1fr);gap:9px}.p-row{min-height:82px}.p-version-value strong{font-size:14px}.p-version-value small{font-size:13px}.p-name-cell .p-icon{width:24px;height:24px}.p-name-cell{gap:6px}.p-name-cell .p-row-metric{font-size:12px}.p-name-cell strong{font-size:13px}}
@media (max-width:380px){.p-table-head,.p-row{grid-template-columns:minmax(0,1.4fr) minmax(0,.65fr) minmax(0,1fr);gap:7px}.p-name-cell{align-items:flex-start}.p-name-cell .p-icon{width:20px;height:20px}.p-version-value strong{font-size:13px}.p-version-value small{font-size:12px}}
.p-table-head>span:not(:first-child){font:22px/1.2 var(--font-serif);color:#dfd2b5;letter-spacing:0}
.p-table-head>span:first-child{font-size:14px}
.p-name-cell small,.p-name-cell .p-row-metric,.p-version-value small{font-size:13px}
@media (max-width:540px){.p-table-head{height:46px}.p-table-head>span:not(:first-child){font-size:19px}.p-table-head>span:first-child{font-size:13px}.p-version-value strong,.p-name-cell strong{font-size:14px}.p-name-cell .p-row-metric,.p-version-value small{font-size:13px}.p-comparison-values small{font-size:22px}}
@media (max-width:380px){.p-table-head>span:not(:first-child){font-size:17px}.p-version-value strong{font-size:15px}.p-name-cell strong{font-size:14px}}
.p-table-head>span:nth-child(2),.p-comparison-values>div:first-child small,.p-descriptions>div:first-child h3{color:var(--p-classic-title)}
.p-table-head>span:nth-child(3),.p-comparison-values>div:last-child small,.p-descriptions>div:last-child h3{color:var(--p-forever-title)}
.p-class-selector{background:#141615;border-block:1px solid #373a32;justify-content:center;align-items:center;gap:18px;padding:14px 20px 13px;display:flex}
.p-class-frame{border:2px solid #75684c;background:#151512;border-top-color:#b3a380;border-left-color:#968967;border-radius:3px;grid-template-columns:repeat(9,64px);gap:7px;padding:8px 12px 6px;display:grid;box-shadow:inset 0 0 0 1px #27251c,0 1px #050605,0 0 0 1px #38382c}
.p-class-choice{color:#b4aa8e;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:0 3px 2px;display:flex}
.p-class-icon-frame{background:#181a16;border:2px solid #d2bc82;border-color:#d2bc82 #71603d #665333 #beaa76;border-radius:2px;width:52px;height:52px;padding:2px;display:block;box-shadow:0 0 0 1px #070807,inset 0 0 0 1px #322b1d}
.p-class-icon-frame img{object-fit:cover;filter:saturate(.55)brightness(.58);width:44px;height:44px;display:block}
.p-class-name{font:14px/1.2 var(--font-serif);white-space:nowrap}
.p-class-choice:hover .p-class-icon-frame img,.p-class-choice[aria-pressed=true] .p-class-icon-frame img{filter:none}
.p-class-choice:hover,.p-class-choice[aria-pressed=true]{color:var(--ivory)}
.p-class-choice[aria-pressed=true] .p-class-icon-frame{border-color:#ffe69b #b38a3e #a37d34 #edce70;box-shadow:0 0 0 1px #dec079,inset 0 0 0 1px #51401d}
.p-all-classes{color:#969889;background:0 0;border:0;min-height:40px;padding:8px 0;font-size:13px!important}
.p-all-classes[aria-pressed=true]{color:#d7c18b;text-underline-offset:4px;text-decoration:underline}
@media (max-width:899px){.p-class-selector{gap:10px;padding-inline:12px}.p-class-frame{grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;min-width:0;padding:8px}.p-class-icon-frame{width:46px;height:46px}.p-class-icon-frame img{width:38px;height:38px}.p-class-choice{padding-inline:1px}.p-class-name{font-size:13px}.p-all-classes{white-space:nowrap}}
@media (max-width:650px){.p-class-selector{flex-direction:column;gap:4px;padding-block:12px 6px}.p-class-frame{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 6px;width:100%;max-width:390px;padding:10px 8px 8px}.p-class-icon-frame{width:48px;height:48px}.p-class-icon-frame img{width:40px;height:40px}.p-class-name{font-size:14px}.p-all-classes{min-height:32px;padding:4px 10px}}
@media (max-width:380px){.p-class-frame{gap:10px 3px;padding-inline:5px}.p-class-icon-frame{width:44px;height:44px}.p-class-icon-frame img{width:36px;height:36px}.p-class-name{font-size:13px}}
.p-class-selector:before{content:"";z-index:-2;background:url(../backgrounds/barrens-outrunner.jpg) 50% 48%/cover no-repeat;position:absolute;inset:0}
.p-class-selector:after{content:"";z-index:-1;background:#0a0e0b66;position:absolute;inset:0}
@media (max-width:650px){.p-class-selector:before{background-position:40% 48%}.p-class-selector:after{background:#0a0e0b75}}
.p-icon-unknown{color:#8c9185;font:18px var(--font-serif);justify-content:center;align-items:center;display:inline-flex}
.p-real-feed .p-row{min-height:96px}
.p-effect-preview{-webkit-line-clamp:3;color:#c7d2b5;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}
.p-real-feed .p-classic-value strong{font-size:14px}
.p-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px}
.p-pagination button{min-height:32px}
.p-pagination button:disabled{opacity:.4;cursor:default}
.p-rank-choice{align-items:center;gap:8px;display:flex}
.p-rank-choice select{color:#d4d8c7;font:inherit;background:#141713;border:1px solid #4e513f;max-width:160px;padding:5px}
.p-real-feed .p-detail-meta{justify-content:space-between;align-items:center}
.p-feed-descriptions{margin-top:16px}
.p-feed-descriptions h3{font:22px var(--font-serif)}
.p-feed-descriptions p{white-space:pre-wrap;overflow-wrap:anywhere}
.p-source-list,.p-source-notes{color:#a4ac9a;padding-left:17px;font-size:13px}
.p-source-list li{margin:12px 0}
.p-source-list small{color:#9ca58e;margin-top:4px;font-size:13px;display:block}
.p-source-list p{margin:4px 0}
.p-source-notes li{margin:6px 0}
.p-real-feed .p-footer>div{gap:18px;display:flex}
@media (min-width:900px){.p-real-feed .p-detail{max-height:calc(100vh - 32px);position:sticky;top:16px;overflow-y:auto}}
@media (max-width:540px){.p-real-feed .p-row{min-height:108px}.p-effect-preview{-webkit-line-clamp:4;font-size:13px}.p-real-feed .p-classic-value strong{font-size:13px}.p-real-feed .p-table-head,.p-real-feed .p-row{grid-template-columns:minmax(0,1.2fr) minmax(0,.65fr) minmax(0,1.2fr)}.p-real-feed .p-footer>div{flex-direction:column;gap:7px}.p-pagination{gap:6px 12px}.p-real-feed .p-source-list{overflow-wrap:anywhere}}
.p-logo{flex-shrink:0;width:280px;height:52px;display:block;position:relative;overflow:hidden}
.p-logo img{width:110%;max-width:none;height:auto;position:absolute;top:50%;left:-5%;transform:translateY(-49%)}
.p-catalog-empty{max-width:800px;padding:28px}
.p-catalog-empty h2{font:21px var(--font-serif);color:#d7c7a4;margin:0 0 12px}
.p-catalog-empty p{color:#a6ac9c;margin-bottom:20px}
@media (max-width:1100px){.p-header{gap:20px}.p-logo{width:240px;height:48px}}
@media (max-width:650px){.p-header{gap:12px}.p-logo{width:280px;max-width:100%;height:50px}.p-header>.p-search{order:4;width:100%;margin-left:0}.p-header>.p-search input{width:100%}.p-header nav{margin-top:0}}
.p-header nav a:hover{background:#1b1e17;border-color:#443d2a #93805a #93805a #443d2a;text-decoration:none;box-shadow:inset 0 1px 3px #060805}
.p-search:focus-within{outline-offset:2px;outline:1px solid #baaa76}
.p-window-title button:hover,.p-window-title button:active{background:#1a1e16;border-color:#423b29 #aa9364 #aa9364 #423b29;box-shadow:inset 0 2px 3px #080b07}
.p-rank-buttons{color:#aeb49f;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}
.p-rank-buttons>span:first-child{margin-right:5px}
.p-rank-buttons button,.p-pagination button,.p-empty button,.p-toolbar select{color:#ddcea9;background:#2b2f22;border:1px solid #665b40;border-color:#a18e60 #665b40 #665b40 #8b7b55;border-radius:2px;min-height:32px;padding:5px 9px;box-shadow:inset 0 1px #3e4330,0 1px #080b07}
.p-rank-buttons button{min-width:32px;font-size:15px}
.p-rank-buttons button[aria-pressed=true],.p-rank-buttons button:hover,.p-pagination button:not(:disabled):hover,.p-empty button:hover{color:#f2d885;background:#171e13;border-color:#3d3c28 #998754 #998754 #3d3c28;box-shadow:inset 0 2px 3px #080c06}
.p-rank-buttons button[aria-pressed=true]{outline-offset:1px;outline:1px solid #c7ad65}
.p-source-list .p-capture-link{margin-top:6px;font-size:13px;display:inline-block}
@media (max-width:1100px){.p-logo{width:225px;height:44px}.p-header{gap:17px}.p-header nav a,.p-header nav a[aria-current]{padding-inline:10px}}
@media (max-width:899px){.p-header nav{order:3;width:auto;margin-top:0}.p-header>.p-search{order:4;width:100%;margin:0}.p-header>.p-search input{width:100%}}
@media (max-width:650px){.p-logo{width:245px;height:46px}.p-header nav{justify-content:space-between;gap:5px;width:100%}.p-header nav a,.p-header nav a[aria-current]{flex:1;min-height:37px;padding:6px 8px;font-size:14px}.p-window-title button{width:34px;height:30px}.p-detail .p-window-title button{width:38px;height:34px}.p-rank-buttons button{min-width:36px;min-height:36px}}
.p-shell .p-header nav a,.p-shell .p-rank-buttons button,.p-shell .p-pagination button,.t-actions button{box-shadow:none;text-shadow:0 1px 2px #000;color:#e8c67a;background:0 0;border:8px solid #0000;border-image:url(../wow-ui/UI-Panel-Button-Up.PNG) 8 12 fill/8px 12px;min-height:30px;padding:2px 12px}
.p-shell .p-header nav a:active,.p-shell .p-rank-buttons button:active,.p-shell .p-pagination button:active,.t-actions button:active{border-image-source:url(../wow-ui/UI-Panel-Button-Down.PNG);transform:translateY(1px)}
.p-shell .p-header nav a:hover,.t-actions button:hover{filter:brightness(1.18)}
.p-shell .p-window-title>button{width:28px;height:28px;box-shadow:none;background:url(../wow-ui/UI-Panel-MinimizeButton-Up.PNG) 50%/32px 32px no-repeat;border:0;border-radius:0;place-items:center;padding:0;display:grid}
.p-shell .p-window-title>button svg{visibility:hidden}
.p-shell .p-window-title>button:hover,.p-shell .p-window-title>button:active{background-image:url(../wow-ui/UI-Panel-MinimizeButton-Down.PNG)}
.p-shell .p-header nav a{border-width:5px;justify-content:center;align-items:center;min-width:78px;min-height:31px;padding:0 9px;line-height:1;display:flex}
.p-shell .p-header nav a[aria-current=page],.p-shell .p-rank-buttons button[aria-pressed=true]{filter:brightness(1.4);color:#fff0b0}
@media (max-width:650px){.p-shell .p-header nav a{border-width:4px;min-width:0;padding:0 4px;font-size:15px}.p-toolbar>span:last-child{margin-left:auto}.p-shell .p-pagination{flex-wrap:wrap}}
.p-shell .p-pagination button:disabled,.t-actions button:disabled{background-image:url(../wow-ui/UI-Panel-Button-Disabled.PNG);border-image:}
.p-shell .p-rank-buttons button{min-width:34px;padding:5px 10px}
@media (max-width:650px){.p-shell .p-header nav a{padding:5px 7px}.p-shell .p-rank-buttons button{min-height:36px}}
.p-shell .p-rank-buttons button,.p-shell .p-rank-buttons button:hover,.p-shell .p-rank-buttons button:active,.p-shell .p-rank-buttons button[aria-pressed=true]{min-width:32px;min-height:36px;box-shadow:none;filter:none;color:#aaa99b;font:15px/24px var(--font-sans);text-shadow:none;background:0 0;border:0;border-image:;outline:none;padding:6px 10px;position:relative;transform:none}
.p-shell .p-header nav a,.p-shell .p-pagination button,.t-actions button{color:#c9c4b3;text-shadow:0 1px 2px #000;filter:none;background:linear-gradient(#292a26,#171916);border:1px solid #575044;border-top-color:#756b57;border-image:;border-radius:3px;min-height:30px;padding:4px 14px;box-shadow:inset 0 1px #ffffff08,0 1px 2px #0008}
.p-shell .p-header nav a[aria-current=page]{color:#f4e0a5;filter:none;background:linear-gradient(#67552b,#2c291c 75%);border-color:#a68c4b;box-shadow:inset 0 1px #d0b66c55}
.p-shell .p-header nav a:hover,.p-shell .p-pagination button:not(:disabled):hover,.t-actions button:not(:disabled):hover{color:#f1e6c8;filter:none;background:linear-gradient(#39372b,#22241d);border-color:#aa945e}
.p-shell .p-header nav a:active,.p-shell .p-pagination button:not(:disabled):active,.t-actions button:not(:disabled):active{background:#151812;border-top-color:#4a4435;transform:translateY(1px);box-shadow:inset 0 2px 3px #0009}
.p-shell .p-window-title>button:hover{color:#ecdbb0;background:#443626;border-color:#a18a59}
.p-shell .p-window-title>button:active{background:#191612;transform:translateY(1px);box-shadow:inset 0 2px 3px #000a}
.p-shell .p-window{border-color:#655a43;box-shadow:inset 0 1px #8e7b4c55}
.p-shell .p-window-title{background:linear-gradient(#24251f,#181c18);border-bottom-color:#554e3c}
.p-search>svg{color:#9c9f91;flex-shrink:0}
.p-list-icon{flex:0 0 40px;width:40px;height:40px;display:block;position:relative}
.p-list-icon>.p-icon{object-fit:cover;width:40px;height:40px;display:block}
.p-new-marker{color:#ade7e2;width:15px;height:15px;font:bold 14px/1 var(--font-sans);background:#142725;border:1px solid #83ccc6;border-radius:2px;place-items:center;display:grid;position:absolute;top:-5px;right:-4px}
.p-new-hint{z-index:8;white-space:nowrap;color:#d9e6dc;font:13px/1.4 var(--font-sans);pointer-events:none;background:#111a16;border:1px solid #5b756c;border-radius:2px;padding:3px 6px;display:none;position:absolute;bottom:calc(100% + 8px);left:0}
.p-list-icon:hover .p-new-hint,.p-row:focus-visible .p-new-hint{display:block}
.p-shell .p-logo{width:200px}
.p-shell .p-header nav{flex-wrap:wrap}
.p-background-preview{color:#e7e8da;font:13px var(--font-sans);z-index:2;text-shadow:0 1px 2px #000;align-items:center;gap:6px;display:flex;position:absolute;bottom:5px;right:12px}
.p-background-preview select{color:#e6eddb;font:13px var(--font-sans);background:#12201ee8;border:1px solid #686d55;border-radius:3px;max-width:124px;height:24px;padding:2px 4px}
.p-background-preview select:focus-visible{outline-offset:2px;outline:2px solid #bde4e5}
@media (max-width:1100px){.p-background-preview{bottom:-25px;right:12px}.p-background-preview select{height:23px}}
@media (max-width:650px){.p-background-preview{bottom:5px;right:8px}.p-background-preview>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.p-background-preview select{width:96px;max-width:96px;height:25px}}
.p-shell .p-header{gap:24px}
@media (max-width:1100px){.p-shell .p-header{flex-wrap:wrap;gap:12px}.p-shell .p-header nav{order:3;justify-content:flex-start;width:100%;margin:0}.p-shell .p-header .p-search{margin-left:auto}}
@media (max-width:650px){.p-shell .p-header nav a{padding-inline:9px}.p-shell .p-header .p-search{margin-left:0}.p-shell .p-header nav a,.p-shell .p-header nav a[aria-current]{flex:none;min-height:34px;padding:5px 10px}}
.p-shell .p-header .p-count,.site-top .p-header .p-count{color:var(--ivory);flex-direction:column;align-items:flex-end;gap:4px;padding-bottom:6px;text-decoration:none;display:flex;position:absolute;top:50%;right:max(32px,50% - 678px);transform:translateY(-50%)}
.p-shell .p-header .p-count:hover,.site-top .p-header .p-count:hover{color:var(--ivory);text-decoration:none}
.p-count:after{content:"";background:linear-gradient(90deg,#0000,#e2c275b3 40% 60%,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}
.p-count-label{font:600 10px/1 var(--font-display), Georgia, serif;letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;color:#d8b86a;text-shadow:0 1px 2px #000000e6}
.p-count[data-phase=live] .p-count-label{font-size:12px}
.p-count-digits{align-items:baseline;gap:10px;display:flex}
.p-count-digits>span{flex-direction:column;align-items:center;min-width:34px;display:flex;position:relative}
.p-count-digits>span:first-child{align-items:flex-end;min-width:0}
.p-count-digits>span+span:before{content:":";font:700 22px/1 var(--font-display), Georgia, serif;color:#e2c27599;position:absolute;top:-1px;left:-8px}
.p-count-digits b{font:700 26px/1 var(--font-display), Georgia, serif;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#f1e6cc;text-shadow:0 1px #000000e6,0 2px 12px #000c}
.p-count-digits i{font:400 9px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:#d9d0bca6;margin-top:4px;font-style:normal}
.p-count:hover .p-count-digits b{color:#fff}
@media (max-width:899px){.p-shell .p-header .p-masthead,.site-top .p-header .p-masthead{justify-content:space-between;padding:0 16px}.p-shell .p-header .p-count,.site-top .p-header .p-count{gap:3px;padding-bottom:5px;position:static;transform:none}.p-count-sec{display:none!important}.p-count-label{letter-spacing:.18em;font-size:8.5px}.p-count-digits{gap:8px}.p-count-digits>span{min-width:28px}.p-count-digits>span+span:before{font-size:18px;left:-7px}.p-count-digits b{font-size:20px}}
@media (max-width:420px){.p-shell .p-header .p-logo img,.site-top .p-header .p-logo img{height:30px}.p-count-digits i{display:none}}

.p-shell .p-header .p-online,.site-top .p-header .p-online{color:var(--ivory);align-items:center;gap:12px;display:flex;position:absolute;top:50%;left:max(32px,50% - 678px);transform:translateY(-50%)}
.p-shell .p-header .p-online:not([data-n]),.site-top .p-header .p-online:not([data-n]){visibility:hidden}
.p-online-face{cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;width:44px;height:59px;margin:0;padding:0;display:block;position:relative}
.p-online-face:before{content:"";background:radial-gradient(closest-side,#0009,#0000);border-radius:50%;width:40px;height:9px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}
.p-online-face:focus-visible{outline-offset:3px;outline:2px solid #e2c275}
.p-online-murloc{pointer-events:none;background:url(../murloc/mascot.webp) no-repeat;transition:opacity .4s,filter .15s;position:absolute}
.p-online-face[data-away] .p-online-murloc,.p-online-face[data-away]:before{opacity:0;transition:none}
.p-online-face[data-snap] .p-online-murloc{transition:none}
.p-online-face:hover .p-online-murloc,.p-online-face:focus-visible .p-online-murloc{filter:brightness(1.18)drop-shadow(0 0 5px #e2c27573)}
.p-online-text{flex-direction:column;align-items:flex-start;gap:4px;padding-bottom:6px;display:flex;position:relative}
.p-online-text:after{content:"";background:linear-gradient(90deg,#0000,#e2c275b3 40% 60%,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}
.p-online-label{font:600 10px/1 var(--font-display), Georgia, serif;letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;color:#d8b86a;text-shadow:0 1px 2px #000000e6}
.p-online b{font:700 26px/1 var(--font-display), Georgia, serif;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#f1e6cc;text-shadow:0 1px #000000e6,0 2px 12px #000c}
.p-online-text i{font:400 9px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:#d9d0bca6;font-style:normal}
.p-online-say,.p-camp-say{z-index:20;font:400 12px/1.2 var(--font-sans);white-space:nowrap;color:#ffff9f;opacity:0;pointer-events:none;background:#000000d1;border:1px solid #dcdcdc8c;border-radius:9px;padding:7px 11px;transition:opacity .15s,transform .15s;position:absolute;top:calc(50% + 36px);left:-2px;transform:translateY(-4px);box-shadow:0 4px 14px #0009}
.p-online-say:before,.p-camp-say:before{content:"";background:#000;border-top:1px solid #dcdcdc8c;border-left:1px solid #dcdcdc8c;width:9px;height:9px;position:absolute;top:-6px;left:16px;transform:rotate(45deg)}
.p-online-say[data-on],.p-camp-say[data-on]{opacity:1;transform:none}
.p-camp-say{top:calc(100% - 1px)}
.p-shell .p-header .p-camp,.site-top .p-header .p-camp{pointer-events:none;position:absolute;top:0;left:0}
.p-camp-priest{z-index:10;cursor:pointer;background:0 0;border:0;border-radius:4px;width:36px;height:60px;margin:0;padding:0;position:absolute;top:0;left:0}
.p-camp-priest:focus-visible{outline-offset:3px;outline:2px solid #e2c275}

.p-build{z-index:30;position:relative}
.p-header .p-build a{box-shadow:none;font:600 10.5px/1 var(--font-display), Georgia, serif;letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;color:#d9d0bccc;text-shadow:0 1px 2px #000000e6;background:0 0;border:0;border-radius:2px;align-items:center;gap:9px;margin:0;padding:3px 4px;text-decoration:none;display:flex}
.p-build a:before,.p-build a:after{content:"";background:linear-gradient(90deg,#0000,#7fb3f080);width:44px;height:1px}
.p-build a:after{background:linear-gradient(270deg,#0000,#7fb3f080)}
.p-header .p-build a:hover{color:var(--ivory)}
.p-build-new{color:var(--accent);align-items:center;gap:9px;display:none}
.p-build[data-fresh] .p-build-new{display:flex}
.p-build-sep{letter-spacing:0;color:#d9d0bc66;margin:0 -3px 0 -5px}
.p-build-dot,.p-nav-dot{background:var(--accent);width:6px;height:6px;animation:p-new-pulse 2.4s var(--ease) infinite;border-radius:50%;flex:none;display:block}
@keyframes p-new-pulse{0%{box-shadow:0 0 #7fb3f099}70%,to{box-shadow:0 0 0 7px #7fb3f000}}
@keyframes p-new-pulse-small{0%{box-shadow:0 0 #7fb3f080}70%,to{box-shadow:0 0 0 4px #7fb3f000}}
.p-nav-new{display:none}
.p-header nav a[data-fresh] .p-nav-new{display:block}
.p-nav-dot{position:absolute;top:calc(50% - 12px);right:-10px}
.p-nav-tip{z-index:40;border:1px solid var(--line-2);font:400 12px/1.3 var(--font-sans);color:var(--ivory-2);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s var(--ease), transform .15s var(--ease);background:#10151d;border-radius:3px;padding:5px 9px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%,-3px);box-shadow:0 8px 20px #00000080}
.p-header nav a:is(:hover,:focus-visible) .p-nav-tip{opacity:1;transform:translate(-50%)}
.p-nav-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
@media (max-width:899px){.p-build{position:absolute;bottom:8px;left:12px}.p-header .p-build a{letter-spacing:.18em;gap:7px;font-size:8.5px}.p-build a:before{display:none}.p-build a:after{width:28px}.p-build-new{gap:7px}.p-build-dot{width:5px;height:5px;animation-name:p-new-pulse-small}}
.p-shell .p-header,.site-top .p-header{box-sizing:border-box;border-bottom:1px solid var(--line);background:#0b0f15;flex-direction:column;align-items:stretch;gap:0;max-width:none;height:auto;margin:0;padding:0;display:flex}
.p-shell .p-header .p-masthead,.site-top .p-header .p-masthead{background:url(../backgrounds/forever/E6M8FPNN5PIW1789249925638.webp) 50% 40%/cover;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:90px;display:flex;position:relative}
.p-shell .p-header .p-masthead:before,.site-top .p-header .p-masthead:before{content:"";pointer-events:none;background:linear-gradient(#0b0f15b8,#0b0f158c 50%,#0b0f15eb),radial-gradient(60% 120% at 50% 100%,#4f8fde2e,#0000 70%);position:absolute;inset:0}
.p-shell .p-header .p-logo,.site-top .p-header .p-logo{filter:drop-shadow(0 2px 6px #000000b3);flex-shrink:0;align-items:center;width:auto;max-width:none;height:auto;display:flex;position:relative;overflow:visible}
.p-shell .p-header .p-logo img,.site-top .p-header .p-logo img{width:auto;max-width:none;height:46px;display:block;position:static;transform:none}
.p-shell .p-header .p-bar,.site-top .p-header .p-bar{border-top:1px solid var(--line);justify-content:center;align-items:stretch;height:44px;padding:0 max(32px,50% - 678px);display:flex;position:relative}
.p-shell .p-header nav,.site-top .p-header nav{align-items:stretch;gap:clamp(20px,2.1vw,34px);height:100%;margin:0;display:flex}
.p-shell .p-header nav a,.site-top .p-header nav a{height:100%;box-shadow:none;white-space:nowrap;width:auto;min-width:0;min-height:0;color:var(--ivory-2);background:0 0;border:0;border-radius:0;flex:none;align-items:center;margin:0;padding:0;font-size:13.5px;font-weight:400;display:inline-flex;position:relative}
.p-shell .p-header nav a:hover,.site-top .p-header nav a:hover{color:#fff;background:0 0;text-decoration:none}
.p-shell .p-header nav a[aria-current],.site-top .p-header nav a[aria-current],.p-shell .p-header nav a[aria-current=page]{color:#fff;box-shadow:none;filter:none;background:0 0;border:0;margin:0;padding:0;font-weight:700}
.p-shell .p-header nav a,.site-top .p-header nav a,.p-nav-soon{flex-direction:column;justify-content:center}
.p-shell .p-header nav a:before,.site-top .p-header nav a:before,.p-nav-soon:before{content:attr(data-label);visibility:hidden;height:0;font-weight:700;display:block;overflow:hidden}
.p-shell .p-header nav .p-nav-soon{white-space:nowrap;height:100%;color:var(--text-muted);opacity:.55;cursor:default;align-items:center;font-size:13.5px;display:inline-flex;position:relative}
.p-shell .p-header nav .p-nav-soon small{letter-spacing:.3px;color:var(--text-muted);border:1px solid var(--line-2);border-radius:2px;margin-left:5px;padding:0 3px;font-size:9px;font-weight:700;line-height:12px}
.p-shell .p-header nav a[aria-current]:after,.site-top .p-header nav a[aria-current]:after{content:"";background:var(--accent-strong);height:2px;position:absolute;bottom:-1px;left:0;right:0}
.p-shell .p-header .p-search,.site-top .p-header .p-search{width:auto;height:30px;color:var(--text-muted);transition:border-color .15s var(--ease), background-color .15s var(--ease), box-shadow .15s var(--ease);background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:8px;margin:0;padding:0 10px;display:flex;position:absolute;top:50%;right:max(32px,50% - 678px);transform:translateY(-50%)}
.p-shell .p-header .p-search:hover,.site-top .p-header .p-search:hover{border-color:var(--line-2);background:var(--bg-2)}
.p-shell .p-header .p-search:focus-within,.site-top .p-header .p-search:focus-within{border-color:var(--accent-strong);background:var(--bg-2);box-shadow:0 0 0 3px var(--accent-soft);color:var(--ivory)}
.p-shell .p-header .p-search input,.site-top .p-header .p-search input{width:200px;height:100%;color:var(--ivory);font:13.5px var(--font-sans);background:0 0;border:0;outline:none}
.p-shell .p-header .p-search input::placeholder,.site-top .p-header .p-search input::placeholder{color:var(--text-muted)}
@media (max-width:899px){.p-shell .p-header,.site-top .p-header{flex-wrap:nowrap}.p-shell .p-header .p-masthead,.site-top .p-header .p-masthead{flex-direction:row;height:74px}.p-shell .p-header .p-logo,.site-top .p-header .p-logo{margin-top:-18px}.p-shell .p-header .p-logo img,.site-top .p-header .p-logo img{height:36px}.p-shell .p-header .p-bar,.site-top .p-header .p-bar{flex-wrap:wrap;gap:0 16px;height:auto;padding:0 16px 8px}.p-shell .p-header nav,.site-top .p-header nav{box-sizing:border-box;flex-wrap:wrap;order:1;gap:2px 14px;width:100%;min-width:0;height:auto;min-height:40px;margin:0;padding:6px 0 4px;justify-content:flex-start;align-content:center;overflow:visible}.p-shell .p-header nav::-webkit-scrollbar{display:none}.site-top .p-header nav::-webkit-scrollbar{display:none}.p-shell .p-header nav a[aria-current]:after,.site-top .p-header nav a[aria-current]:after{bottom:0}.p-shell .p-header nav a,.site-top .p-header nav a{height:auto;min-height:30px;font-size:14.5px;padding:3px 2px}.p-shell .p-header .p-search,.site-top .p-header .p-search{border-color:var(--line-2);background:var(--bg-2);order:2;width:100%;height:34px;position:static;transform:none}.p-shell .p-header .p-search input,.site-top .p-header .p-search input{flex:1;width:100%}}
.p-window-title button:hover{color:var(--ivory);border-color:var(--accent)}
.p-version-value,.p-effect-preview{font-size:14px;line-height:1.45}
.p-toolbar select:focus{border-color:var(--accent);outline:none}
.p-list-footer button,.p-evidence>a{color:var(--accent);font-size:14px}
.p-list-footer button:hover{color:#a8cbf5}
.p-evidence summary:hover{color:var(--ivory)}
.t-actions button,.l-shell .l-stepper button,.l-shell .l-actions button{border-radius:6px;font-size:14px}
@keyframes tip{0%{opacity:0;transform:translate(-4px,-4px)scale(.98)}}
.r-page-heading h1,.l-heading h1{color:var(--ivory);font-size:26px;font-weight:700}
.r-page-heading p,.l-heading p{font-size:15px}
.r-race-nav button{border-radius:6px;font-size:15px}
.r-race-nav button[aria-pressed=true]{border-color:var(--accent-strong);background:var(--accent-soft);color:var(--ivory)}
.r-profile-header h2,.r-ability h3,.l-group-header h2{font-weight:700}
.r-ability>p{color:var(--game-yellow-soft);font-size:15px}
.l-perk-name{font-size:15px}
.l-perk-rank{font-size:13px}
.l-perk{transition:background-color .12s var(--ease);border-radius:6px}
.l-perk:hover{background:var(--bg-3)}
.l-perk-selected{border-color:var(--accent-strong);background:var(--accent-soft)}
.p-table-head>span:nth-child(2),.p-table-head>span:nth-child(3){color:var(--ivory);font-size:15px;font-weight:700}
.p-name-cell .p-list-icon,.p-name-cell .p-icon{width:48px!important;height:48px!important}
.p-row:hover .p-name-cell strong{color:#ffe566}
.p-name-cell small .p-tree{color:var(--text-muted)}
.p-name-cell small.p-row-metric{color:#8e948f}
.p-classic-value strong{color:var(--text-muted);font-weight:400}
.p-forever-value .p-effect-preview{color:#f1ede0}
.p-toolbar>span,.p-check{font-size:14px}
.p-detail-heading .p-icon{width:48px!important;height:48px!important}
.p-detail-meta a{font-size:14px}
.p-spell-link{font:inherit;color:var(--ivory);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #efe7d373;text-decoration:underline #efe7d373}
.p-spell-link:hover{color:#fff;text-decoration-color:#fff}
.p-spell-link.p-spell-new{color:#ffd100;font-weight:700;text-decoration-color:#ffd10099}
.p-spell-link.p-spell-new:hover{color:#ffe566}
.p-overview-summary{font-size:15px;line-height:1.6}
section.p-class-overview.p-overview-no-video{align-items:start;gap:32px;grid-template-columns:minmax(0,1.4fr) minmax(300px,380px)!important;display:grid!important}
.p-talent-preview{border:1px solid var(--line-2);background:var(--bg-2);color:var(--ivory);transition:border-color .15s var(--ease), transform .15s var(--ease), box-shadow .15s var(--ease);border-radius:3px;text-decoration:none;display:block;overflow:hidden}
.p-talent-preview:hover{border-color:var(--accent-strong);color:var(--ivory);text-decoration:none;transform:translateY(-2px);box-shadow:0 10px 30px #0006}
.p-talent-preview-trees{border-bottom:1px solid var(--line-2);grid-template-columns:repeat(3,1fr);height:150px;display:grid}
.p-talent-preview-tree{background:#000;position:relative;overflow:hidden}
.p-talent-preview-tree+.p-talent-preview-tree{border-left:1px solid #000}
.p-talent-preview-tree img{object-fit:cover;object-position:top;filter:brightness(.7)saturate(.9);width:100%;height:100%;transition:filter .2s var(--ease), transform .3s var(--ease)}
.p-talent-preview:hover .p-talent-preview-tree img{filter:none;transform:scale(1.04)}
.p-talent-preview-tree span{color:#fff;text-shadow:0 1px 2px #000;background:linear-gradient(#0000,#000000d9);padding:6px 8px;font-size:12.5px;font-weight:700;position:absolute;bottom:0;left:0;right:0}
.p-talent-preview-caption{grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;column-gap:12px;padding:10px 14px;font-size:13px;display:grid}
.p-talent-preview-caption strong{color:#fff;white-space:nowrap;font-size:14px}
.p-talent-preview-caption>span{color:var(--text-muted);white-space:nowrap}
.p-talent-preview-arrow{color:var(--accent);transition:transform .15s var(--ease);grid-area:1/2/span 2;font-size:20px}
.p-talent-preview:hover .p-talent-preview-arrow{transform:translate(3px)}
.spell-ref{white-space:nowrap}
.spell-ref img{vertical-align:-.18em;border:1px solid #0009;border-radius:2px;width:1.05em;height:1.05em;margin-right:.22em;box-shadow:0 0 0 1px #ffffff14}
.p-spell-link img{vertical-align:-.2em;border:1px solid #000;border-radius:2px;width:18px;height:18px;margin-right:.3em}
.v2-detail-tools a,.pr-detail-actions a{border:1px solid var(--accent-strong);height:30px;color:var(--accent);transition:background-color .12s var(--ease), color .12s var(--ease);border-radius:3px;align-items:center;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}
.v2-detail-tools a:hover,.pr-detail-actions a:hover{background:var(--accent-soft);color:#fff;text-decoration:none}
.t-shell .t-supplemental{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:16px}
.t-shell .t-legacy-link{background:var(--bg-2);font:700 15px var(--font-sans);transition:border-color .15s var(--ease), transform .15s var(--ease);border-radius:3px;margin:0;padding:14px 16px;border:1px solid var(--line-2)!important;color:var(--ivory)!important}
.t-shell .t-legacy-link small{font:13px var(--font-sans);color:var(--text-muted)}
.t-shell .t-legacy-link:hover{transform:translateY(-2px);border-color:var(--accent-strong)!important}
.t-shell .p-title h1{font-size:26px}
.t-shell .t-help{margin:10px 2px 12px}
.spell-tip{z-index:100;pointer-events:none;color:#f4f4ed;width:320px;max-width:calc(100vw - 16px);font:14px/1.4 var(--font-sans);text-align:left;animation:tip .12s var(--ease);background:#0a1f31f7;border:1px solid #e2e1d4;border-color:#e2e1d4 #919a9b #7f8d94 #d0d4cb;border-radius:4px;padding:9px 12px 10px;position:fixed;box-shadow:inset 0 1px #ffffff12,0 6px 18px #0000008c}
.spell-tip-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}
.spell-tip-head strong{color:#fff;font-size:15px}
.spell-tip-head span{white-space:nowrap;font-size:13px}
.spell-tip-sub{color:#c2cabb;flex-wrap:wrap;align-items:center;gap:8px;margin-top:3px;font-size:13px;display:flex}
.spell-tip-sub .v2-tag{padding:1px 6px;font-size:11px}
.spell-tip-meta{color:#fff;margin-top:7px;font-size:13px}
.spell-tip-meta div{grid-template-columns:auto minmax(0,1fr);gap:12px;display:grid}
.spell-tip-meta div span:last-child{text-align:right}
.spell-tip p{color:#ffed00;margin:7px 0 0;font-weight:500}
.spell-tip p.spell-tip-classic{color:#c2cabb;font-size:13px;font-weight:400}
.spell-tip small{color:#9fb0bd;margin-top:8px;font-size:12px;display:block}
.p-shell .cs-band{border-bottom:1px solid var(--line);background:#0b0f15}
.p-shell .v2-hero-band.v2-hero-forest{background:#0b0f15 url(../backgrounds/forever/FZUNXBNP7ECE1789247715285.webp) 50% 66%/cover;box-shadow:inset 0 0 0 100vmax #0b0f15c7}
.p-shell .v2-hero h1,.p-shell .p-title h1,.t-shell .p-title h1{font:700 30px/1.1 var(--font-display), Georgia, serif;letter-spacing:.01em;color:var(--ivory);text-shadow:0 1px #000,0 2px 12px #0009}
.p-shell .v2-stats{gap:30px;margin-top:14px}
.p-shell .v2-stats dd{color:var(--ivory);font-size:22px}
.p-shell .v2-stats dt{color:var(--text-muted)}
@media (max-width:899px){.p-shell .cs{gap:0;padding:10px 14px 0}.p-shell .cs-tile{padding:4px 6px 8px}.p-shell .cs-icon{width:36px;height:36px}}
@media (max-width:640px){.p-shell .cs-name{display:none}.p-shell .cs-tile[aria-pressed=true]:after,.p-shell .cs-tile[aria-current=page]:after{left:6px;right:6px}.p-shell .v2-hero h1,.p-shell .p-title h1{font-size:26px}}
.p-header .p-bar nav a[aria-current=page]:after,.p-shell .cs .cs-tile:is([aria-current=page],[aria-pressed=true]):after{height:var(--nav-active-width);background:var(--nav-active-color);box-shadow:none;border:0;bottom:0;transform:none}
.p-header .p-bar nav a:focus-visible,.p-shell .cs .cs-tile:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.cinzel_48093483-module__XMD49a__className{font-family:var(--font-display);font-style:normal}
.cinzel_48093483-module__XMD49a__variable{--font-display:"Cinzel", "Microsoft YaHei", sans-serif}
.alipay-dialog{color:#fff;width:290px;max-width:calc(100vw - 24px);font:13px/1.5 var(--font-sans);background:radial-gradient(120% 90% at 50% 0,#1e1911,#0b0a08 75%) 50%/calc(100% - 10px) calc(100% - 10px) no-repeat border-box;border:24px solid #0000;border-image:url(../wow-ui/UI-DialogBox-Gold-Border-9.png) 32/24px round;padding:0;overflow:visible}
.alipay-dialog[open]{animation:.5s cubic-bezier(.16,1,.3,1) both alipay-in}
.alipay-dialog::backdrop{background:#0009}
@keyframes alipay-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}
.alipay-dialog>div{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}
.alipay-dialog>div>h2{font:700 16px/1.3 var(--font-display);color:var(--game-yellow);margin:0}
.alipay-dialog>div>p{max-width:none;color:var(--game-grey);margin:0 0 6px}
.alipay-dialog>div>img{width:200px;height:250px;box-shadow:none;border:0;border-radius:8px;display:block}
.alipay-dialog>div>a{color:var(--game-yellow-soft);white-space:normal;margin-top:4px}
.alipay-dialog>div>a:hover{color:#fff}
.alipay-dialog .alipay-dialog-x{cursor:pointer;background:url(../wow-ui/UI-Panel-MinimizeButton-Up.PNG) 50%/32px 32px no-repeat;border:0;border-radius:4px;width:26px;height:26px;padding:0;font-size:0;position:absolute;top:-36px;right:-36px}
.alipay-dialog .alipay-dialog-x:hover{filter:brightness(1.25)}
.alipay-dialog .alipay-dialog-x:active{background-image:url(../wow-ui/UI-Panel-MinimizeButton-Down.PNG)}

.nudge{z-index:60;filter:drop-shadow(0 8px 18px #0009);width:360px;font:13px/1.5 var(--font-sans);color:#fff;transform-origin:100% 100%;background:radial-gradient(120% 90% at 50% 0,#1e1911,#0b0a08 75%) 50%/calc(100% - 10px) calc(100% - 10px) no-repeat border-box;border:24px solid #0000;border-image:url(../wow-ui/UI-DialogBox-Gold-Border-9.png) 32/24px round;padding:0 2px 2px;animation:.9s cubic-bezier(.16,1,.3,1) both nudge-in;position:fixed;bottom:20px;right:20px}
@keyframes nudge-in{0%{opacity:0;transform:translateY(18px)scale(.97)}}
@keyframes nudge-line{0%{opacity:0;transform:translateY(6px)}}
@keyframes nudge-light{0%{background-position:130% 0}to{background-position:-30% 0}}
@keyframes nudge-out{to{opacity:0;transform:translateY(12px)scale(.97)}}
.nudge>:not(.nudge-x){animation:.6s cubic-bezier(.16,1,.3,1) both nudge-line}
.nudge>h2{animation-delay:.25s}
.nudge>p{animation-delay:.33s}
.nudge>div,.nudge>form{animation-delay:.41s}
.nudge-x{animation:.6s .6s both nudge-line}
.nudge:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 42%,#ffe29629 50%,#0000 58%) 130% 0/250% 100% no-repeat;animation:1.3s ease-in-out .45s both nudge-light;position:absolute;inset:-19px}
.nudge[data-leaving]{pointer-events:none;animation:.26s cubic-bezier(.4,0,1,1) forwards nudge-out}
.nudge[data-leaving]>*,.nudge[data-leaving]:after{animation:none}
.nudge p{margin:0}
.nudge h2{font:700 16px/1.3 var(--font-display);letter-spacing:0;color:var(--game-yellow);margin:0 24px 4px 0}
.nudge-x:hover{filter:brightness(1.25)}
.nudge-x:active{background-image:url(../wow-ui/UI-Panel-MinimizeButton-Down.PNG)}
.nudge-rewards{gap:6px;margin-top:10px;display:grid}
.nudge-rewards :is(a,button){color:#fff;width:100%;font:inherit;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:3px;align-items:center;gap:10px;padding:5px;display:flex}
.nudge-rewards :is(a,button):hover{border-color:var(--gold-2);background:#ffd10012;text-decoration:none}
.nudge-rewards img{box-shadow:0 0 0 1px var(--line-2);border:1px solid #000;border-radius:3px;flex:none}
.nudge-rewards span{flex-direction:column;min-width:0;display:flex}
.nudge-rewards strong{color:var(--game-yellow-soft);font-weight:400}
.nudge-rewards small{color:var(--game-grey);font-size:12px}
.nudge-suggest{margin-top:10px}
.nudge-suggest label{color:var(--game-grey);margin-bottom:5px;font-size:12.5px;display:block}
.nudge-suggest textarea{resize:vertical;border:1px solid var(--line-2);color:#fff;width:100%;font:16px/1.45 var(--font-sans);background:#000;border-radius:3px;padding:7px 9px;display:block}
.nudge-suggest textarea:focus-visible{border-color:var(--game-yellow-soft);outline:0}
.nudge-suggest div{align-items:center;gap:10px;margin-top:8px;display:flex}
.nudge-suggest button{color:#e8c67a;min-height:30px;font:13px/20px var(--font-sans);text-shadow:0 1px 2px #000;cursor:pointer;background:url(../wow-ui/UI-Panel-Button-Up.PNG) 0 0/160% 139.13% no-repeat;border:0;padding:5px 14px}
.nudge-suggest button:hover{color:#fff;filter:brightness(1.15)}
.nudge-suggest span{color:var(--del);font-size:12.5px}
@media (max-width:520px){.nudge{border-width:18px;background-size:calc(100% - 8px) calc(100% - 8px);border-image-width:18px;width:auto;padding:0;bottom:6px;left:6px;right:6px}.nudge:after{inset:-14px}.nudge h2{font-size:15px}.nudge-x{top:-10px;right:-10px}.nudge-rewards{grid-template-columns:1fr 1fr;margin-top:8px}.nudge-rewards :is(a,button){gap:8px}.nudge-rewards img{width:30px;height:30px}.nudge-rewards strong{font-size:12.5px;line-height:1.3}.nudge-rewards small{display:none}}
.dgx{--ally:#6aa7ff;--horde:#ff6b5e}
.dgx-hero{isolation:isolate;border-bottom:1px solid var(--line-2);background:#080b10;position:relative;overflow:hidden}
.dgx-art{z-index:-1;background:var(--art) center 40% / cover no-repeat;position:absolute;inset:0}
.dgx-art:after{content:"";background:linear-gradient(90deg,#080b10f0 0%,#080b10c7 32%,#080b104d 70%,#080b1073 100%),linear-gradient(#080b1033 40%,#080b10e6 100%);position:absolute;inset:0}
.dgx-hero-inner{justify-content:space-between;align-items:flex-start;gap:32px;max-width:1420px;margin:0 auto;padding:24px 32px 30px;display:flex}
.dgx-hero-text{flex:auto;min-width:0}
.dgx-hero-text .dgp-crumb{align-items:center;min-height:38px;margin:0;display:flex}
.dgx-hero h1{font:700 52px/1.05 var(--font-display), Georgia, serif;letter-spacing:.01em;color:var(--game-yellow);text-shadow:0 1px #000,0 3px 18px #000c;text-wrap:balance;margin:30px 0 0}
.dgx-hero h1 small{font:700 15px/1.2 var(--font-display), Georgia, serif;letter-spacing:.08em;color:var(--ivory-2);text-shadow:0 1px 3px #000;margin-top:8px;display:block}
.dgx-line{color:var(--ivory);text-shadow:0 1px 3px #000;margin:12px 0 0;font-size:16px;line-height:1.5}
.dgx-map{margin:14px 0 0;font-size:14px}
.dgx-map a{color:var(--accent);text-shadow:0 1px 3px #000;align-items:center;gap:8px;display:inline-flex}
.dgx-switch{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06080cb8;border:1px solid #5d4d2acc;border-radius:3px;flex:0 0 340px;min-width:0;padding:10px}
.dgx-switch p{color:var(--text-muted);margin:0 2px 8px;font-size:11.5px}
.dgx-switch>a{color:var(--ivory-2);border-radius:3px;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 12px;font-size:13.5px;text-decoration:none;display:flex}
.dgx-switch>a:hover{color:#fff;background:#e2c2751a;text-decoration:none}
.dgx-switch>a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.dgx-switch>a span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}
.dgx-switch>a em{color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;font-size:12.5px;font-style:normal}
.dgx-switch>a:hover em{color:var(--gold)}
.dgx-switch .ds{margin:3px 0}
.dgx-switch .ds-button{background:#06080cc7}
.dgx-frieze{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#06080cc7;border-top:1px solid #c8a24a38;display:block}
.dgx-frieze>div{scrollbar-width:none;justify-content:flex-start;gap:4px;max-width:1420px;margin:0 auto;padding:14px 32px 12px 12px;display:flex;overflow-x:auto}
.dgx-frieze>div::-webkit-scrollbar{display:none}
.dgx-frieze a{flex-direction:column;flex:none;align-items:center;gap:7px;width:94px;padding:4px 2px;text-decoration:none;display:flex}
.dgx-frieze a span:last-child{text-align:center;color:var(--ivory-2);text-wrap:balance;font-size:11.5px;line-height:1.25}
.dgx-frieze a[data-kind=rare]{margin-left:28px;position:relative}
.dgx-frieze a[data-kind=rare]~a[data-kind=rare]{margin-left:0}
.dgx-frieze a[data-kind=rare]:not(a[data-kind=rare]~a):before{content:"";background:linear-gradient(#0000,#4a5463 20% 80%,#0000);width:1px;position:absolute;top:6px;bottom:6px;left:-15px}
.dgx-frieze a[data-kind=rare] span:last-child{color:#dbe3ee}
.dgx-frieze a span em{letter-spacing:.02em;color:#9fb0c6;margin-top:2px;font-size:10.5px;font-style:normal;display:block}
.dgx-frieze a:hover .lb-face[data-kind=rare]{box-shadow:0 0 0 1px #06080c,0 0 0 2px #e6edf7,0 0 14px #d2e1f566}
.dgx-frieze a:hover .lb-face{box-shadow:0 0 0 1px #06080c, 0 0 0 2px var(--game-yellow), 0 0 14px #ffd10059}
.dgx-frieze a:hover span:last-child{color:#fff}
@media (prefers-reduced-motion:no-preference){:root:has(.dgx){scroll-behavior:smooth}}
.dgx .lb-boss,.dgx .dgx-quest{scroll-margin-top:72px}
.dgx .lb-boss:target,.dgx .dgx-quest:target{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 0 28px #e2c27538;animation:dgx-arrive 1.6s var(--ease) 1}
.dgx .lb-boss:target header,.dgx .dgx-quest:target header{background:linear-gradient(#2a2413,#15130d)}
@keyframes dgx-arrive{0%{box-shadow:0 0 0 1px var(--gold), 0 0 0 #ffd10000}25%{box-shadow:0 0 0 2px var(--game-yellow), 0 0 46px #ffd10080}to{box-shadow:0 0 0 1px var(--gold), 0 0 28px #e2c27538}}
.dgx-tabs{z-index:30;border-bottom:1px solid var(--line-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090c12f0;position:sticky;top:0}
.dgx .dgx-work{padding-top:8px}
.dgx-chapter{margin:36px 0 0;scroll-margin-top:64px}
.dgx-chapter-head{border-bottom:1px solid #0000;border-image:linear-gradient(90deg, var(--gold), #c8a24a26 60%, transparent) 1;align-items:center;gap:2em;margin:0 0 20px;padding:0 0 16px;display:flex}
.dgx-chapter-head>img{object-fit:cover;image-rendering:auto;background:#0b0e14;border-radius:50%;flex:none;width:44px;height:44px;box-shadow:0 0 0 1px #06080c,0 0 0 2px #8a713b,0 0 0 3px #2b2416}
.dgx-chapter-head>img[src$=svc-quest\.png],.dgx-chapter-head>img[src$=svc-dungeon\.png]{object-fit:contain;box-sizing:border-box;padding:8px}
.dgx-chapter-head h2{font:700 26px/1.15 var(--font-display), Georgia, serif;letter-spacing:.01em;color:var(--ivory);flex-wrap:wrap;align-items:baseline;gap:2px 14px;margin:0;display:flex}
.dgx-chapter-head h2 small{font:400 13.5px var(--font-sans);letter-spacing:0;color:var(--gold)}
.dgx-chapter-head p{max-width:96ch;color:var(--text-muted);margin:5px 0 0;font-size:13.5px;line-height:1.55}
.dgx .lb{margin-top:0}
.dgx .lb-boss{scroll-margin-top:64px}
.dgx-side{margin:0 0 26px}
.dgx-side h3{font:700 16px var(--font-display), Georgia, serif;letter-spacing:.03em;color:var(--ivory);align-items:baseline;gap:10px;margin:0 0 12px;display:flex}
.dgx-crests{align-self:center;gap:4px;display:flex}
.dgx-crests img{filter:drop-shadow(0 1px 2px #000);width:auto;height:34px}
.dgx-side[data-side=a] h3{color:var(--ally)}
.dgx-side[data-side=h] h3{color:var(--horde)}
.dgx-side h3 small{font:400 12.5px var(--font-sans);letter-spacing:0;color:var(--text-muted)}
.dgx-quests{columns:2;column-gap:2em}
.dgx-quest{break-inside:avoid;border:1px solid var(--line);background:#06080c;border-radius:4px;margin:0 0 16px;scroll-margin-top:64px;overflow:hidden}
.dgx-quest:target{border-color:#8a713b}
.dgx-quest header{border-bottom:1px solid var(--line);background:linear-gradient(#141a24,#0e131b);grid-template-columns:auto 1fr;align-items:center;gap:0 11px;padding:11px 16px;display:grid}
.dgx-quest header img{grid-row:span 2}
.dgx-quest h4{font:700 17px/1.2 var(--font-display), Georgia, serif;color:var(--game-yellow);margin:0}
.dgx-quest header p{color:var(--text-muted);margin:1px 0 0;font-size:12px}
.dgx-quest-text{color:var(--ivory-2);margin:13px 16px 0;font-size:14px;line-height:1.55}
.dgx-quest dl{grid-template-columns:92px 1fr;gap:9px 12px;margin:13px 16px 15px;font-size:13.5px;display:grid}
.dgx-quest dt{color:var(--gold);padding-top:1px;font-size:12px;font-weight:700}
.dgx-quest dd{color:var(--ivory);margin:0}
.dgx-quest dd a{color:var(--accent)}
.dgx-then h5 span{color:var(--game-yellow)}
.dgx-then p{color:var(--ivory-2);margin:4px 16px 0;font-size:13.5px;line-height:1.5}
.dgx-then p b{color:var(--text-muted);margin-right:6px;font-size:12px}
.dgx-then p+.lb-rows,.dgx-then p+*{margin-top:8px}
.dgx-was{color:var(--text-muted);margin-left:8px;font-size:12.5px}
.dgx-need{gap:7px;margin:0;padding:0;list-style:none;display:grid}
.dgx-need li{align-items:center;gap:9px;display:flex}
.dgx-need img,.dgx-need i{background:#111;border:1px solid #4b4b4b;border-radius:3px;flex:none;width:24px;height:24px}
.dgx-need a{color:#fff!important}
.dgx-need small{color:var(--text-muted);font-size:12px;display:block}
.dgx-reward{border-top:1px solid var(--line)}
.dgx-reward h5{color:var(--gold);margin:0;padding:9px 16px 2px;font-size:12px;font-weight:700}
.dgx-table{border-collapse:collapse;border:1px solid var(--line);background:#06080c;border-radius:4px;width:100%;font-size:14px}
.dgx-table th{text-align:left;color:var(--gold);border-bottom:1px solid var(--line);background:linear-gradient(#141a24,#0e131b);padding:9px 16px;font-size:12px;font-weight:700}
.dgx-table td{border-bottom:1px solid var(--line);color:var(--ivory-2);vertical-align:middle;padding:9px 16px}
.dgx-table tr:last-child td{border-bottom:0}
.dgx-table tbody tr:hover td{background:#e2c2750d}
.dgx-table td:first-child{color:#fff;white-space:nowrap}
.dgx-table td:first-child a{color:#fff;font-weight:600}
.dgx-table td a{color:var(--accent)}
.dgx-table td img{vertical-align:middle;border-radius:3px;margin:-2px 10px 0 0}
.dgx-table td:first-child img[src^=\/icon]{border:1px solid #4b4b4b}
.dgx-facts th{white-space:nowrap;vertical-align:top;border-bottom:1px solid var(--line);background:0 0;width:1%;padding:11px 28px 11px 16px}
.dgx-facts tr:last-child th{border-bottom:0}
.dgx-facts td{line-height:1.55}
.dgx-facts td:first-of-type{color:var(--ivory-2);white-space:normal}
.dgx-table small{color:var(--text-muted);margin-left:8px;font-size:12px}
.dgx-table small[data-side=a]{color:var(--ally)}
.dgx-table small[data-side=h]{color:var(--horde)}
.dgx-xp-facts .dgx-xp-line{display:block}
.dgx-xp-facts a{margin-top:2px;display:inline-block}
.dgx-xp{margin:0 0 26px}
.dgx-xp-table td{font-variant-numeric:tabular-nums}
.dgx-xp-table td:nth-child(3){color:#fff;font-weight:600}
.dgx-xp-table tr[data-side=a] td:first-child{color:var(--ally)}
.dgx-xp-table tr[data-side=h] td:first-child{color:var(--horde)}
.dgx-xp-table td:first-child img{filter:drop-shadow(0 1px 2px #000);border-radius:0;margin-right:9px}
.dgx-xp-note{max-width:96ch;color:var(--text-muted);margin:8px 0 0;font-size:12.5px;line-height:1.55}
@media (max-width:860px){.dgx-hero-inner{flex-direction:column;gap:18px;padding:14px 16px 20px}.dgx-switch{flex:none;order:2;align-self:stretch}.dgx-hero h1{margin-top:14px;font-size:33px}.dgx-line{font-size:14.5px}.dgx-art:after{background:linear-gradient(#080b10cc,#080b109e 45%,#080b10f0)}.dgx-tabs>div{padding-left:16px;padding-right:16px}.dgx-frieze>div{justify-content:flex-start;padding:12px 16px 10px}.dgx-frieze a{width:78px}.dgx-frieze .lb-face{--face:44px!important}.dgx-tabs a{padding:12px 11px 11px;font-size:13.5px}.dgx-tabs a img{display:none}.dgx-chapter-head{align-items:flex-start;gap:12px}.dgx-chapter-head h2{font-size:21px}.dgx-chapter-head>img{width:36px;height:36px}.dgx-quests{columns:1}.dgx-quest dl{grid-template-columns:78px 1fr}.dgx-table thead{display:none}.dgx-table,.dgx-table tbody,.dgx-table tr,.dgx-table td{display:block}.dgx-table tr{border-bottom:1px solid var(--line);padding:10px 14px}.dgx-table tr:last-child{border-bottom:0}.dgx-table td{border:0;padding:2px 0;font-size:13.5px;white-space:normal!important}.dgx-facts th{border:0;width:auto;padding:0 0 2px;display:block}.dgx-xp-table td[data-label]:before{content:attr(data-label) " ";color:var(--gold);margin-right:6px;font-size:12px;font-weight:700}}
.dgx-bm{grid-template:"levels.""map page""key page"1fr/minmax(0,min(60%,150vh - 195px)) minmax(0,1fr);align-items:start;gap:0 28px;scroll-margin-top:62px;display:grid}
.dgx-bm-map{grid-area:map;margin:0}
.dgx-bm>.dgx-floors{grid-area:levels}
.dgx-bm-page{grid-area:page}
.dgx-bm-key{grid-area:key}
.dgx-bm .lb{columns:1;margin:0}
.dgx-bm .lb-boss{margin:0}
.dgx .dgx-bm .lb-boss:target{border-color:var(--line);box-shadow:none;animation:none}
.dgx .dgx-bm .lb-boss:not([data-kind=rare]):target header{background:linear-gradient(#141a24,#0e131b)}
.lb-boss[hidden]{display:none}
.dgx-bm .lb-boss header{grid-template-columns:minmax(0,1fr)}
.dgx-bm .lb-boss header .lb-face{display:none}
.dgx-bm-rest{margin-top:28px}
.dgx-bm-rest .lb{columns:auto;flex-wrap:wrap;align-items:flex-start;gap:2em;display:flex}
.dgx-bm-rest .lb-boss{flex:520px;margin:0}
.dgx-bm-rest .lb-boss[data-kind=object]{flex:0 360px}
.dgx-bm-rest .lb-rows{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}
.dgx-bm-rest:not(:has(.lb-boss+.lb-boss)){max-width:min(60%,150vh - 195px)}
.dgx-bm-pick{flex-wrap:wrap;gap:10px;margin:0 0 14px;padding:3px;display:flex}
.dgx-bm-pick button{cursor:pointer;opacity:.5;filter:saturate(.6);background:0 0;border:0;border-radius:50%;padding:0;transition:opacity .15s,filter .15s}
.dgx-bm-pick button:hover{opacity:.9;filter:none}
.dgx-bm-pick button[aria-pressed=true]{opacity:1;filter:none}
.dgx-bm-pick button[aria-pressed=true] .lb-face{box-shadow:0 0 0 1px #06080c, 0 0 0 2px var(--game-yellow), 0 0 0 3px #2b2416, 0 0 14px 3px #ffd10066}
.dgx-bm-pick button:focus-visible{opacity:1;outline:none}
.dgx-bm-pick button:focus-visible .lb-face{outline:2px solid var(--ivory);outline-offset:3px}
.dgx-dmap-frame{background:#06080c;border-radius:4px;position:relative;box-shadow:0 0 0 1px #000,0 0 0 2px #3a3122,0 14px 32px #00000080}
.dgx-dmap-frame img{border-radius:4px;width:100%;height:auto;display:block}
.dgx-dmap-zoom{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}
.dgx-pin{z-index:1;color:inherit;font:inherit;background:0 0;border:0;justify-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}
button.dgx-pin,a.dgx-pin{cursor:pointer}
a.dgx-pin{text-decoration:none}
a.dgx-pin:focus-visible{outline:none}
a.dgx-pin:focus-visible>img{outline:2px solid var(--ivory);outline-offset:2px;border-radius:50%}
.dgx-pin .lb-face{transition:transform .15s ease-out,box-shadow .15s ease-out;box-shadow:0 0 0 1px #06080c,0 0 0 2px #c8a24a,0 0 0 3px #2b2416,0 3px 8px #000000d9}
.dgx-pin>img{filter:drop-shadow(0 1px 2px #000000e6);width:30px;height:30px;transition:transform .15s ease-out;display:block}
.dgx-pin[data-lit]{z-index:3}
.dgx-pin[data-lit]:has(.dgx-pin-name){z-index:4}
.dgx-pin[data-lit] .lb-face{box-shadow:0 0 0 1px #06080c, 0 0 0 2px var(--game-yellow), 0 0 0 3px #2b2416, 0 0 0 5px #ffd10047, 0 0 22px 8px #ffd1008c;transform:scale(1.3)}
.dgx-pin[data-lit]>img{transform:scale(1.25)}
button.dgx-pin:focus-visible{outline:none}
button.dgx-pin:focus-visible .lb-face{outline:2px solid var(--ivory);outline-offset:3px}
.dgx-pin-name{font:700 13px/1.3 var(--font-sans);color:var(--game-yellow);white-space:nowrap;pointer-events:none;background:#06080cf0;border-radius:3px;padding:3px 8px 4px;display:none;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #c8a24a80,0 4px 10px #0009}
.dgx-pin[data-name=above] .dgx-pin-name{top:auto;bottom:calc(100% + 9px)}
.dgx-pin[data-name=left] .dgx-pin-name{top:50%;left:auto;right:calc(100% + 11px);transform:translateY(-50%)}
.dgx-pin[data-kind] .dgx-pin-name{color:var(--ivory);font-weight:400}
.dgx-pin-name b{color:var(--game-yellow)}
.dgx-pin[data-lit] .dgx-pin-name{display:block}
.dgx-dmap-frame[data-hovering] .dgx-pin:not([data-named]) .dgx-pin-name{display:none}
.dgx-floors{flex-wrap:wrap;gap:2px 4px;margin:0 0 10px;display:flex}
.dgx-floors button{font:700 14px/1.2 var(--font-display), Georgia, serif;letter-spacing:.02em;color:var(--ivory-2);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:6px 12px 7px}
.dgx-floors button:hover{color:#fff}
.dgx-floors button[aria-pressed=true]{color:var(--game-yellow);border-bottom-color:var(--gold)}
.dgx-floors button:focus-visible{outline:2px solid var(--ivory);outline-offset:2px}
.dgx-more{font:inherit;color:var(--accent);text-align:left;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0}
.dgx-more:hover{color:#a8cbf5;text-decoration:underline}
.dgx-more:focus-visible{outline:2px solid var(--ivory);outline-offset:2px}
.dgx-dmap-full .dgx-floors{z-index:2;background:#06080cd9;border-radius:3px;margin:0;padding:2px 6px;position:fixed;top:14px;left:50%;transform:translate(-50%)}
.dgx-dmap-expand{z-index:4;width:34px;height:34px;color:var(--ivory);cursor:pointer;background:#06080cd1;border:1px solid #c8a24a8c;border-radius:3px;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px}
.dgx-dmap-expand:hover,.dgx-dmap-expand:focus-visible{border-color:var(--game-yellow);color:var(--game-yellow);outline:none}
.dgx-dmap-key{color:var(--ivory-2);gap:7px;margin:16px 0 0;padding:0;font-size:13.5px;line-height:1.4;list-style:none;display:grid}
.dgx-dmap-key li{align-items:center;gap:8px;display:flex}
.dgx-dmap-key img{flex:none}
.dgx-dmap-key .dgx-dmap-side{opacity:.9;margin-left:2px}
.dgx-dmap-credit{color:var(--text-muted);margin:10px 0 0;font-size:12.5px;line-height:1.5}
.lb-fight{border-bottom:1px solid var(--line);background:#0a0d13;padding:13px 16px 14px 14px}
.lb-fight ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}
.lb-fight li{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:12px;display:grid}
.lb-fight li>img{border-radius:50%;box-shadow:0 0 0 1px #000,0 0 0 2px #c8a24a99}
.p-shell .lb-fight p{color:var(--ivory-2);margin:0;font-size:13.5px;line-height:1.5}
.p-shell .lb-fight .lb-ability{flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:1px;display:flex}
.lb-ability strong{color:var(--ivory);margin-right:5px;font-weight:700}
.p-shell .lb-fight .lb-trigger{color:var(--ivory);grid-template-columns:30px minmax(0,1fr);align-items:start;gap:12px;margin-bottom:12px;display:grid}
.lb-trigger-mark{background:#1a1408;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 0 0 1px #000,0 0 0 2px #c8a24a99}
.lb-fight .lb-trigger:last-child{margin-bottom:0}
.dj-flag{background:url(../wow-ui/ej/icons.png) calc(var(--x) * -20px) calc(var(--y) * -20px) / 160px 40px no-repeat;flex:none;width:20px;height:20px;display:inline-block}
.dgx-dmap-full{z-index:1000;background:#040609f0;place-items:center;padding:24px;display:grid;position:fixed;inset:0}
.dgx-dmap-full .dgx-dmap-frame{width:min(100%,150vh - 72px)}
.dgx-dmap-full button.dgx-pin .dgx-pin-name{display:block}
.dgx-dmap-full .dgx-pin>img{width:38px;height:38px}
.dgx-dmap-close{border:1px solid var(--line-2);width:40px;height:40px;color:var(--ivory);cursor:pointer;background:#0b0f15;border-radius:50%;font-size:24px;line-height:1;position:fixed;top:14px;right:18px}
.dgx-dmap-close:hover{border-color:var(--gold);color:var(--game-yellow)}
@media (max-width:900px){.dgx-bm{grid-template:"levels""map""page""key"/minmax(0,1fr);gap:20px}.dgx-bm>.dgx-floors{margin-bottom:-10px}.dgx-bm-page{scroll-margin-top:62px}}
@media (max-width:700px){.dgx-floors{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.dgx-floors::-webkit-scrollbar{display:none}.dgx-floors button{flex:none}.dgx-bm-pick{gap:7px}.dgx-bm-pick .lb-face{width:36px;height:36px}.dgx-bm-map .dgx-pin .lb-face,.dgx-bm-map .dgx-pin>img{width:24px;height:24px}.dgx-dmap-expand{width:30px;height:30px;top:8px;right:8px}.dgx-dmap-zoom{cursor:default}.dgx-dmap-expand{display:none}}
@media (prefers-reduced-motion:reduce){.dgx-pin .lb-face,.dgx-pin>img{transition:none}}
#observed-recipes .q3{color:#4aa3ff}
.dgx-observed-label{display:none}

/* ==== changes (v2-editorial/hm/cs/spell-tip/shot) — from 10 chunks, s6c5c ==== */
.p-class-overview{border-top:1px solid #695e43;border-bottom:1px solid #4f5544;grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:28px;margin:0 0 24px;padding:20px 0 24px;display:grid}
.p-class-overview.p-overview-no-video{grid-template-columns:1fr}
.p-overview-heading{align-items:center;gap:12px;display:flex}
.p-overview-heading img{border:1px solid #978454;border-radius:3px}
.p-overview-heading h2{color:#f2e8d2;font:22px var(--font-serif);margin:0}
.p-overview-counts{flex-wrap:wrap;gap:20px;margin:0;display:flex}
.p-overview-counts>div{align-items:baseline;gap:8px;display:flex}
.p-overview-counts dt{font:14px var(--font-sans);color:#bdc9bd;order:2}
.p-overview-counts dd{font:24px var(--font-sans);color:#bfe5e1;font-variant-numeric:tabular-nums;margin:0}
.p-overview-details{font:14px/1.6 var(--font-sans);color:#bac7bc;margin-top:14px}
.p-overview-details summary{cursor:pointer;color:#bdad83}
.p-overview-details ul{padding-left:18px}
.p-overview-video{min-width:0}
.p-overview-video-frame{aspect-ratio:16/9;background:linear-gradient(135deg,#203431,#111c26);border:1px solid #7e7353;position:relative;overflow:hidden}
.p-overview-video-frame iframe{border:0;width:100%;height:100%;display:block}
.p-overview-video-frame button{color:#e6eee3;cursor:pointer;width:100%;height:100%;font:15px/1.4 var(--font-sans);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex}
.p-video-play{color:#e9dda7;background:#252f22;border:1px solid #c4b67c;border-radius:50%;place-items:center;width:42px;height:42px;padding-left:3px;font-size:18px;display:grid}
.p-overview-video-caption{color:#b4c2b6;font:13px/1.5 var(--font-sans);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:8px;display:flex}
.p-overview-video-caption a{color:#c4dcd2}
.p-overview-video button:focus-visible{outline-offset:-4px;outline:2px solid #b9e5e7}
@media (max-width:1000px){.p-class-overview{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.p-overview-counts{gap:14px}}
@media (max-width:760px){.p-class-overview{grid-template-columns:1fr;gap:20px;padding:18px 0}.p-overview-video{width:100%;max-width:440px}.p-overview-summary{font-size:14px}.p-overview-counts{gap:15px}.p-overview-counts dt{font-size:13px}.p-overview-counts dd{font-size:22px}}
.p-overview-details>div{flex-wrap:wrap;gap:8px 18px;display:flex}
.p-overview-details a{color:#b8d9d1}
.v2-editorial .v2-side .v2-spellbook-background{isolation:isolate;border-color:var(--line-2);background:#151920;border-radius:3px;flex-direction:column;justify-content:flex-end;gap:7px;min-height:160px;padding:18px 14px;display:flex;position:relative;overflow:hidden}
.v2-editorial .v2-spellbook-background:before{content:"";z-index:-1;opacity:.27;pointer-events:none;background:url(../v2/sidebar/spellbook-background.png) right -12px top -25px/210px 210px no-repeat;position:absolute;inset:0}
.v2-editorial .v2-spellbook-background>strong{color:#fff;line-height:1.4}
.v2-editorial .v2-spellbook-background>span{color:#bdc3cd;line-height:1.5}
.v2-editorial .v2-spellbook-background:hover{border-color:var(--accent-strong)}
.v2-editorial .v2-spellbook-background:focus-visible{outline-offset:3px;outline:2px solid #b8d8ea}
@media (max-width:1099px){.v2-editorial .v2-side .v2-spellbook-background{justify-content:center;min-height:110px;padding-right:70px}.v2-editorial .v2-spellbook-background:before{opacity:.23;background-position:100%;background-size:180px 180px}}
.v2-editorial .v2-talent-card-caption strong{justify-content:space-between;align-items:center;gap:8px;display:flex}
.v2-editorial .v2-calculator-arrow{color:#aab5c3;font-style:normal;font-weight:400}
.v2-editorial .v2-talent-card:hover .v2-calculator-arrow{color:#fff}
.v2-editorial .v2-talent-card:focus-visible{outline-offset:3px;outline:2px solid #b8d8ea}
.v2-shot-art{aspect-ratio:654/372;object-fit:cover;filter:brightness(.8);width:100%;height:auto;transition:filter .2s var(--ease);display:block}
.v2-shot-card:hover .v2-shot-art{filter:none}
.v2-side .v2-shot-card:hover{transform:none}
.v2-side .v2-spellbook-shot{margin-top:12px}
@media (min-width:1100px) and (max-width:1280px){.v2-shot-card .v2-calculator-arrow{display:none}}
@media (max-width:1099px){.v2-side .v2-spellbook-shot{grid-template-columns:minmax(120px,36%) minmax(0,1fr);display:grid}.v2-spellbook-shot .v2-shot-art{aspect-ratio:auto;height:100%}.v2-spellbook-shot .v2-talent-card-caption{border-top:0;border-left:1px solid var(--line-2);justify-content:center}}
@media (min-width:1100px){.v2-editorial{--v2-filter-width:220px;--v2-column-gap:20px;--v2-description-inset:calc(1px + 3px + 16px + 40px + 14px)}.v2-editorial .v2-work{grid-template-columns:var(--v2-filter-width) minmax(0, 1.5fr) minmax(360px, 1fr);gap:var(--v2-column-gap)}.v2-editorial .v2-hero[data-class=mage]:before{background-image:url(../talent-backgrounds/ShamanElementalCombat-TopLeft.PNG)}.v2-editorial .v2-hero[data-class=shaman]:before{background-image:url(../talent-backgrounds/DruidBalance-TopLeft.PNG)}.v2-editorial .v2-hero[data-class=druid]:before{background-image:url(../v2/class-landscapes/druid-forest.webp)}.v2-editorial .v2-hero.v2-hero-band:not([data-class=all]):before{width:min(420px,35%);-webkit-mask-image:linear-gradient(90deg, transparent, #000 78%), linear-gradient(180deg, transparent var(--cs-height,90px), #000 calc(var(--cs-height,90px) + 40px));mask-image:linear-gradient(90deg, transparent, #000 78%), linear-gradient(180deg, transparent var(--cs-height,90px), #000 calc(var(--cs-height,90px) + 40px));-webkit-mask-image:linear-gradient(90deg, transparent, #000 78%), linear-gradient(180deg, transparent var(--cs-height,90px), #000 calc(var(--cs-height,90px) + 40px));-webkit-mask-composite:source-in;background-size:cover;left:auto;-webkit-mask-composite:source-in;mask-composite:intersect}.v2-editorial .v2-hero-inner{grid-template-columns:calc(var(--v2-filter-width) + var(--v2-description-inset)) minmax(0, 1fr);column-gap:var(--v2-column-gap);display:grid}.v2-editorial .v2-hero-text{text-align:left;grid-area:1/2}.v2-editorial .v2-hero-icon{grid-area:1/1;justify-self:end}.v2-editorial .v2-hero[data-class=warrior]{--v2-character-art:url(../v2/warrior-hero/blizzard-warrior.png)}.v2-editorial .v2-hero[data-class=mage]{--v2-character-art:url(../v2/class-heroes/mage.png);--v2-character-x:calc(50% - 20px);--v2-character-direction:1;--v2-character-fade:to right}.v2-editorial .v2-hero[data-class=priest]{--v2-character-art:url(../v2/class-heroes/user-provided/priest-outpaint.png);--v2-character-size:714px;--v2-character-x:48%;--v2-character-y:12%}.v2-editorial .v2-hero[data-class=hunter]{--v2-character-art:url(../v2/class-heroes/user-provided/hunter.jpeg);--v2-character-direction:1;--v2-character-fade:to right;--v2-character-size:430px;--v2-character-x:35%}.v2-editorial .v2-hero[data-class=druid]{--v2-character-art:url(../v2/class-heroes/user-provided/druid-outpaint.png);--v2-character-size:426px;--v2-character-x:71%}.v2-editorial .v2-hero[data-class=paladin]{--v2-character-art:url(../v2/class-heroes/user-provided/paladin-outpaint.png);--v2-character-size:454px;--v2-character-x:62%;--v2-character-direction:1;--v2-character-fade:to right}.v2-editorial .v2-hero[data-class=rogue]{--v2-character-art:url(../v2/class-heroes/user-provided/rogue-outpaint.png);--v2-character-direction:1;--v2-character-fade:to right;--v2-character-y:0%;--v2-character-size:490px;--v2-character-x:63%}.v2-editorial .v2-hero[data-class=shaman]{--v2-character-art:url(../v2/class-heroes/user-provided/shaman-outpaint.png);--v2-character-size:440px;--v2-character-x:54%}.v2-editorial .v2-hero[data-class=warlock]{--v2-character-art:url(../v2/class-heroes/user-provided/warlock-outpaint.png);--v2-character-size:402px;--v2-character-direction:1;--v2-character-fade:to right}.v2-editorial .v2-hero:is([data-class=warrior],[data-class=mage],[data-class=paladin],[data-class=rogue],[data-class=shaman],[data-class=warlock],[data-class=hunter],[data-class=druid],[data-class=priest]) .v2-hero-inner:before{content:"";inset-block:0;width:calc(var(--v2-filter-width) + var(--v2-description-inset) - 28px + (100vw - 100%) / 2);background:var(--v2-character-art) var(--v2-character-x,center) var(--v2-character-y,28%) / var(--v2-character-size,290px) auto no-repeat;transform:scaleX(var(--v2-character-direction,-1));opacity:.38;filter:saturate(.55);-webkit-mask-image:linear-gradient(var(--v2-character-fade,to left), #000, #000 48%, transparent), linear-gradient(to bottom, transparent, #000 22%, #000 66%, transparent);mask-image:linear-gradient(var(--v2-character-fade,to left), #000, #000 48%, transparent), linear-gradient(to bottom, transparent, #000 22%, #000 66%, transparent);pointer-events:none;position:absolute;left:calc(50% - 50vw);-webkit-mask-composite:source-in;mask-composite:intersect}.v2-editorial .v2-hero:is([data-class=hunter],[data-class=druid],[data-class=paladin],[data-class=rogue],[data-class=shaman],[data-class=warlock],[data-class=priest]) .v2-hero-inner:before{background-size:max(var(--v2-character-size,290px), 100%) auto}}
@media (min-width:1100px) and (max-width:1280px){.v2-editorial{--v2-filter-width:200px;--v2-column-gap:2em}.v2-editorial .v2-work{grid-template-columns:var(--v2-filter-width) minmax(0, 1.3fr) minmax(330px, 1fr)}}
.v2-editorial .v2-row-text>span{-webkit-line-clamp:unset;display:block;overflow:visible}
.v2-editorial .v2-list-head{flex-wrap:wrap;align-items:center}
.v2-editorial .v2-list-title{flex:150px;min-width:0}
.v2-editorial .v2-list-title small{color:var(--text-muted);align-items:center;gap:10px;margin-top:5px;font-size:12px;display:flex}
.v2-editorial .v2-list-head .p-search{border:1px solid var(--line-2);background:var(--bg-2);min-width:0;max-width:280px;color:var(--text-muted);border-radius:3px;flex:210px;align-items:center;gap:8px;margin:0;padding:8px 10px;display:flex}
.v2-editorial .v2-list-head .p-search:focus-within{border-color:var(--accent-strong);box-shadow:0 0 0 2px var(--accent-soft)}
.v2-editorial .v2-list-head .p-search svg{flex:none}
.v2-editorial .v2-list-head .p-search input{width:100%;min-width:0;color:var(--ivory);font:13.5px var(--font-sans);background:0 0;border:0;outline:0;padding:0}
.v2-editorial .v2-list-head .p-search input::placeholder{color:var(--text-muted)}
@media (max-width:760px){.v2-editorial .v2-list-head{flex-direction:column;align-items:stretch}.v2-editorial .v2-list-title,.v2-editorial .v2-list-head .p-search{flex:none;max-width:none}.v2-editorial .v2-list-head .p-search{box-sizing:border-box;width:100%}}

/* ==== changes fix (hm-direct/spell-text) — s6c5c ==== */
.sb-spell-text{flex-direction:column;flex:1;min-width:0;display:flex}
.sb-spell-text strong{color:#ffd100;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}
.sb-spell-text small{min-height:18px;color:var(--text-muted);align-items:center;gap:6px;font-size:12.5px;display:flex}
.sb-quiet .sb-spell-text strong{color:var(--ivory-2);font-weight:400}
.sb-missing .sb-spell-text strong{color:var(--ivory-2)}

/* ==== professions (en3/cr/gt/browse) — from 14 chunks, s6c2d ==== */
.po{--po-ground:#06080c;--po-zone:#f3d98b}
.po .po-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2em;display:grid}
.po .po-plate{isolation:isolate;border:1px solid var(--line-2);background:var(--po-ground);border-radius:4px;flex-direction:column;gap:10px;min-width:0;min-height:250px;padding:18px 20px 0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000}
.po .po-plate:before{content:"";z-index:-1;background:var(--po-art) right top / contain no-repeat;opacity:.1;width:250px;height:220px;transition:opacity .2s var(--ease);position:absolute;top:-18px;right:-34px}
.po .po-plate:hover{border-color:#8a7d5a}
.po .po-plate:hover:before{opacity:.2}
.po .po-plate-head{align-items:center;gap:12px;display:flex}
.po .po-plate-head img{border-radius:50%;flex:none;width:40px;height:40px;box-shadow:0 0 0 1px #06080c,0 0 0 2px #8a713b,0 0 0 3px #2b2416}
.po .po-plate-head h3{font:700 21px/1.2 var(--font-display), Georgia, serif;letter-spacing:.01em;margin:0}
.po .po-name{color:var(--po-zone);text-shadow:0 1px 3px #000;text-decoration:none}
.po .po-name:after{content:"";z-index:0;position:absolute;inset:0}
.po .po-plate:hover .po-name{color:var(--game-yellow)}
.po .po-name:focus-visible{outline:none}
.po .po-plate:has(.po-name:focus-visible){outline-offset:2px;outline:2px solid #b4cde0}
.po .po-what{color:var(--ivory);margin:2px 0 0;font-size:15px;line-height:1.45}
.po .po-line{max-width:46ch;color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.55}
.po .po-icons{flex-wrap:wrap;gap:5px;margin:2px 0 0;padding:0;list-style:none;display:flex}
.po .po-icons img{border:1px solid #3c3c3c;border-radius:3px;display:block;box-shadow:0 0 0 1px #000}
.po .po-pair{color:var(--text-muted);margin:0;font-size:13px}
.po .po-pair a{z-index:1;color:var(--ivory-2);position:relative}
.po .po-pair a:hover{color:#fff}
.po .po-foot{z-index:1;border-top:1px solid var(--line);background:#ffffff04;flex-wrap:wrap;gap:0;margin:auto -20px 0;display:flex;position:relative}
.po .po-foot a{color:var(--accent);padding:10px 14px 11px;font-size:13px;text-decoration:none}
.po .po-foot a:first-child{padding-left:20px}
.po .po-foot a+a{border-left:1px solid var(--line)}
.po .po-foot a:hover{background:var(--bg-3);color:#fff}
.po .po-buff{background:#1eff0009;border:1px solid #1d2a1f;border-radius:3px;align-items:flex-start;gap:10px;margin:2px 0 0;padding:8px 10px;display:flex}
.po .po-buff img{border:1px solid #3c3c3c;border-radius:3px;flex:none;box-shadow:0 0 0 1px #000}
.po .po-buff>span{flex-direction:column;gap:1px;min-width:0;font-size:13px;line-height:1.4;display:flex}
.po .po-buff-head{color:var(--text-muted)}
.po .po-buff-head b{color:#fff;font-weight:700}
.po .po-buff-text{color:var(--game-green);font-size:14px}
.po .po-camp .po-camp-buff{color:var(--game-green);white-space:normal;margin-top:2px;font-size:12.5px;font-weight:400;display:block}
.po .po-new{border:1px solid var(--line-2);background:var(--po-ground);border-radius:4px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;box-shadow:inset 0 0 0 1px #000}
.po .po-new li:nth-child(2n){border-left:1px solid var(--line)}
.po .po-new li:nth-child(n+3){border-top:1px solid var(--line)}
.po .po-new a{height:100%;color:var(--text);align-items:flex-start;gap:14px;padding:16px 18px;text-decoration:none;display:flex}
.po .po-new a:hover{background:var(--bg-3)}
.po .po-new img{border:1px solid #3c3c3c;border-radius:3px;flex:none;box-shadow:0 0 0 1px #000}
.po .po-new span{flex-direction:column;gap:4px;min-width:0;display:flex}
.po .po-new strong{font:700 17px/1.25 var(--font-display), Georgia, serif;color:var(--po-zone)}
.po .po-new a:hover strong{color:var(--game-yellow)}
.po .po-new small{max-width:62ch;color:var(--ivory-2);font-size:13.5px;line-height:1.55}
.po .po-camp{background:var(--po-ground);box-shadow:inset 0 0 0 1px #000}
.po .po-camp td a{color:#ffd100;text-decoration:none}
.po .po-camp td a:hover{text-decoration:underline}
.po .po-camp td small{color:var(--text-muted);font-weight:400}
@media (max-width:700px){.po .po-grid,.po .po-new{grid-template-columns:minmax(0,1fr)}.po .po-plate{min-height:0;padding:16px 16px 0}.po .po-foot{margin-inline:-16px}.po .po-foot a,.po .po-foot a:first-child{text-align:center;flex:auto;padding-inline:8px}.po .po-new li:nth-child(2n){border-left:0}.po .po-new li+li{border-top:1px solid var(--line)}}
.p-shell .pr-hero-sketch:before{background-size:auto 94%;background-position:right max(24px, calc((100% - var(--v2-max)) / 2)) center;opacity:.36}
.pr-menu-label{align-items:center;gap:10px;min-width:0;display:inline-flex}
.pr-menu-label .v2-icon{width:24px;height:24px}
.pr-planner-icons{background:#06080c;justify-content:center;gap:8px;padding:14px 12px;display:flex}
.pr-main{min-width:0}
.pr-block{border-bottom:1px solid var(--line);padding:16px 18px 6px}
.pr-block:last-of-type{border-bottom:0}
.pr-block h3{font:700 14px var(--font-sans);color:var(--ivory-2);margin:0 0 12px}
.pr-note{color:var(--text-muted);margin:-6px 0 12px;font-size:13.5px}
.pr-trades{flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}
.pr-trades li{border:1px solid var(--line-2);background:var(--bg);color:var(--ivory);border-radius:3px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:13.5px;display:inline-flex}
.pr-milestones{border:1px solid var(--line-2);border-radius:3px;flex-direction:column;margin:0 0 12px;padding:0;list-style:none;display:flex;overflow:hidden}
.pr-milestones li{background:var(--bg);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px;display:grid}
.pr-milestones li+li{border-top:1px solid var(--line)}
.pr-milestone-text{flex-direction:column;gap:2px;display:flex}
.pr-milestone-text strong{color:#ffd100;font-size:14px}
.pr-milestone-text span{color:var(--text-muted);font-size:12.5px}
.pr-points{color:var(--game-green);white-space:nowrap;font-size:13px;font-weight:700}
.pr-perks{flex-direction:column;margin:0 -18px;display:flex}
.pr-perk{border-top:1px solid var(--line);width:100%;color:var(--text);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;padding:11px 18px;display:grid}
.pr-perk-values{color:#fff;font-weight:700}
.pr-perk-text{flex-direction:column;gap:3px;min-width:0;display:flex}
.pr-perk-text strong{color:#ffd100;font-size:14px;font-weight:700;line-height:1.2}
.pr-perk-text>span{color:var(--ivory-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.4;display:-webkit-box;overflow:hidden}
.pr-perk-meta{color:var(--text-muted);font-size:12.5px;line-height:1.4}
.pr-perk-plan{white-space:nowrap;padding:6px 0 6px 8px;font-size:13px}
.pr-racials{gap:10px;margin:0 0 12px;padding:0;list-style:none;display:grid}
.pr-racials li{border:1px solid var(--line-2);background:var(--bg);border-radius:3px;grid-template-columns:minmax(0,1fr) auto;gap:2px 14px;padding:10px 12px;font-size:13.5px;display:grid}
.pr-racials strong{color:var(--ivory);font-size:14px}
.pr-racials span{color:var(--ivory-2);grid-column:1}
.pr-racials a{white-space:nowrap;grid-area:1/2/span 2;align-self:center}
.pr-details{border-top:1px solid var(--line);color:var(--text-muted);padding:12px 18px 14px;font-size:13.5px}
.pr-details summary{cursor:pointer;color:var(--text-muted)}
.pr-details summary:hover{color:var(--ivory)}
.pr-details p{margin:10px 0 0}
.pr-sources{flex-wrap:wrap;gap:6px 16px;margin-top:10px;display:flex}
.pr-tooltip{background:#06080cf5;border:1px solid #8a7d5a;border-radius:3px;margin:14px 20px 0;padding:10px 12px;box-shadow:0 6px 20px #00000080}
.pr-tooltip-row{color:#fff;justify-content:space-between;gap:12px;font-size:15px;font-weight:700;display:flex}
.pr-tooltip small{color:var(--text-muted);margin-top:2px;font-size:12.5px;display:block}
.pr-tooltip p{color:var(--game-yellow);margin:8px 0 0;font-size:14px;line-height:1.5}
.pr-detail-actions{margin:12px 20px 0;font-size:13.5px}
.pr-detail .p-evidence{margin:12px 20px 0;padding-bottom:10px}
.pr-beta{color:var(--text-muted);margin:-6px 0 12px;font-size:13.5px;line-height:1.45;display:block}
.pr-beta-mark{vertical-align:1px;font-family:var(--font-sans);letter-spacing:.07em;text-transform:uppercase;color:#d9bd7a;background:#b08d4a38;border-radius:2px;margin-right:8px;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.5;display:inline-block}
.pr-camp .pr-milestone-text strong a{color:inherit;text-decoration:none}
.pr-camp .pr-milestone-text strong a:hover{text-decoration:underline}
.pr-camp-skill{color:var(--text-muted);white-space:nowrap;font-size:12.5px}
.pr-client{gap:10px;margin:0 0 12px;padding:0;list-style:none;display:grid}
.pr-client li{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;display:grid}
.pr-client li>span{flex-direction:column;gap:2px;display:flex}
.pr-client strong{color:#ffd100;font-size:14.5px}
.pr-client strong a{color:inherit;text-decoration:none}
.pr-client strong a:hover{text-decoration:underline}
.pr-client li>span>span{color:var(--ivory-2);font-size:13.5px;line-height:1.45}
.pr-client b{color:#fff}
.pr2-camp-cell{cursor:help}
.pr2-camp-cell small{color:var(--text-muted);font-size:12px}
.pr2-section-note.pr-beta{margin-top:0}
@media (max-width:1099px){.pr-planner-card,.pr-menu{display:none}}
.pr-menu a{color:var(--ivory-2);border-left:3px solid #0000;justify-content:space-between;align-items:center;gap:10px;padding:9px 14px;font-size:14px;text-decoration:none;display:flex}
.pr-menu a+a{border-top:1px solid var(--line)}
.pr-menu a:hover{background:var(--bg-3);color:#fff;text-decoration:none}
.pr-menu a[aria-current=page]{border-left-color:var(--accent-strong);background:var(--accent-soft);color:#fff;font-weight:700}
.pr-menu a[aria-current=page] small{color:var(--accent)}
.pr-overview{grid-template-columns:1fr;gap:20px;display:grid}
.pr-cards{flex-direction:column;display:flex}
.pr-card{border-bottom:1px solid var(--line);color:var(--text);transition:background-color .12s var(--ease);border-left:3px solid #0000;grid-template-columns:48px minmax(0,1fr) auto 14px;align-items:center;gap:14px;padding:12px 14px 12px 16px;text-decoration:none;display:grid}
.pr-card:last-child{border-bottom:0}
.pr-card:hover{background:var(--bg-3);color:var(--text);text-decoration:none}
.pr-card:hover .v2-chevron{opacity:1;color:var(--accent)}
.pr-card-text{flex-direction:column;gap:3px;min-width:0;display:flex}
.pr-card-text strong{color:#ffd100;font-size:14px;font-weight:700}
.pr-card:hover .pr-card-text strong{color:#ffe566}
.pr-card-text>span{color:var(--ivory-2);font-size:13.5px;line-height:1.4}
.pr-card-meta{color:var(--text-muted);white-space:nowrap;font-size:12.5px}
@media (min-width:900px){.pr-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-overview>section:first-child{grid-column:1/-1}}
@media (max-width:640px){.pr-card{grid-template-columns:40px minmax(0,1fr)}.pr-card-meta,.pr-card .v2-chevron{display:none}}
.pr-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 12px;padding:0;list-style:none;display:grid}
.pr-steps li{border:1px solid var(--line-2);background:var(--bg);border-radius:3px;gap:10px;padding:12px;display:flex}
.pr-steps li>span:last-child{color:var(--ivory-2);flex-direction:column;gap:3px;font-size:13px;display:flex}
.pr-steps strong{color:var(--ivory);font-size:14px}
.pr-step-n{background:var(--accent-soft);width:24px;height:24px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:12.5px;font-weight:700;display:grid}
.pr-tips{color:var(--ivory-2);margin:0 0 12px;padding-left:18px;font-size:13.5px;line-height:1.5}
.pr-tips li+li{margin-top:6px}
.pr-tips li::marker{color:var(--accent)}
.pr-verify{margin:10px 0 0;padding-left:18px;line-height:1.5}
.pr-verify li::marker{color:var(--gold)}
.pr-perk-note{border-left:3px solid var(--accent-strong);background:var(--accent-soft);color:var(--ivory);margin:10px 20px 0;padding:8px 12px;font-size:13.5px;line-height:1.5}
.pr-classic-note{border-left:3px solid var(--gold);color:var(--ivory);background:#c8a24a14;grid-column:1/-1;margin:0;padding:10px 14px;font-size:14px}
.pr-group{grid-column:1/-1}
.pr-group h2{font:700 18px var(--font-sans);color:var(--ivory);margin:6px 0 12px}
.pr-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}
.pr-tile{border:1px solid var(--line-2);background:var(--bg-2);color:var(--text);transition:border-color .15s var(--ease), transform .15s var(--ease);border-radius:3px;flex-direction:column;gap:10px;padding:14px;text-decoration:none;display:flex}
.pr-tile:hover{border-color:var(--accent-strong);color:var(--text);text-decoration:none;transform:translateY(-2px)}
.pr-tile:hover .v2-chevron{opacity:1;color:var(--accent)}
.pr-tile-head{align-items:center;gap:12px;display:flex}
.pr-tile-head strong{color:#fff;flex:1;font-size:16px}
.pr-tile-summary{color:var(--ivory-2);margin:0;font-size:13.5px;line-height:1.45}
.pr-tile-foot{border-top:1px solid var(--line);color:var(--text-muted);margin-top:auto;padding-top:8px;font-size:12.5px}
.pr-bonuses{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}
.pr-bonus{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;display:grid}
.pr-bonus-text{flex-direction:column;gap:2px;min-width:0;display:flex}
.pr-bonus-text strong{color:#ffd100;align-items:baseline;gap:8px;font-size:14.5px;display:flex}
.pr-bonus-text strong small{color:var(--text-muted);font-size:11px;font-weight:400}
.pr-bonus-text>span{color:var(--ivory-2);font-size:13.5px;line-height:1.45}
.pr-bonus-note .pr-bonus-text strong{color:var(--ivory-2)}
.pr-tile .pr-bonus-text strong{font-size:13.5px}
.pr-tile .pr-bonus-text>span{font-size:12.5px}
.pr-tile .pr-bonus-text strong small{display:none}
.pr-changes .pr-bonuses{margin-bottom:12px}
.pr-status{margin-top:0}
.pr-classic-line{border-left:3px solid var(--gold);color:var(--ivory);background:#c8a24a14;margin:0 0 12px;padding:8px 12px;font-size:13.5px}
.pr-classic-line strong{color:var(--gold);margin-right:4px}
.pr-perks-shared .pr-perk{grid-template-columns:32px minmax(0,1fr) auto;padding-block:8px}
.pr-perks-shared .pr-perk-text strong{color:var(--ivory);font-size:14px}
.pr-perks-shared .pr-perk-text>span{color:var(--text-muted);font-size:13px}
.pr-updated{color:var(--text-muted);margin:14px 0 0;font-size:12.5px}
.pr-overview .pr-updated{grid-column:1/-1}
.pr-prevnext{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 18px;display:flex}
.pr-prevnext a{color:var(--ivory-2);align-items:center;gap:8px;font-size:14px;text-decoration:none;display:inline-flex}
.pr-prevnext a:hover{color:#fff;text-decoration:none}
.pr-prevnext a>span:first-child{color:var(--accent);font-size:20px;line-height:1}
.pr-next{flex-direction:row-reverse}
.cr-list{background:#06080c}
.cr-row{grid-template-columns:minmax(200px,1.3fr) minmax(170px,1fr) 40px minmax(170px,1fr);align-items:center;gap:14px;padding:5px 16px;display:grid}
.cr-row+.cr-row{border-top:1px solid #141922}
.cr-row:hover{background:#0c1017}
.cr-made{align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}
.cr-made img{border:1px solid #4b4b4b;border-radius:3px;flex:none}
.cr-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:600;overflow:hidden}
.cr-made:hover .cr-name{text-decoration:underline}
.cr-name small{color:var(--text-muted);font-weight:400}
.cr-made .v2-tag{flex:none;padding:1px 5px;font-size:10px}
.cr-mats{flex-wrap:wrap;gap:4px;display:flex}
.cr-mat{line-height:0;display:block;position:relative}
.cr-mat img,.cr-mat .en3-mat-empty{border:1px solid #4b4b4b;border-radius:3px;width:30px;height:30px}
.cr-mat b{color:#fff;text-shadow:0 0 2px #000,1px 1px 1px #000,-1px -1px 1px #000;font-size:11.5px;font-weight:700;line-height:1;position:absolute;bottom:1px;right:2px}
.cr-mat:hover img{border-color:var(--game-yellow-soft)}
.cr-src{min-width:0}
.cr-src .en3-src{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;display:block;overflow:hidden}
.cr-src:hover .en3-src,.cr-src:focus-within .en3-src{white-space:normal;overflow:visible}
.cr-hover .it-meta{display:none}
.cr-hover-extra{background:#06080c;border:1px solid #a79770;border-top-color:#2a2f38;margin-top:-1px;padding:8px 10px;font-size:12.5px;line-height:1.45;box-shadow:0 4px 14px #000a}
.cr-hover-extra p{margin:0}
.cr-hover-extra p+p{margin-top:4px}
.cr-hover-extra .en3-src{font-size:12.5px}
.cr-set{color:var(--game-yellow-soft)}
.cr-row:target{outline-offset:-1px;background:#ffd10012;outline:1px solid #ffd10059;scroll-margin-top:120px}
.en3-lv-made{text-decoration:none}
.en3-lv-made:hover strong{text-decoration:underline}
.cr .en3-tools{flex-wrap:wrap}
@media (max-width:900px){.cr-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:7px 14px}.cr-row>.cr-made{grid-column:1}.cr-row>.en3-skill{grid-area:1/2}.cr-row>.cr-mats,.cr-row>.cr-src{grid-column:1/-1}}
.lv-shopping{gap:2em;margin-top:26px;scroll-margin-top:64px;display:grid}
.lv-list{padding-bottom:6px}
.lv-head{flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:16px 20px 6px;display:flex}
.lv-head h3{font:700 19px var(--font-display,var(--font-sans));color:var(--ivory);margin:0}
.lv-head span{color:var(--text-muted);font-size:13px}
details.lv-list>summary{cursor:pointer;padding-bottom:14px;list-style:none}
details.lv-list>summary::-webkit-details-marker{display:none}
details.lv-list>summary h3:after{content:" ›";color:var(--text-muted)}
details.lv-list[open]>summary h3:after{content:" ⌄"}
details.lv-list[open]{opacity:.6}
.lv-group{padding:14px 20px 6px}
.lv-group+.lv-group{border-top:1px solid var(--line)}
.lv-group h4{font:600 14px var(--font-sans);color:var(--game-yellow-soft);flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0 0 8px;display:flex}
.lv-group h4 small{color:var(--text-muted);font-size:12.5px;font-weight:400}
.lv-row img,.lv-row .en3-mat-empty{border:1px solid #4b4b4b;border-radius:3px;width:32px;height:32px}
.lv-row:hover{background:#0c1017}
.lv-row:hover .lv-name{text-decoration:underline}
.lv-name{min-width:0;font-size:14px;line-height:1.3}
.gt-node{grid-template-columns:minmax(230px,1.1fr) minmax(200px,1.4fr) 44px;align-items:center;gap:2em;padding:10px 16px;display:grid}
.gt-node+.gt-node,.gt-water+.gt-water{border-top:1px solid #1a202b}
.gt-node-name{align-items:center;gap:11px;min-width:0;display:flex}
.gt-node-name img{border:1px solid #4b4b4b;border-radius:3px;flex:none}
.gt-node-name>span{flex-direction:column;gap:2px;min-width:0;display:flex}
.gt-node-name strong{color:#fff;font-size:14.5px;font-weight:600}
.gt-node-name small{color:var(--text-muted);font-size:12.5px}
.gt-nodes .en3-lv-cap{border-top:1px solid var(--gold-2)}
.gt-route .gt-step,.gt-route .gt-skin{grid-template-columns:120px minmax(220px,1.2fr) minmax(160px,1fr)}
.gt-step-icons{justify-content:flex-end;gap:6px;display:flex}
.gt-step-icons img{border:1px solid #4b4b4b;border-radius:3px}
.gt-here{background:#ffd10012}
.gt-calc{margin-bottom:4px}
.gt-calc-out{color:var(--ivory-2);margin:0;padding:0 16px 14px;font-size:14px}
.gt-calc-out b{color:var(--game-yellow)}
.gt-water{grid-template-columns:170px minmax(0,1fr) 150px;align-items:baseline;gap:2em;padding:10px 16px;display:grid}
.gt-water-skill b{color:#fff;font-variant-numeric:tabular-nums;font-size:16px;display:block}
.gt-water-skill small{color:var(--text-muted);font-size:12px}
.gt-water-zones{color:var(--ivory-2);font-size:13.5px;line-height:1.5}
.gt-water-from{color:var(--text-muted);text-align:right;font-size:12.5px}
.gt-water-hard{opacity:.45}
.gt-sub{margin:-4px 0 10px}
.gt-steps .gt-step-n{border:1px solid var(--gold-2);width:30px;height:30px;font:700 14px var(--font-display,var(--font-sans));color:var(--game-yellow);border-radius:50%;flex:none;place-items:center;display:inline-grid}
@media (max-width:900px){.gt-node{grid-template-columns:minmax(0,1fr) auto}.gt-node>.en3-mats{grid-area:2/1/auto/-1}.gt-node>.en3-skill{grid-area:1/2}.gt-route .gt-step,.gt-route .gt-skin{grid-template-columns:minmax(0,1fr)}.gt-step-icons{justify-content:flex-start}.gt-water{grid-template-columns:minmax(0,1fr);gap:4px}.gt-water-from{text-align:left}}
.cr-one li{padding:3px 0}
.cr-one li>a>span{flex-direction:row}
.cr-one li>a>span>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
span.cr-made{cursor:default}
span.cr-made:hover .cr-name{text-decoration:none}
.cr-hover-extra .en3-effect{font-size:13px}
.cr-xp{margin:0 0 14px}
.en3-page{max-width:var(--v2-max,1180px);margin:0 auto;padding:4px 24px 72px}
.pr2 .v2-work:not(.pr-overview){grid-template-columns:210px minmax(0,1fr);align-items:start}
.pr2 .pr-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pr2 .pr-tile{gap:10px;padding:18px}
.pr2 .pr-tile:hover{transform:none}
.pr2 .pr-tile-summary{font-size:14px;line-height:1.6}
.pr2 .pr-tile-foot{justify-content:space-between;padding-top:12px;font-size:12px;display:flex}
.pr2-evidence{color:#aebfce;font-size:12px;line-height:1.5;display:block}
.pr2-unconfirmed{color:#deb987}
.pr2 .pr2-card-report{color:var(--text-muted);border-top:1px solid var(--line);margin:0;padding-top:8px;font-size:12px;line-height:1.5}
.pr2 .pr-changes>.pr2-evidence{margin-bottom:14px}
.pr2 .pr-changes>.pr-note{margin-top:8px;line-height:1.6}
.pr2 .pr2-comparison-note{color:var(--text-muted);margin:12px 0;font-size:12px}
.pr2 .pr-main{max-width:none}
.pr2 .pr-block{padding:20px 22px 12px}
.pr2 .pr-block h3{font-size:16px}
.pr2 .pr-bonus-text>span{font-size:14px;line-height:1.6}
.pr2 .pr-perks{margin-inline:-22px}
.pr2 .pr-perk{padding-inline:22px}
.pr2 .pr-perk-text>span{-webkit-line-clamp:unset;line-height:1.55;display:block;overflow:visible}
.pr2 a:focus-visible,.pr2 button:focus-visible{outline-offset:3px;outline:2px solid #b4cde0}
.pr2 .pr-bonus-text strong{flex-wrap:wrap}
.pr2 .pr-note,.pr2 .pr-details{line-height:1.6}
@media (max-width:1099px){.pr2 .v2-work:not(.pr-overview){grid-template-columns:180px minmax(0,1fr)}.pr2 .pr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.pr2 .v2-work:not(.pr-overview),.pr2 .pr-grid{grid-template-columns:minmax(0,1fr)}.pr2 .pr-tile{padding:16px}.pr2 .pr-block{padding:16px 14px 10px}.pr2 .pr-perks{margin-inline:-14px}.pr2 .pr-perk{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:4px 10px;padding:12px 14px}.pr2 .pr-perk>.v2-icon{width:32px;height:32px}.pr2 .pr-perk-plan{grid-column:2;justify-self:start;margin:-8px 0 -10px;padding:12px 16px 12px 0}.pr2 .pr-milestones li{grid-template-columns:30px minmax(0,1fr);gap:8px}.pr2 .pr-points{grid-column:2}.pr2 .pr-racials li{flex-direction:column;gap:6px;display:flex}.pr2 .pr-prevnext{gap:6px;padding:12px}.pr2 .pr-prevnext a{gap:5px;font-size:12px}.pr2 .pr-prevnext .v2-icon{display:none}}
.pr2 .pr2-milestone-note{margin-top:8px}
.pr2 .pr-overview .pr2-card-bonuses{border-top:1px solid var(--line);padding-top:12px}
.pr2 .pr-overview .pr2-card-bonuses>.pr2-evidence{margin-bottom:10px}
.pr2 .pr-overview .pr-bonuses{gap:14px}
.pr2 .pr-overview .pr-bonus-text>span{font-size:13px;line-height:1.6}
.pr2 .pr2-section{grid-column:1/-1;min-width:0}
.pr2 .pr2-section h2{font:700 18px var(--font-sans);color:var(--ivory);margin:6px 0 12px}
.pr2 .pr2-section-note{color:var(--ivory-2);margin:0 0 12px;font-size:14px;line-height:1.6}
.pr2 .pr2-section-note:last-child{color:var(--text-muted);margin:12px 0 0}
.pr2 .pr2-changes{grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:14px;display:grid}
.pr2 .pr2-change{border:1px solid var(--line-2);background:var(--bg-2);color:var(--text);border-radius:3px;flex-direction:column;gap:10px;padding:16px;text-decoration:none;display:flex}
.pr2 a.pr2-change:hover{border-color:var(--accent-strong);color:var(--text);text-decoration:none}
.pr2 a.pr2-change:hover .pr2-change-more{color:#fff}
.pr2 .pr2-change-lead{background:linear-gradient(#1eff0009,#1eff0009),var(--bg-2);border-color:#1eff0047}
.pr2 .pr2-change-head{align-items:center;gap:10px;display:flex}
.pr2 .pr2-change-head strong{color:#fff;font-size:16px}
.pr2 .pr2-change p{color:var(--ivory-2);margin:0;font-size:14px;line-height:1.6}
.pr2 .pr2-change-more{color:var(--accent);margin-top:auto;font-size:13px}
.pr2 .pr2-camp-wrap{border:1px solid var(--line-2);background:var(--bg-2);border-radius:3px;overflow-x:auto}
.pr2 .pr2-camp{border-collapse:collapse;width:100%;font-size:14px}
.pr2 .pr2-camp th,.pr2 .pr2-camp td{text-align:left;border-top:1px solid var(--line);white-space:nowrap;padding:9px 14px}
.pr2 .pr2-camp thead th{color:var(--text-muted);background:var(--bg-3);border-top:0;font-size:12.5px;font-weight:600}
.pr2 .pr2-camp tbody th{font-weight:400}
.pr2 .pr2-camp tbody th a{color:#fff;align-items:center;gap:10px;text-decoration:none;display:inline-flex}
.pr2 .pr2-camp tbody th a:hover{color:var(--accent)}
.pr2 .pr2-camp td{color:#ffd100;font-weight:600}
.pr2 .pr2-camp td:last-child{white-space:normal}
.pr2 .pr2-muted{color:var(--text-muted)}
.pr2 .pr-overview .pr-tile{gap:12px}
.pr2 .pr2-facts{border-top:1px solid var(--line);flex-direction:column;gap:6px;margin:0;padding-top:12px;display:flex}
.pr2 .pr2-facts div{grid-template-columns:58px minmax(0,1fr);gap:8px;font-size:13.5px;line-height:1.45;display:grid}
.pr2 .pr2-facts dt{color:var(--text-muted)}
.pr2 .pr2-facts dd{color:var(--ivory-2);margin:0}
.pr2 .pr2-camp-line{color:var(--ivory-2);margin:0 0 8px;font-size:14px}
.pr2 .pr2-camp-line strong{color:#ffd100}
@media (max-width:600px){.pr2 .v2-stats{flex-wrap:wrap;gap:12px 22px}.pr2 .pr2-changes{grid-template-columns:minmax(0,1fr)}.pr2 .pr2-camp th,.pr2 .pr2-camp td{white-space:normal;vertical-align:top;padding:8px 10px}.pr2 .pr2-camp tbody th .v2-icon{display:none}}
.pr2 .pr-reagents{color:var(--text-muted);font-size:12.5px;line-height:1.45}
.pr2 .pr-reagents a{color:var(--ivory-2);text-decoration:none}
.pr2 .pr-reagents a:hover{color:#fff;text-decoration:underline}
.pr2 .pr-camp-skill{flex-direction:column;align-items:flex-end;gap:2px;display:flex}
.pr2 .pr-camp-skill a{color:var(--accent);font-size:12px;text-decoration:none}
.pr2 .pr-camp-skill a:hover{text-decoration:underline}
.pr2 .pr-milestone-text strong .v2-tag{vertical-align:1px;margin-left:8px}
.pr2 .pr-steps-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.pr2 .pr2-camp-rich th,.pr2 .pr2-camp-rich td{white-space:normal;vertical-align:top}
.pr2 .pr2-camp-rich td a{color:inherit;text-decoration:none}
.pr2 .pr2-camp-rich td a:hover{text-decoration:underline}
.pr2 .pr2-camp-rich small{color:var(--text-muted);margin-top:2px;font-size:12.5px;font-weight:400;line-height:1.45;display:block}
.pr2 .pr2-camp-rich tbody th .pr-reagents{margin-top:3px;display:block}
.pr2 .pr2-camp-buffs td:first-of-type{color:var(--game-green);font-weight:400}
.pr2 .pr2-camp-buffs td:nth-of-type(2),.pr2 .pr2-camp-buffs td:nth-of-type(3){font-weight:400}
.pr2 .pr2-camp-buffs td:nth-of-type(3) a{color:#fff;align-items:center;gap:8px;display:inline-flex}
.pr2 .pr2-camp-buffs tbody th>a{color:#ffd100}
.pr2 .pr2-camp-buffs .pr-reagents-label{display:none}
.pr2 .pr2-camp-buffs .pr-reagents a{color:var(--ivory-2);text-decoration:none}
.pr2 .pr2-camp-buffs .pr-reagents a:hover{color:#fff;text-decoration:underline}
@media (max-width:600px){.pr2 .pr2-camp-rich,.pr2 .pr2-camp-rich tbody{display:block}.pr2 .pr2-camp-rich thead{display:none}.pr2 .pr2-camp-rich tr{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 12px;display:grid}.pr2 .pr2-camp-rich tbody tr:first-child{border-top:0}.pr2 .pr2-camp-rich th,.pr2 .pr2-camp-rich td{border:0;padding:0;display:block}.pr2 .pr2-camp-buffs th{grid-area:1/1}.pr2 .pr2-camp-buffs td:nth-of-type(3){color:var(--text-muted);grid-area:1/2}.pr2 .pr2-camp-buffs td:nth-of-type(3) a{color:var(--ivory-2)}.pr2 .pr2-camp-buffs td:first-of-type,.pr2 .pr2-camp-buffs td:nth-of-type(2){grid-column:1/-1}.pr2 .pr2-camp-rich tbody td .v2-icon{display:none}.pr2 .pr2-camp-buffs .pr-reagents-label{display:inline}.pr2 .pr2-camp-rich td[data-label]{grid-column:1/-1}.pr2 .pr2-camp-rich td[data-label]+td[data-label]{margin-top:6px}.pr2 .pr2-camp-rich td[data-label]:before{content:attr(data-label);color:var(--text-muted);font-size:11.5px;font-weight:400;display:block}}
.pr2 .pr-steps-note{margin:0 0 12px}

/* ==== home (hb-hero/hb-classes/hb-plate) — from 069ibs0whnt_k.css, s6d ==== */
.hb{--hb-max:1356px;--hb-ground:#06080c;--hb-zone:#f3d98b}
.hb .hb-wrap{max-width:var(--hb-max);margin:0 auto;padding-inline:32px}
.hb h1,.hb h2,.hb .hb-plate strong{font-family:var(--font-display), var(--font-sans);letter-spacing:.01em}
.hb-hero{z-index:2;border-bottom:1px solid var(--line);background:#0b0f15;position:relative}
.hb-hero:before{content:"";opacity:.5;filter:saturate(.85);pointer-events:none;background:url(../backgrounds/forever/FZUNXBNP7ECE1789247715285.webp) 50% 58%/cover no-repeat;position:absolute;inset:0}
.hb-hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0b0f15d1,#0b0f1559 48%,#0b0f1599),linear-gradient(#0b0f1533,#0b0f151a 55%,#0b0f15);position:absolute;inset:0}
.hb-hero-inner{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;padding-block:44px 40px;display:grid;position:relative}
.hb-hero h1{color:#fff;text-shadow:0 2px 10px #000000b3;text-wrap:balance;margin:0 0 12px;font-size:38px;font-weight:700;line-height:1.12}
.hb-hero-text p{max-width:58ch;color:var(--ivory-2);margin:0;font-size:15px;line-height:1.6}
.hb-search{border:1px solid var(--line-2);max-width:560px;height:48px;color:var(--text-muted);background:#06080cd1;border-radius:4px;align-items:center;gap:10px;margin-top:24px;padding:0 6px 0 14px;display:flex;box-shadow:inset 0 0 0 1px #000}
.hb-search:focus-within{border-color:var(--accent-strong);box-shadow:inset 0 0 0 1px #000, 0 0 0 3px var(--accent-soft);color:var(--ivory)}
.hb-search input{min-width:0;height:100%;color:var(--ivory);font:15px var(--font-sans);background:0 0;border:0;outline:0;flex:1}
.hb-search input::placeholder{color:var(--text-muted)}
.hb-search button{border:1px solid var(--line-2);background:var(--bg-3);height:36px;color:var(--ivory);font:700 13.5px var(--font-sans);cursor:pointer;border-radius:3px;padding:0 16px}
.hb-search button:hover{border-color:var(--accent-strong);color:#fff}
.hs{z-index:5;position:relative}
.hb-search .hs-clear{width:28px;height:28px;color:var(--text-muted);font:400 20px/1 var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:3px;flex:none;padding:0}
.hb-search .hs-clear:hover{color:#fff}
.hb-search input:focus-visible{outline:none}
.hs-panel{overscroll-behavior:contain;border:1px solid var(--line-2);max-height:min(70vh,560px);color:var(--text);text-align:left;background:#06080c;border-radius:4px;position:absolute;top:calc(100% + 6px);left:-1px;right:-1px;overflow-y:auto;box-shadow:inset 0 0 0 1px #000,0 18px 48px #000000a6}
.hs-group+.hs-group{border-top:1px solid var(--line)}
.hs-group-head{color:var(--text-muted);justify-content:space-between;align-items:baseline;padding:10px 14px 4px;font-size:12.5px;display:flex}
.hs-group-head span{color:var(--ivory-2);font-weight:700}
.hs-row{color:var(--text);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:6px 14px;text-decoration:none;display:grid}
.hs-row:hover{color:var(--text);text-decoration:none}
.hs-row.hs-on{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent-strong)}
.hs-thumb{background:#000 50%/cover no-repeat;border:1px solid #3c3c3c;border-radius:3px;width:32px;height:32px;display:block;box-shadow:0 0 0 1px #000}
.hs-thumb-glyph{color:var(--hb-zone);background:#11161f;place-items:center;display:grid}
.hs-text{flex-direction:column;min-width:0;line-height:1.35;display:flex}
.hs-name{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:700;overflow:hidden}
.hs-name mark{color:inherit;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 55%, transparent);text-decoration-color:color-mix(in srgb, currentColor 55%, transparent);text-underline-offset:3px;background:0 0}
.hs-spell{color:var(--game-yellow)}
.hs-zone{color:var(--hb-zone)}
.hs-plain{color:#fff}
.hs-sub{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:12.5px;overflow:hidden}
.hs-meta{max-width:210px;color:var(--text-muted);text-align:right;flex-direction:column;align-items:flex-end;font-size:12.5px;line-height:1.35;display:flex}
.hs-meta b{color:var(--ivory-2);font-weight:400}
.hs .hs-note,.hs .hs-foot{max-width:none;color:var(--text-muted);margin:0;padding:12px 14px;font-size:13px;line-height:1.5}
.hs .hs-foot{border-top:1px solid var(--line);font-size:12.5px}
.hs-foot kbd{border:1px solid var(--line-2);min-width:18px;font:12px/18px var(--font-sans);text-align:center;color:var(--ivory-2);border-radius:3px;margin-right:3px;padding:0 4px;display:inline-block}
@media (max-width:699px){.hs-meta,.hs-foot{display:none}.hs-panel{max-height:60vh}}
.hb-classes h2{color:var(--hb-zone);text-shadow:0 1px 4px #000;margin:0 0 14px;font-size:19px;font-weight:700}
.hb-classes ul{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}
.hb-classes li a{color:var(--ivory-2);flex-direction:column;align-items:center;gap:7px;padding:4px 0;font-size:12.5px;text-decoration:none;display:flex}
.hb-classes li img{aspect-ratio:1;width:56px;max-width:100%;height:auto;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);background:#000;border:2px solid #5a5340;border-radius:3px;display:block;box-shadow:0 0 0 1px #000,0 4px 12px #00000080}
.hb-classes li a:hover{color:#fff}
.hb-classes li a:hover img,.hb-classes li a:focus-visible img{border-color:var(--game-yellow);box-shadow:0 0 0 1px #000,0 0 16px #ffd10059}
.hb-classes p{color:var(--text-muted);margin:14px 0 0;font-size:13px;line-height:1.55}
.hb-main{padding-block:40px 24px}
.hb .hb-title{color:var(--ivory);margin:0 0 18px;font-size:22px;font-weight:700}
.hb-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:2em;display:grid}
.hb-plate{border:1px solid var(--line-2);background:var(--hb-ground);min-width:0;color:var(--text);border-radius:4px;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000}
a.hb-plate:hover,a.hb-plate:focus-visible{color:var(--text);border-color:#8a7d5a;text-decoration:none}
.hb-plate-body{color:var(--ivory-2);flex-direction:column;gap:6px;padding:16px 18px 18px;font-size:14px;line-height:1.55;display:flex;position:relative}
.hb .hb-plate strong{color:var(--hb-zone);text-shadow:0 1px 3px #000;font-size:21px;font-weight:700;line-height:1.2}
a.hb-plate:hover strong,.hb-plate-head:hover strong{color:var(--game-yellow)}
.hb-plate-head{text-decoration:none}
.hb-art{width:100%;height:auto;display:block}
.hb-map{grid-area:span 2/span 5}
.hb-map-view{flex:1 1 0;min-height:520px;position:relative;overflow:hidden}
.hb-map .hb-art{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}
.hb-map-video{opacity:0;transition:opacity .9s ease-in-out}
.hb-map[data-playing] .hb-map-video{opacity:1}
.hb-map .hb-plate-body{background:linear-gradient(#06080ceb,#06080cbf 62%,#0000);padding:20px 22px 60px;position:absolute;top:0;left:0;right:0}
.hb .hb-map strong{font-size:26px}
.hb-map .hb-plate-body>span{max-width:50ch;color:var(--ivory);text-shadow:0 1px 3px #000}
.hb-map .hb-plate-body>small{color:var(--text-muted);font-size:12.5px}
.hb-talents{grid-column:span 7}
.hb-talents .hb-art{object-fit:cover;object-position:center top;border-bottom:1px solid #000;height:250px}
.hb-dungeons{grid-column:span 7}
.hb-dg{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0 18px;list-style:none;display:grid}
.hb-dg a{color:#fff;text-shadow:0 1px 3px #000,0 0 8px #000;background:#000;border:1px solid #2a3a52;border-radius:3px;justify-content:space-between;align-items:flex-end;gap:8px;height:100%;min-height:72px;padding:7px 10px;font-size:13.5px;font-weight:700;line-height:1.2;text-decoration:none;display:flex;position:relative;overflow:hidden}
.hb-dg a:before{content:"";background:var(--art) center / cover no-repeat;opacity:.78;transition:opacity .15s var(--ease);position:absolute;inset:0}
.hb-dg a:after{content:"";background:linear-gradient(#0000000d,#000000b8);position:absolute;inset:0}
.hb-dg a>*{z-index:1;position:relative}
.hb-dg-name{flex-direction:column;gap:2px;min-width:0;display:flex}
.hb-dg-name em{white-space:nowrap;color:var(--ivory-2);font-size:12px;font-style:normal;font-weight:400}
.hb-dg a[data-known=no]:before{opacity:.38;filter:saturate(.5)}
.hb-dg a[data-known=no] .hb-dg-name em{color:var(--text-muted)}
.hb-dg a small{color:var(--ivory-2);font-variant-numeric:tabular-nums;flex:none;font-size:12.5px;font-weight:400}
.hb-dg a:hover,.hb-dg a:focus-visible{border-color:var(--accent-strong)}
.hb-dg a:hover:before{opacity:.9}
.hb-more{color:var(--accent);align-self:flex-start;font-size:14px}
.hb-dg-foot{color:var(--text-muted);flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:14px 18px 18px;font-size:13.5px;display:flex}
.hb-dg-live a{min-height:104px}
.hb-dg-live a:after{background:linear-gradient(#0000001a,#000000d1)}
.hb-dg-live .hb-dg-name{gap:3px}
.hb-dg-name em.hb-dg-seen{color:var(--game-yellow)}
.hb-dg-name b{color:#8fe07f;font:700 9.5px/1.5 var(--font-sans);letter-spacing:.05em;text-transform:uppercase;background:#7ccf6e33;border-radius:2px;align-self:flex-start;padding:1px 5px}
.hb-items,.hb-legacy,.hb-spellbook{grid-column:span 4}
.hb-items .hb-tip,.hb-legacy .hb-portraits,.hb-spellbook .hb-art{border-bottom:1px solid var(--line);height:214px}
.hb-spellbook .hb-art{object-fit:cover;object-position:center 30%}
.hb-tip{background:radial-gradient(120% 100% at 50% 0, #111826, var(--hb-ground) 70%);color:#fff;flex-direction:column;justify-content:center;padding:14px 22px;font-size:13.5px;line-height:1.45;display:flex}
.hb-tip-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}
.hb-tip-head img{border:1px solid #4b4b4b;border-radius:4px}
.hb-tip-head b{font-size:16px;font-weight:600}
.hb-tip-line{justify-content:space-between;gap:14px;display:flex}
.hb-portraits{background:#1d1a18;justify-content:space-evenly;align-items:center;padding:0 14px;display:flex}
.hb-portraits>span{flex-direction:column;align-items:center;gap:9px;display:flex}
.hb-portraits img{object-fit:cover;border:3px solid #3d3a36;border-radius:50%;width:92px;height:92px;display:block;box-shadow:0 0 0 1px #000,0 4px 14px #0009}
.hb-portraits>span:nth-child(2) img{border-color:var(--game-yellow)}
.hb-portraits small{color:#fff;font-size:12.5px;font-weight:700}
.hb-also{border:1px solid var(--line-2);background:var(--hb-ground);border-radius:4px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:16px 0 0;padding:0;list-style:none;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #000}
.hb-also li+li{border-left:1px solid var(--line)}
.hb-also a{height:100%;color:var(--text);align-items:flex-start;gap:12px;padding:14px 16px;text-decoration:none;display:flex}
.hb-also a:hover{color:var(--text);background:#f3d98b0a}
.hb-also img{border:1px solid #3c3c3c;border-radius:3px;flex:none;box-shadow:0 0 0 1px #000}
.hb-also span{flex-direction:column;gap:3px;min-width:0;display:flex}
.hb-also strong{color:var(--ivory);font-size:14.5px}
.hb-also a:hover strong{color:#fff}
.hb-also small{color:var(--text-muted);font-size:13px;line-height:1.5}
.hb-also:has(>li:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1299px){.hb-also:has(>li:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr))}.hb-also:has(>li:nth-child(5)) li:nth-child(odd){border-left:0}.hb-also:has(>li:nth-child(5)) li:nth-child(n+3){border-top:1px solid var(--line)}.hb-also li:nth-child(5):last-child{grid-column:1/-1}}
.hb-guides{margin-top:64px}
.hb-guides-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 20px;margin-bottom:18px;display:flex}
.hb .hb-guides-head .hb-title{margin:0}
.hb-guides-head .hb-more{font-weight:700}
.hb-gd{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}
.hb-gd-card{height:100%;color:var(--text);flex-direction:column;gap:14px;text-decoration:none;display:flex}
.hb-gd-card:hover,.hb-gd-card:focus-visible{color:var(--text);text-decoration:none}
.hb-gd-art{isolation:isolate;aspect-ratio:16/9;transition:border-color .15s var(--ease);background:#000;border:2px solid #5a5340;border-radius:3px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000,0 10px 28px #0000008c}
.hb-gd-card:hover .hb-gd-art,.hb-gd-card:focus-visible .hb-gd-art{border-color:#8a7d5a}
.hb-gd-place,.hb-gd-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}
.hb-gd-place{filter:brightness(.6)saturate(1.1)}
.hb-gd-pets .hb-gd-place{filter:brightness(.46)saturate(1.05)}
.hb-gd-photo{object-position:center 42%;filter:brightness(.92)}
.hb-gd-object{mix-blend-mode:lighten;width:auto;height:116%;position:absolute;top:-6%;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(#000 50%,#0000 72%);mask-image:radial-gradient(#000 50%,#0000 72%)}
.hb-gd-pets .hb-gd-object{filter:brightness(.85)sepia(.15)}
.hb-gd-text{flex-direction:column;gap:6px;display:flex}
.hb .hb-gd-text strong{font:700 23px/1.15 var(--font-display), Georgia, serif;letter-spacing:.01em;color:var(--hb-zone)}
.hb-gd-card:hover strong,.hb-gd-card:focus-visible strong{color:var(--game-yellow)}
.hb-gd-text>span{max-width:46ch;color:var(--ivory-2);font-size:14px;line-height:1.55}
@media (prefers-reduced-motion:no-preference){.hb-gd-place,.hb-gd-photo,.hb-gd-object{transition:transform .6s var(--ease)}.hb-gd-card:hover .hb-gd-place,.hb-gd-card:hover .hb-gd-photo{transform:scale(1.04)}}
.hb-scene{isolation:isolate;background:#0b0f15;padding-block:72px 64px;position:relative;overflow:hidden}
.hb-scene:before{content:"";z-index:-2;opacity:.85;filter:saturate(.9)brightness(1.15);background:url(../backgrounds/forever/E6M8FPNN5PIW1789249925638.webp) 50% 40%/cover no-repeat;position:absolute;inset:0}
.hb-scene:after{content:"";z-index:-1;background:linear-gradient(180deg, var(--bg) 0, #0b0f1533 22%, #0b0f154d 72%, #0b0f15), linear-gradient(90deg, #0b0f15a6, #0b0f150d 50%, #0b0f1566);position:absolute;inset:0}
.hb-scene-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px 40px;margin-bottom:30px;display:flex}
.hb .hb-scene h2{color:#fff;text-shadow:0 2px 10px #000000b3;margin:0 0 10px;font-size:32px;font-weight:700;line-height:1.15}
.hb-scene-head p{max-width:62ch;color:var(--ivory-2);text-shadow:0 1px 4px #000;margin:0;font-size:15px;line-height:1.6}
.hb-scene-all{border:1px solid var(--line-2);height:40px;color:var(--ivory);font:700 13.5px var(--font-sans);background:#06080cd1;border-radius:3px;flex:none;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1px #000}
.hb-scene-all:hover{border-color:var(--accent-strong);color:#fff;text-decoration:none}
.hb-tips{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px 28px;margin:0;padding:0;list-style:none;display:grid}
.hb-tips .hb-tip-item{color:#fff;width:100%;text-decoration:none}
.hb-tips .hb-tip-item:hover{color:#fff;text-decoration:none}
.hb-tips .hb-tip-box{padding:11px 14px 12px;font-size:13.5px;box-shadow:0 8px 24px #00000080}
.hb-tips .hb-tip-box>b{color:#fff;font-size:15.5px;font-weight:700}
.hb-tips .hb-tip-item:hover .hb-tip-box>b{color:var(--game-yellow)}
.hb-tips .hb-tip-item:hover .hb-tip-icon{border-color:var(--game-yellow)}
.hb-tip-class{font-size:12.5px}
.hb-tip-desc{color:var(--game-yellow);margin-top:4px}
.hb-build{max-width:96ch;color:var(--ivory-2);text-shadow:0 1px 3px #000;align-items:center;gap:12px;margin:34px 0 0;font-size:13.5px;line-height:1.6;display:flex}
.hb-build img{border:2px solid #5a5340;border-radius:3px;flex:none;box-shadow:0 0 0 1px #000}
@media (max-width:1099px){.hb-hero-inner{grid-template-columns:1fr;gap:30px;padding-block:32px 30px}.hb-map{grid-area:auto/span 12}.hb-map-view{flex:none;height:460px;min-height:0}.hb-talents,.hb-dungeons{grid-column:span 12}.hb-items,.hb-legacy,.hb-spellbook{grid-column:span 6}.hb-spellbook{grid-column:span 12}.hb-also{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-also li:nth-child(3){border-left:0}.hb-also li:nth-child(n+3){border-top:1px solid var(--line)}.hb-gd{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.hb-gd li:last-child{grid-column:span 2}.hb-gd li:last-child .hb-gd-art{aspect-ratio:21/8}.hb-tips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:699px){.hb .hb-wrap{padding-inline:16px}.hb-hero h1{font-size:28px}.hb-search button{display:none}.hb-search{padding-right:14px}.hb-search input{font-size:16px}.hb-classes ul{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 6px}.hb-main{padding-block:28px 56px}.hb-map-view{height:300px}.hb-map .hb-plate-body{background:0 0;order:2;padding:16px 18px 18px;position:relative}.hb .hb-map strong{font-size:21px}.hb-talents .hb-art{height:170px}.hb-dg{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-dg-live a{min-height:118px}.hb-dg-live a small{text-shadow:0 1px 2px #000;position:absolute;top:7px;right:9px}.hb-dg-live .hb-dg-name em{white-space:normal}.hb-items,.hb-legacy,.hb-spellbook{grid-column:span 12}.hb-portraits img{width:76px;height:76px}.hb-also{grid-template-columns:1fr}.hb-also li+li{border-left:0;border-top:1px solid var(--line)}.hb-also:has(>li:nth-child(5)){grid-template-columns:1fr}.hb-gd,.hb-tips{grid-template-columns:1fr}.hb-gd li:last-child{grid-column:auto}.hb-gd li:last-child .hb-gd-art{aspect-ratio:16/9}.hb-scene{padding-block:48px 44px}.hb .hb-scene h2{font-size:26px}}
.hb-items .hb-tip{align-items:center;padding:12px 22px}
.hb-tip-item{align-items:flex-start;gap:5px;width:min(100%,350px);display:flex}
.hb-tip-item .hb-tip-box{flex:auto;width:auto;min-width:0}
.hb-tip-icon{border:1px solid #6b6b6b;border-radius:4px;flex:none;width:44px;height:44px;box-shadow:0 0 0 1px #000,0 2px 8px #0009}
.hb-tip-line[data-effect]{color:#1eff00}
.hb-tip-box{background:url(../wow-ui/UI-Tooltip-TL.PNG) 0 0/8px 8px no-repeat,url(../wow-ui/UI-Tooltip-TR.PNG) 100% 0/8px 8px no-repeat,url(../wow-ui/UI-Tooltip-BL.PNG) 0 100%/8px 8px no-repeat,url(../wow-ui/UI-Tooltip-BR.PNG) 100% 100%/8px 8px no-repeat,url(../wow-ui/UI-Tooltip-T.PNG) top/calc(100% - 16px) 8px no-repeat,url(../wow-ui/UI-Tooltip-B.PNG) bottom/calc(100% - 16px) 8px no-repeat,url(../wow-ui/UI-Tooltip-L.PNG) 0/8px calc(100% - 16px) no-repeat,url(../wow-ui/UI-Tooltip-R.PNG) 100%/8px calc(100% - 16px) no-repeat,linear-gradient(#05060cf7,#05060cf7) 50%/calc(100% - 4px) calc(100% - 4px) no-repeat;flex-direction:column;width:min(100%,300px);padding:10px 14px 11px;font-size:13px;line-height:1.5;display:flex}
.hb-tip-box>b{font-size:15px;font-weight:400;line-height:1.35}
.hb-tip-ilvl{color:#ffd100}
@media (max-width:699px){.hb-dg-seen i{display:none}.hb-items .hb-tip,.hb-legacy .hb-portraits,.hb-spellbook .hb-art{height:170px}.hb-items .hb-tip{height:auto;min-height:170px}.hb-tips li:nth-child(n+7){display:none}}
.hb-dg-seen i{font-style:normal}

/* ==== s6d-12 geng brand（s6d-14 重写） ==== */
/* 顶部导航：居中紧凑（按钮间隔约 2 个字宽，覆盖原站 chunk 规则） */
@media (min-width:900px){.site-top .p-header .p-bar nav,.p-shell .p-header .p-bar nav{margin:0 auto!important;justify-content:center!important;gap:0 2em!important}
.site-top .p-header .p-bar nav a,.p-shell .p-header .p-bar nav a{white-space:nowrap;padding:0!important;margin:0!important}}

/* LOGO+站名：左上角（原 p-online 在线人数位置；p-online 无数据时隐藏） */
.site-top .p-header .fc-brand{color:#e8c87a;font:700 17px/1 var(--font-sans);letter-spacing:.08em;text-shadow:0 1px 2px #000;white-space:nowrap;text-decoration:none;position:absolute;top:50%;left:max(32px,50% - 678px);transform:translateY(-50%);z-index:40}
.site-top .p-header .fc-brand img{filter:drop-shadow(0 1px 4px #000);border:1px solid #6b5a33;border-radius:4px;width:34px;height:34px;display:block}
.site-top .p-header .fc-brand b{font:700 19px/1 var(--font-display), Georgia, serif}
.site-top .p-header .fc-brand:hover{color:#ffd98f;text-decoration:none}
.p-masthead{position:relative}
/* footer 免责声明居左（自然宽度） */
.site-legal>div>p{text-align:left}
/* ==== s6d-13 geng pages (g3-*) ==== *//* ==== s6d-13 geng pages (g3-*) ==== */
.g3{max-width:1200px;margin:0 auto;padding:36px 32px 90px}
.g3-hero{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:28px}
.g3-hero h1{font:700 30px/1.2 var(--font-display), Georgia, serif;color:var(--ivory);margin:0 0 12px}
.g3-hero>p{color:var(--text-muted);font-size:14.5px;line-height:1.65;margin:0;max-width:72ch}
.g3-crumb{color:var(--text-muted);font-size:12.5px;margin:0 0 14px}
.g3-crumb a{color:var(--accent);text-decoration:none}
.g3-crumb a:hover{text-decoration:underline}
.g3-crumb i{margin:0 8px;color:var(--line-2);font-style:normal}
.g3-hero code{background:#000000a8;border:1px solid var(--line);border-radius:3px;color:#ffd98f;padding:1px 6px;font-size:13px}
.g3-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.g3-card{color:var(--text);background:linear-gradient(180deg,#12161f,#0d1119);border:1px solid var(--line-2);border-radius:4px;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 18px 16px;text-decoration:none;display:flex;position:relative;overflow:hidden;transition:border-color .15s var(--ease), transform .15s var(--ease)}
.g3-card:hover{border-color:var(--accent-strong);color:var(--text);text-decoration:none;transform:translateY(-2px)}
.g3-card strong{color:var(--ivory);font:700 17px/1.3 var(--font-display), Georgia, serif}
.g3-card:hover strong{color:#fff}
.g3-card em{color:var(--game-yellow-soft);font-size:11.5px;font-style:normal;letter-spacing:.08em;text-transform:uppercase}
.g3-card p{color:var(--text-muted);font-size:13.5px;line-height:1.6;margin:0}
.g3-icon{background:var(--art) center/cover no-repeat, #000;border:1px solid #4a4536;border-radius:3px;box-shadow:0 0 0 1px #000;width:52px;height:52px;display:block}
.g3-more{color:var(--accent);font-size:13px;margin-top:auto}
.g3-card.g3-static{cursor:default}
.g3-card.g3-static:hover{transform:none}
.g3-note{background:#0d1119;border:1px solid var(--line);border-radius:4px;margin-top:34px;padding:20px 24px}
.g3-note h2{color:var(--ivory-2);font-size:17px;margin:0 0 10px}
.g3-note p{color:var(--text-muted);font-size:14px;line-height:1.7;margin:0}
.g3-note code{background:#000000a8;border:1px solid var(--line);border-radius:3px;color:#ffd98f;padding:1px 6px;font-size:13px}
.g3-macros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.g3-macro{background:linear-gradient(180deg,#12161f,#0d1119);border:1px solid var(--line-2);border-radius:4px;padding:18px 20px}
.g3-macro h2{color:var(--ivory);font:700 16px/1.3 var(--font-display), Georgia, serif;margin:0 0 12px}
.g3-macro pre{background:#05070b;border:1px solid #000;border-radius:3px;color:#9fe08a;font:12.5px/1.6 Consolas, monospace;margin:0 0 10px;overflow-x:auto;padding:12px 14px;white-space:pre}
.g3-macro>p{color:var(--text-muted);font-size:13px;line-height:1.6;margin:0}
@media (max-width:900px){.g3-grid,.g3-macros{grid-template-columns:1fr}.g3{padding:24px 18px 70px}}
/* v035：一键宏页卡片（用户指定）：一排 4 个、名称金色；hover 保持白色反馈 */
@media (min-width:901px){body[data-page="macros"] .g3-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
body[data-page="macros"] .g3-card strong{color:var(--game-yellow)}
body[data-page="macros"] .g3-card:hover strong{color:#fff}

/* ==== s6d-20 talents/spellbook/items chunk 并入（94 规则） ==== */
@media (hover:none),(max-width:760px){.t-help-pointer{display:none}.t-help-touch{display:inline}}
.tv2-build{color:#e6e5dd;background:#151920;border:2px solid #5f533b;border-radius:3px;margin:16px 0 18px;padding:20px;box-shadow:0 0 0 1px #0e1219,inset 0 0 0 1px #8b75473d,0 12px 35px #000a}
.tv2-build-heading{border-bottom:1px solid #000;align-items:center;gap:10px;padding-bottom:14px;display:flex;box-shadow:0 1px #5f533b66}
.tv2-build-heading h2{color:#eee7d5;margin:0;font-size:18px}
.tv2-build-heading>span{color:#a8acb4;font-size:12px}
.tv2-build-heading b{color:#d6c397;margin:0 8px}
.tv2-build button:focus-visible,.tv2-explore a:focus-visible{outline-offset:3px;outline:2px solid #b8d8ea}
.tv2-rich-heading{justify-content:flex-start;gap:14px}
.tv2-rich-heading h2{font:700 19px/1.15 var(--font-display), Georgia, serif;letter-spacing:.01em}
.tv2-rich-heading p{color:#a8acb4;margin:3px 0 0;font-size:13px}
.tv2-rich-heading p b{color:#e2c275;font-variant-numeric:tabular-nums;margin:0 12px}
.tv2-rich-heading{border-radius:4px 4px 0 0;margin:-20px -20px 0;padding:18px 20px 16px;position:relative;overflow:hidden}
.tv2-rich-heading:before,.tv2-rich-saved li:before{content:"";background:var(--tv2-art) center 35%/cover no-repeat;opacity:.7;pointer-events:none;position:absolute;inset:0 0 0 45%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 70%);mask-image:linear-gradient(90deg,#0000,#000 70%)}
.tv2-rich-heading>*{position:relative}
.tv2-build-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:18px 0 4px;display:flex}
.tv2-save,.tv2-share-row{align-items:center;gap:6px;min-width:0;display:flex}
.tv2-save,.tv2-share{flex:360px;min-width:0}
.tv2-build-actions{align-items:flex-start}
.tv2-share-row .tv2-link{color:var(--ivory-2);font-size:13px}
.p-shell .tv2-text-link{color:#e2c275;font:13px var(--font-sans);cursor:pointer;background:0 0;border:0;margin:6px 0 0 4px;padding:0;display:inline-block}
.p-shell .tv2-text-link:hover:not(:disabled){color:#fff}
.p-shell .tv2-text-link:disabled{color:var(--text-muted);cursor:default}
.p-shell .tv2-text-link:focus-visible{outline-offset:2px;outline:2px solid #e2c275}
.p-shell .tv2-name{border:1px solid var(--line-2);background:var(--bg);min-width:0;height:34px;color:var(--ivory);border-radius:3px;flex:1;padding:0 10px;font:13.5px Verdana,Geneva,sans-serif}
.p-shell .tv2-name::placeholder{color:var(--text-muted)}
.p-shell .tv2-name:focus{border-color:var(--accent-strong);box-shadow:0 0 0 3px var(--accent-soft);outline:none}
.p-shell .tv2-game-btn{color:#e8c67a;min-height:30px;font:600 14px/20px var(--font-sans);text-shadow:0 1px 2px #000;white-space:nowrap;cursor:pointer;background:url(../wow-ui/UI-Panel-Button-Up.PNG) 0 0/160% 139.13% no-repeat;border:0;padding:5px 16px}
.p-shell .tv2-game-btn:hover:not(:disabled){color:#fff;filter:brightness(1.15)}
.p-shell .tv2-game-btn:active:not(:disabled){background-image:url(../wow-ui/UI-Panel-Button-Down.PNG)}
.p-shell .tv2-game-btn:disabled{color:gray;cursor:default;background-image:url(../wow-ui/UI-Panel-Button-Disabled.PNG)}
.tv2-hint{color:var(--text-muted);margin:8px 0 0;font-size:12.5px}
.tv2-saved{border-top:1px solid #000;margin-top:18px;padding-top:14px;box-shadow:inset 0 1px #5f533b66}
.p-shell .tv2-saved h3{font:700 15px var(--font-sans);color:var(--ivory);align-items:baseline;gap:8px;margin:0 0 12px;display:flex}
.tv2-saved h3 span{color:#d6c397;font-variant-numeric:tabular-nums}
.tv2-saved h3 small{color:var(--text-muted);margin-left:auto;font-size:12px;font-weight:400}
.tv2-slots{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 18px;margin:0;padding:0;list-style:none;display:grid}
.tv2-slots li{align-items:center;min-width:0;display:flex;position:relative}
.tv2-slot-empty{color:var(--text-muted);gap:10px;font-size:13px}
.tv2-slot-empty .tv2-slot{opacity:.6}
.tv2-build-actions{flex-flow:column;align-items:stretch}
.tv2-save,.tv2-share{flex:none;max-width:none}
.p-shell .tv2-game-btn{padding-inline:10px}
.tv2-saved h3{flex-wrap:wrap}
.tv2-saved h3 small{flex-basis:100%;margin-left:0}
.p-shell .tv2-name{height:44px}
.p-shell .tv2-game-btn{min-height:34px}
.tv2-slots{grid-template-columns:1fr}
.tv2-explore{grid-template-columns:repeat(3,minmax(0,1fr));gap:2em;margin:0 0 28px;display:grid}
.tv2-plate{border:1px solid var(--line-2);background:#06080c;border-radius:4px;flex-direction:column;min-width:0;text-decoration:none;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #000}
.tv2-plate:hover,.tv2-plate:focus-visible{border-color:#8a7d5a;text-decoration:none}
.tv2-plate-art{border-bottom:1px solid var(--line);height:150px;display:block;position:relative;overflow:hidden}
.tv2-plate-art>*{transition:filter .2s var(--ease)}
.tv2-plate:hover .tv2-plate-art>*{filter:brightness(1.12)}
.tv2-plate-body{flex-direction:column;gap:5px;padding:14px 16px 16px;display:flex}
.p-shell .tv2-plate-body strong{font:700 19px/1.2 var(--font-display),Georgia,serif;letter-spacing:.01em;color:#f3d98b;text-shadow:0 1px 3px #000}
.tv2-plate:hover .tv2-plate-body strong{color:var(--game-yellow)}
.tv2-plate-body small{color:var(--ivory-2);font-size:13.5px;line-height:1.5}
.tv2-plate-shot{object-fit:cover;object-position:center 30%;width:100%;height:100%;display:block}
.tv2-plate-portraits{background:#1d1a18;justify-content:space-evenly;align-items:center;height:100%;padding:0 10px;display:flex}
.tv2-plate-portraits>span{flex-direction:column;align-items:center;gap:7px;display:flex}
.tv2-plate-portraits img{object-fit:cover;border:3px solid #3d3a36;border-radius:50%;width:72px;height:72px;display:block;box-shadow:0 0 0 1px #000,0 4px 14px #0009}
.tv2-plate-portraits>span:nth-child(2) img{border-color:var(--game-yellow)}
.tv2-plate-portraits small{color:#fff;font-size:12px;font-weight:700}
.tv2-plate-sides{grid-template-columns:1fr 1fr;height:100%;display:grid}
.tv2-plate-sides>span{flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:10px 8px;display:flex;position:relative;overflow:hidden}
.tv2-plate-sides>span:before{content:"";background:var(--crest) center/auto 125% no-repeat;opacity:.16;position:absolute;inset:-10px}
.tv2-side-alliance{--crest:url(../wow-ui/reference-art/faction-alliance.png);background:radial-gradient(circle at 50% 45%,#1c2b4a,#0a0f1a 75%)}
.tv2-side-horde{--crest:url(../wow-ui/reference-art/faction-horde.png);background:radial-gradient(circle at 50% 45%,#4a1c1a,#1a0a0a 75%);border-left:1px solid #000}
.tv2-side-icons{flex-wrap:wrap;justify-content:center;gap:5px;max-width:128px;display:flex;position:relative}
.tv2-side-icons img{border:1px solid #000;width:34px;height:34px;display:block;box-shadow:0 0 0 1px #6b5d3c,0 2px 6px #000c}
.tv2-plate-sides small{font:700 12px var(--font-sans);color:#fff;text-shadow:0 1px 2px #000;position:relative}
.tv2-side-alliance small{color:#8fb7ff}
.tv2-side-horde small{color:#ff8a78}
.tv2-plate:focus-visible{outline-offset:3px;outline:2px solid #b8d8ea}
.tv2-plate{flex-direction:row}
.tv2-plate-art{border-bottom:0;border-right:1px solid var(--line);flex:0 0 42%;height:auto;min-height:130px}
.tv2-plate-portraits img{border-width:2px;width:48px;height:48px}
.tv2-plate-portraits small{font-size:11px}
.tv2-side-icons img{width:28px;height:28px}
.tv2-side-icons{max-width:96px}
.tv2-plate-art{border-right:0;border-bottom:1px solid var(--line);flex:none;height:130px}
.p-shell .tv2-fresh{white-space:nowrap;align-items:center;gap:10px;text-decoration:none;display:inline-flex}
.p-shell .tv2-fresh:hover{text-decoration:none}
.tv2-fresh-icon{border:1px solid #000;width:30px;height:30px;display:block;box-shadow:0 0 0 1px #997342}
.tv2-fresh-words{flex-direction:column;line-height:1.25;display:flex}
.tv2-fresh b{font:600 13px var(--font-sans);color:var(--game-yellow)}
.tv2-fresh small{color:var(--accent);font-variant-numeric:tabular-nums;font-size:11.5px}
.p-shell .tv2-fresh:hover b{color:#fff}
.p-shell .tv2-fresh:hover small{color:#b5d4f7;text-underline-offset:2px;text-decoration:underline}
@media (max-width:480px){.tv2-plate{flex-direction:column}}
@media (max-width:760px){.tv2-rich-heading{flex-direction:row;align-items:center}}
@media (max-width:760px){.tv2-rich-heading{margin:-16px -14px 0;padding:14px}}
@media (max-width:760px){.tv2-build{padding:16px 14px}}
@media (max-width:900px){.tv2-explore{grid-template-columns:1fr;gap:12px}

/* ==== s6d-20b talents/spellbook/items chunk 补并入（386 规则） ==== */
.t-help{font:13px/1.5 var(--font-sans);color:#939b8b;margin:9px 2px}
.t-help button{color:#d9c492;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}
.t-shell .p-title h1,.t-shell .p-title>a,.t-shell .t-help,.t-shell .p-footer{text-shadow:0 1px 3px #000,0 1px 8px #000}
.t-shell>.p-workspace>.t-help{color:#c5cebb}
.t-tree-tabs,.t-help-touch{display:none}
@media (hover:none),(max-width:760px){.t-help-pointer{display:none}.t-help-touch{display:inline}}
.t-help-touch{display:inline}
.sb .sb-work{grid-template-columns:minmax(0,1.7fr) minmax(360px,1fr)}
.sb-main{flex-direction:column;gap:2em;min-width:0;display:flex}
.sb-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}
.sb-filter{border:1px solid var(--line-2);background:var(--bg-2);border-radius:3px;display:flex;overflow:hidden}
.sb-filter button{color:var(--ivory-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:9px 14px;font-size:13.5px;display:inline-flex}
.sb-filter button+button{border-left:1px solid var(--line)}
.sb-filter button:hover{background:var(--bg-3);color:#fff}
.sb-filter button[aria-pressed=true]{background:var(--accent-soft);color:#fff;box-shadow:inset 0 -3px 0 var(--accent-strong);font-weight:700}
.sb-filter small{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12.5px}
.sb-toolbar>a{font-size:13.5px}
.sb-tabs{columns:270px;column-gap:14px}
.sb-tab{break-inside:avoid;border:1px solid var(--line-2);background:var(--bg-2);border-radius:3px;min-width:0;margin-bottom:14px;scroll-margin-top:16px}
.sb-tab>header{border-bottom:1px solid var(--line-2);background:linear-gradient(180deg, var(--bg-3), var(--bg-2));align-items:center;gap:10px;padding:10px 12px;display:flex}
.sb-tab>header h2{font:700 15px var(--font-sans);color:var(--ivory);margin:0}
.sb-tab>header small{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12.5px}
.sb-tab ul,.sb-missing ul{margin:0;padding:4px 0;list-style:none}
.sb-tab>footer{border-top:1px solid var(--line);color:var(--text-muted);padding:8px 12px;font-size:12.5px}
.sb-spell{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;align-items:center;gap:10px;padding:6px 12px;display:flex}
.sb-spell:hover{background:var(--bg-3)}
.sb-spell.sb-active{background:var(--accent-soft);border-left-color:var(--accent-strong)}
.sb-spell .v2-icon{width:34px;height:34px}
.sb-spell-text{flex-direction:column;flex:1;min-width:0;display:flex}
.sb-spell-text strong{color:#ffd100;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}
.sb-spell-text small{min-height:18px;color:var(--text-muted);align-items:center;gap:6px;font-size:12.5px;display:flex}
.sb-spell .v2-tag{flex:none;padding:0 5px;font-size:10.5px;line-height:14px}
.sb-quiet .sb-spell-text strong{color:var(--ivory-2);font-weight:400}
.sb-quiet .v2-icon{opacity:.75}
.sb-missing{border:1px dashed var(--line-2);background:var(--bg-2);border-radius:3px}
.sb-missing h2{font:700 15px var(--font-sans);color:var(--ivory);margin:0;padding:12px 14px 6px}
.sb-missing ul{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}
.sb-missing .sb-spell-text strong{color:var(--ivory-2)}
.sb-about{border-top:1px solid var(--line);color:var(--ivory-2);padding-top:4px;font-size:14px}
.sb-about summary{cursor:pointer;color:var(--text-muted);padding:10px 0}
.sb-about summary:hover{color:var(--ivory)}
.sb-about ul{gap:6px;max-width:80ch;margin:0 0 8px;padding-left:18px;line-height:1.55;display:grid}
.sb-detail .v2-detail-head p{gap:8px}
.sb-why{border-bottom:1px solid var(--line);color:var(--ivory-2);margin:0 20px;padding-bottom:12px;font-size:14px;line-height:1.55}
.sb-why p{margin:0 0 6px}
.sb-why ul{color:var(--ivory);margin:0 0 6px;padding-left:18px}
.sb-why .sb-soft-head{color:var(--text-muted);margin-top:8px}
.sb-why .sb-soft{color:var(--text-muted)}
.sb-why+.v2-detail-tools{padding-top:12px}
.sb-detail .v2-detail-tools:has(+.sb-rank-diffs){border-bottom:0;padding-bottom:0}
.sb-rank-diffs{border-bottom:1px solid var(--line);color:var(--ivory-2);margin:0 20px;padding:10px 0 12px;font-size:14px;line-height:1.55;display:grid}
.sb-rank-diffs>div{visibility:hidden;grid-area:1/1}
.sb-rank-diffs>.is-shown{visibility:visible}
.sb-rank-diffs p{margin:0 0 6px}
.sb-rank-diffs ul{color:var(--ivory);margin:0;padding-left:18px}
.sb-rank-diffs .sb-soft{color:var(--text-muted)}
.sb-detail .v2-compare{grid-template-rows:auto auto 1fr;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:640px){.sb-detail .v2-compare{grid-template-columns:minmax(0,1fr)}
.sb-detail .v2-compare>.v2-card{grid-row:span 3;grid-template-rows:subgrid;row-gap:0;display:grid}
.sb-tooltip-body{font-size:14px;display:contents}
.sb-tooltip .sb-tooltip-meta{padding:12px 14px 0}
.sb-tooltip-body p{padding:6px 14px 12px}
.sb-tooltip-meta{color:#fff;line-height:1.5}
.sb-tooltip-meta>div{flex-wrap:wrap;justify-content:space-between;gap:0 12px;min-height:1.5em;display:flex}
.sb-tooltip-meta span{white-space:nowrap}
.sb-tooltip-req{color:var(--ivory-2);line-height:1.5}
.sb-tooltip-reagents{color:var(--text-muted)}
.v2-classic .sb-tooltip-meta{color:var(--ivory-2)}
.v2-classic .sb-tooltip-meta .is-changed{color:#ff4a3d}
.v2-forever .sb-tooltip-meta .is-changed{color:#1eff00}
.sb-sources{border-top:1px solid var(--line);color:var(--text-muted);margin:12px 20px 16px;padding-top:10px;font-size:13px;line-height:1.55}
.sb-sources p{margin:0 0 4px}
.sb-sources summary{cursor:pointer}
.sb-sources summary:hover{color:var(--ivory)}
.sb-sources[open] summary{margin-bottom:6px}
.sb-change-link{margin:-8px 20px 16px;font-size:13px}
@media (max-width:1280px){.sb .sb-work{grid-template-columns:minmax(0,1.4fr) minmax(330px,1fr)}
@media (max-width:1099px){.sb .sb-work{grid-template-columns:minmax(0,1fr)}
@media (max-width:640px){.sb-filter{width:100%;overflow-x:auto}
.sb-tabs,.sb-missing ul{grid-template-columns:minmax(0,1fr)}
.tv2-build{color:#e6e5dd;background:#151920;border:2px solid #5f533b;border-radius:3px;margin:16px 0 18px;padding:20px;box-shadow:0 0 0 1px #0e1219,inset 0 0 0 1px #8b75473d,0 12px 35px #000a}
.tv2-build-heading{border-bottom:1px solid #000;align-items:center;gap:10px;padding-bottom:14px;display:flex;box-shadow:0 1px #5f533b66}
.tv2-build-heading h2{color:#eee7d5;margin:0;font-size:18px}
.tv2-build-heading>span{color:#a8acb4;font-size:12px}
.tv2-build-heading b{color:#d6c397;margin:0 8px}
.tv2-build button:focus-visible,.tv2-explore a:focus-visible{outline-offset:3px;outline:2px solid #b8d8ea}
.tv2-talents .t-compare-controls:empty{display:none}
.tv2-talents .t-compare-controls{padding:8px 16px}
.tv2-title-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:2em;display:flex}
.tv2-title-actions .t-compare-toggle{white-space:nowrap;font:600 13.5px var(--font-sans);min-height:38px}
.tv2-talents .p-title h1{min-width:0}
@media (max-width:1000px){.tv2-talents .p-title{flex-wrap:wrap}
.tv2-title-actions{flex-wrap:wrap;gap:8px 14px}
.tv2-title-actions .t-compare-toggle{min-height:44px}
.tv2-title-actions{flex-shrink:1;justify-content:flex-end;width:100%;min-width:0}
.tv2-rich-heading{justify-content:flex-start;gap:14px}
.tv2-rich-heading h2{font:700 19px/1.15 var(--font-display), Georgia, serif;letter-spacing:.01em}
.tv2-rich-heading p{color:#a8acb4;margin:3px 0 0;font-size:13px}
.tv2-rich-heading p b{color:#e2c275;font-variant-numeric:tabular-nums;margin:0 12px}
.tv2-crest{flex:0 0 44px;width:44px;height:44px;position:relative}
.tv2-crest>img{border:1px solid #997342;border-radius:3px;width:44px;height:44px;display:block;box-shadow:0 0 0 1px #000,0 2px 6px #0009}
.tv2-crest-spec{background:#11151b;border:1px solid #c9a35f;border-radius:50%;width:24px;height:24px;position:absolute;bottom:-7px;right:-8px;overflow:hidden;box-shadow:0 0 0 1px #000,0 1px 4px #000c}
.tv2-crest-spec img,.tv2-crest-spec .t-no-icon{width:24px;height:24px;display:block}
@media (max-width:760px){.tv2-rich-heading{flex-direction:row;align-items:center}
.tv2-rich-heading{border-radius:4px 4px 0 0;margin:-20px -20px 0;padding:18px 20px 16px;position:relative;overflow:hidden}
.tv2-rich-heading:before,.tv2-rich-saved li:before{content:"";background:var(--tv2-art) center 35%/cover no-repeat;opacity:.7;pointer-events:none;position:absolute;inset:0 0 0 45%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 70%);mask-image:linear-gradient(90deg,#0000,#000 70%)}
.tv2-rich-heading>*{position:relative}
@media (max-width:760px){.tv2-rich-heading{margin:-16px -14px 0;padding:14px}
.tv2-build-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:18px 0 4px;display:flex}
.tv2-save,.tv2-share-row{align-items:center;gap:6px;min-width:0;display:flex}
.tv2-save,.tv2-share{flex:360px;min-width:0}
.tv2-build-actions{align-items:flex-start}
.tv2-share-row .tv2-link{color:var(--ivory-2);font-size:13px}
.p-shell .tv2-text-link{color:#e2c275;font:13px var(--font-sans);cursor:pointer;background:0 0;border:0;margin:6px 0 0 4px;padding:0;display:inline-block}
.p-shell .tv2-text-link:hover:not(:disabled){color:#fff}
.p-shell .tv2-text-link:disabled{color:var(--text-muted);cursor:default}
.p-shell .tv2-text-link:focus-visible{outline-offset:2px;outline:2px solid #e2c275}
.p-shell .tv2-name{border:1px solid var(--line-2);background:var(--bg);min-width:0;height:34px;color:var(--ivory);border-radius:3px;flex:1;padding:0 10px;font:13.5px Verdana,Geneva,sans-serif}
.p-shell .tv2-name::placeholder{color:var(--text-muted)}
.p-shell .tv2-name:focus{border-color:var(--accent-strong);box-shadow:0 0 0 3px var(--accent-soft);outline:none}
.p-shell .tv2-game-btn{color:#e8c67a;min-height:30px;font:600 14px/20px var(--font-sans);text-shadow:0 1px 2px #000;white-space:nowrap;cursor:pointer;background:url(../wow-ui/UI-Panel-Button-Up.PNG) 0 0/160% 139.13% no-repeat;border:0;padding:5px 16px}
.p-shell .tv2-game-btn:hover:not(:disabled){color:#fff;filter:brightness(1.15)}
.p-shell .tv2-game-btn:active:not(:disabled){background-image:url(../wow-ui/UI-Panel-Button-Down.PNG)}
.p-shell .tv2-game-btn:disabled{color:gray;cursor:default;background-image:url(../wow-ui/UI-Panel-Button-Disabled.PNG)}
.tv2-hint{color:var(--text-muted);margin:8px 0 0;font-size:12.5px}
.tv2-saved{border-top:1px solid #000;margin-top:18px;padding-top:14px;box-shadow:inset 0 1px #5f533b66}
.p-shell .tv2-saved h3{font:700 15px var(--font-sans);color:var(--ivory);align-items:baseline;gap:8px;margin:0 0 12px;display:flex}
.tv2-saved h3 span{color:#d6c397;font-variant-numeric:tabular-nums}
.tv2-saved h3 small{color:var(--text-muted);margin-left:auto;font-size:12px;font-weight:400}
.tv2-slots{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 18px;margin:0;padding:0;list-style:none;display:grid}
.tv2-slots li{align-items:center;min-width:0;display:flex;position:relative}
.tv2-load{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:1px 10px;padding:4px 30px 4px 0;display:grid}
.tv2-slot{background:#0b0c0a;grid-row:1/3;width:44px;height:44px;display:block;position:relative;box-shadow:inset 0 0 6px #000}
.tv2-slot:after{content:"";pointer-events:none;background:url(../wow-ui/UI-Quickslot2.PNG) 50%/100% 100% no-repeat;position:absolute;inset:-9px}
.tv2-slot img,.tv2-slot .t-no-icon{width:36px;height:36px;display:block;position:absolute;inset:4px}
.tv2-load strong{font:600 14px/1.3 var(--font-sans);color:var(--game-yellow);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #000;overflow:hidden}
.tv2-load small{color:var(--game-grey);font-size:12.5px}
.tv2-load small b{color:#fff;font-variant-numeric:tabular-nums;margin-right:8px;font-weight:400}
.tv2-load:hover strong{color:#fff}
.tv2-load:hover .tv2-slot img{filter:brightness(1.2)}
.tv2-delete{cursor:pointer;opacity:.75;background:url(../wow-ui/UI-Panel-MinimizeButton-Up.PNG) 50%/100% no-repeat;border:0;width:32px;height:32px;margin-top:-16px;padding:0;position:absolute;top:50%;right:-4px}
.tv2-delete:hover{opacity:1;filter:brightness(1.2)}
.tv2-delete:active{background-image:url(../wow-ui/UI-Panel-MinimizeButton-Down.PNG)}
.tv2-slot-empty{color:var(--text-muted);gap:10px;font-size:13px}
.tv2-slot-empty .tv2-slot{opacity:.6}
.p-shell.tv2-talents .t-actions button{color:#e8c67a;height:auto;min-height:30px;font:600 14px/20px var(--font-sans);text-shadow:0 1px 2px #000;background:url(../wow-ui/UI-Panel-Button-Up.PNG) 0 0/160% 139.13% no-repeat;border:0;border-radius:0;padding:5px 16px}
.p-shell.tv2-talents .t-actions button:hover:not(:disabled){color:#fff;filter:brightness(1.15)}
.p-shell.tv2-talents .t-actions button:active:not(:disabled){background-image:url(../wow-ui/UI-Panel-Button-Down.PNG)}
.p-shell.tv2-talents .t-actions button:disabled{opacity:1;color:gray;background-image:url(../wow-ui/UI-Panel-Button-Disabled.PNG)}
@media (max-width:760px){.tv2-build{padding:16px 14px}
.tv2-build-actions{flex-flow:column;align-items:stretch}
.tv2-save,.tv2-share{flex:none;max-width:none}
.p-shell .tv2-game-btn{padding-inline:10px}
.tv2-saved h3{flex-wrap:wrap}
.tv2-saved h3 small{flex-basis:100%;margin-left:0}
.p-shell .tv2-name{height:44px}
.p-shell .tv2-game-btn{min-height:34px}
.tv2-slots{grid-template-columns:1fr}
.tv2-delete{width:36px;height:36px;margin-top:-18px}
.tv2-explore{grid-template-columns:repeat(3,minmax(0,1fr));gap:2em;margin:0 0 28px;display:grid}
.tv2-plate{border:1px solid var(--line-2);background:#06080c;border-radius:4px;flex-direction:column;min-width:0;text-decoration:none;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #000}
.tv2-plate:hover,.tv2-plate:focus-visible{border-color:#8a7d5a;text-decoration:none}
.tv2-plate-art{border-bottom:1px solid var(--line);height:150px;display:block;position:relative;overflow:hidden}
.tv2-plate-art>*{transition:filter .2s var(--ease)}
.tv2-plate:hover .tv2-plate-art>*{filter:brightness(1.12)}
.tv2-plate-body{flex-direction:column;gap:5px;padding:14px 16px 16px;display:flex}
.p-shell .tv2-plate-body strong{font:700 19px/1.2 var(--font-display),Georgia,serif;letter-spacing:.01em;color:#f3d98b;text-shadow:0 1px 3px #000}
.tv2-plate:hover .tv2-plate-body strong{color:var(--game-yellow)}
.tv2-plate-body small{color:var(--ivory-2);font-size:13.5px;line-height:1.5}
.tv2-plate-shot{object-fit:cover;object-position:center 30%;width:100%;height:100%;display:block}
.tv2-plate-portraits{background:#1d1a18;justify-content:space-evenly;align-items:center;height:100%;padding:0 10px;display:flex}
.tv2-plate-portraits>span{flex-direction:column;align-items:center;gap:7px;display:flex}
.tv2-plate-portraits img{object-fit:cover;border:3px solid #3d3a36;border-radius:50%;width:72px;height:72px;display:block;box-shadow:0 0 0 1px #000,0 4px 14px #0009}
.tv2-plate-portraits>span:nth-child(2) img{border-color:var(--game-yellow)}
.tv2-plate-portraits small{color:#fff;font-size:12px;font-weight:700}
.tv2-plate-sides{grid-template-columns:1fr 1fr;height:100%;display:grid}
.tv2-plate-sides>span{flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:10px 8px;display:flex;position:relative;overflow:hidden}
.tv2-plate-sides>span:before{content:"";background:var(--crest) center/auto 125% no-repeat;opacity:.16;position:absolute;inset:-10px}
.tv2-side-alliance{--crest:url(../wow-ui/reference-art/faction-alliance.png);background:radial-gradient(circle at 50% 45%,#1c2b4a,#0a0f1a 75%)}
.tv2-side-horde{--crest:url(../wow-ui/reference-art/faction-horde.png);background:radial-gradient(circle at 50% 45%,#4a1c1a,#1a0a0a 75%);border-left:1px solid #000}
.tv2-side-icons{flex-wrap:wrap;justify-content:center;gap:5px;max-width:128px;display:flex;position:relative}
.tv2-side-icons img{border:1px solid #000;width:34px;height:34px;display:block;box-shadow:0 0 0 1px #6b5d3c,0 2px 6px #000c}
.tv2-plate-sides small{font:700 12px var(--font-sans);color:#fff;text-shadow:0 1px 2px #000;position:relative}
.tv2-side-alliance small{color:#8fb7ff}
.tv2-side-horde small{color:#ff8a78}
.tv2-plate:focus-visible{outline-offset:3px;outline:2px solid #b8d8ea}
@media (max-width:900px){.tv2-explore{grid-template-columns:1fr;gap:12px}
.tv2-plate{flex-direction:row}
.tv2-plate-art{border-bottom:0;border-right:1px solid var(--line);flex:0 0 42%;height:auto;min-height:130px}
.tv2-plate-portraits img{border-width:2px;width:48px;height:48px}
.tv2-plate-portraits small{font-size:11px}
.tv2-side-icons img{width:28px;height:28px}
.tv2-side-icons{max-width:96px}
@media (max-width:480px){.tv2-plate{flex-direction:column}
.tv2-plate-art{border-right:0;border-bottom:1px solid var(--line);flex:none;height:130px}
.tv2-talents .t-index{border-top:1px solid var(--line);margin-top:36px;padding-top:0}
.tv2-talents .t-index-fold>summary{cursor:pointer;align-items:baseline;gap:14px;padding:16px 0;list-style:none;display:flex}
.tv2-talents .t-index-fold>summary::-webkit-details-marker{display:none}
.tv2-talents .t-index-fold>summary:focus-visible{outline-offset:2px;outline:2px solid #e2c275}
.p-shell.tv2-talents .t-index h2{font:700 15px/1.3 var(--font-sans);letter-spacing:0;color:var(--ivory-2);margin:0}
.tv2-talents .t-index-fold>summary:hover h2,.tv2-talents .t-index-fold>summary:hover .t-index-toggle{color:#fff}
.tv2-talents .t-index-lede{max-width:72ch;color:var(--text-muted);margin:0 0 18px;font-size:13px;line-height:1.6}
.tv2-talents .t-index-trees{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px;max-width:none;margin:0 0 8px;display:grid}
.tv2-talents .t-index-tree{margin:0}
.tv2-talents .t-index-tree>ol{margin:0;padding:0 0 8px;list-style:none}
.tv2-talents .t-index-tree li.t-index-tier{border:0;padding:0}
.tv2-talents .t-index-tier ul{margin:0;padding:0;list-style:none}
.tv2-talents .t-index-tier ul li{border:0;padding:0;scroll-margin-top:80px;font-size:13px;line-height:1.45}
.tv2-talents .t-index-tier ul li:target summary{background:#2a2614}
.tv2-talents .t-index-tier summary{cursor:pointer;grid-template-columns:22px minmax(0,1fr) auto 10px;align-items:center;gap:9px;padding:4px 0;list-style:none;display:grid}
.tv2-talents .t-index-tier summary::-webkit-details-marker{display:none}
.tv2-talents .t-index-tier summary:after{content:"";border:solid var(--text-muted);width:5px;height:5px;transition:transform .15s var(--ease);border-width:0 1.5px 1.5px 0;transform:rotate(-45deg)}
.tv2-talents .t-index-tier details[open]>summary:after{transform:rotate(45deg)translate(-1px,-1px)}
.tv2-talents .t-index-tier summary:hover strong{color:#fff}
.tv2-talents .t-index-tier summary:hover:after{border-color:#e2c275}
.tv2-talents .t-index-tier summary:focus-visible{outline-offset:1px;outline:2px solid #e2c275}
.tv2-talents .t-index-tier summary img,.tv2-talents .t-index-tier summary .t-no-icon{opacity:.85;border:1px solid #000;border-radius:0;width:22px;height:22px}
.tv2-talents .t-index-line{flex-wrap:wrap;align-items:baseline;gap:0 8px;min-width:0;margin:0;display:flex}
.tv2-talents .t-index-line strong{color:var(--ivory-2);font-size:13px;font-weight:500;line-height:1.35}
.tv2-talents .t-index-tier summary>small{color:var(--text-muted);white-space:nowrap;margin:0;font-size:11.5px}
.tv2-talents .t-index-tier ul li em{letter-spacing:0;text-transform:none;color:var(--text-muted);background:0 0;border:0;margin:0;padding:0;font-size:11.5px;font-style:normal;font-weight:400;display:inline}
.tv2-talents .t-index-tier ul li.t-index-added em{color:#7fae72}
.tv2-talents .t-index-tier ul li.t-index-modified em{color:#c29a6a}
.tv2-talents .t-index-tier ul li.t-index-moved em{color:#7fa9bd}
.tv2-talents .t-index-tier ul li.t-index-removed em{color:#c47a70}
.tv2-talents .t-index-tier .t-index-text{color:#d9c88a;margin:0;padding:0 0 8px 31px;line-height:1.5;display:block}
.tv2-talents .t-index-tier li .spell-ref{color:inherit;margin:0;display:inline}
@media (max-width:1100px){.tv2-talents .t-index-trees{grid-template-columns:1fr;gap:18px;max-width:640px}
@media (max-width:760px){.tv2-talents .t-index-tier summary{min-height:40px}
.t-window .tv2-bar-compare,.t-window .tv2-bar-compare:hover,.t-window .tv2-bar-compare[aria-pressed=true],.t-window .tv2-bar-compare[aria-pressed=true]:hover{min-height:36px;box-shadow:none;color:var(--game-yellow);font:14px var(--font-sans);text-shadow:0 1px 2px #000;background:0 0;border:0;border-radius:0;align-items:center;gap:2px;margin-left:auto;padding:0;display:inline-flex;transform:none}
.t-window .tv2-bar-compare[aria-pressed=true]:before{content:none}
.t-window .tv2-bar-compare:hover{color:#fff}
.tv2-check{background:url(../wow-ui/UI-CheckBox-Up.PNG) 50%/100% 100% no-repeat;flex:none;width:24px;height:24px;position:relative}
.t-compare-toggle:active .tv2-check{background-image:url(../wow-ui/UI-CheckBox-Down.PNG)}
.tv2-check:before,.tv2-check:after{content:"";background:50%/100% 100% no-repeat;position:absolute;inset:0}
.t-compare-toggle[aria-pressed=true] .tv2-check:before{background-image:url(../wow-ui/UI-CheckBox-Check.PNG)}
.t-compare-toggle:hover .tv2-check:after{mix-blend-mode:screen;background-image:url(../wow-ui/UI-CheckBox-Highlight.PNG)}
.tv2-talents .tv2-title-actions{gap:10px}
.p-shell .tv2-fresh{white-space:nowrap;align-items:center;gap:10px;text-decoration:none;display:inline-flex}
.p-shell .tv2-fresh:hover{text-decoration:none}
.tv2-fresh-icon{border:1px solid #000;width:30px;height:30px;display:block;box-shadow:0 0 0 1px #997342}
.tv2-fresh-words{flex-direction:column;line-height:1.25;display:flex}
.tv2-fresh b{font:600 13px var(--font-sans);color:var(--game-yellow)}
.tv2-fresh small{color:var(--accent);font-variant-numeric:tabular-nums;font-size:11.5px}
.p-shell .tv2-fresh:hover b{color:#fff}
.p-shell .tv2-fresh:hover small{color:#b5d4f7;text-underline-offset:2px;text-decoration:underline}
.t-window .p-window-title:has(.tv2-bar-compare) .t-lvl{margin-left:18px}
.t-window .tv2-bar-compare{letter-spacing:0;text-transform:none;min-height:0!important;font:13px var(--font-sans)!important}
@media (max-width:760px){.t-window .p-window-title:has(.tv2-bar-compare){flex-wrap:wrap;row-gap:4px}
.t-window .p-window-title:has(.tv2-bar-compare) .t-lvl{margin-left:0}
.t-window .tv2-bar-compare{flex-basis:100%;order:3;min-height:36px!important;margin-left:0!important}
.p-shell.tv2-talents .p-window-title>.tv2-bar-compare,.p-shell.tv2-talents .p-window-title>.tv2-bar-compare:hover,.p-shell.tv2-talents .p-window-title>.tv2-bar-compare:active{width:auto;height:auto;box-shadow:none;color:var(--game-yellow);white-space:nowrap;background:0 0;border:0;border-radius:0;padding:0;display:inline-flex}
.p-shell.tv2-talents .p-window-title>.tv2-bar-compare:hover{color:#fff}
@media (max-width:760px){.p-shell.tv2-talents .t-window .p-window-title:has(.tv2-bar-compare){height:auto;min-height:39px;padding-block:4px}
.t-help{color:var(--text-muted);font-size:14px}
.t-shell .t-help{margin:10px 2px 12px}
.ah{--ah-h:34px;--ah-rest:#2a3140;margin:20px 0 28px}
.ah .q0{--q:#9d9d9d}
.ah .q1{--q:#fff}
.ah .q2{--q:#1eff00}
.ah .q3{--q:#4aa3ff}
.ah .q4{--q:#a335ee}
.ah .q5{--q:#ff8000}
.ah .ds-button{height:var(--ah-h);border-color:var(--ah-rest);background:#0a0d12;font-size:13.5px}
.ah .ds-button[data-empty] span{color:var(--text-muted)}
.ah .ds-button i{border-color:#6b7280}
.ah .ds-button small{color:#6b7280}
.ah .ds-button:hover,.ah .ds-button[aria-expanded=true]{border-color:var(--line-2)}
.ah [data-on] .ds-button,.ah-stat .ds-button{border-color:var(--gold-2)}
.ah [data-on] .ds-button span,.ah-stat .ds-button span{color:var(--game-yellow-soft)}
.ah [data-on] .ds-button i{border-color:var(--gold)}
.ah [data-on] .ds-button small{color:var(--gold)}
.ah input{height:var(--ah-h);border:1px solid var(--ah-rest);min-width:0;color:var(--text-strong);font:13.5px var(--font-sans);background:#0a0d12;border-radius:3px;padding:0 10px}
.ah input::placeholder{color:#5f6670}
.ah input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
body:has(.ah) .ds-list{min-width:220px}
.ah-search{align-items:center;min-width:0;display:flex;position:relative}
.ah-search svg{color:var(--text-muted);pointer-events:none;position:absolute;left:11px}
.ah .ah-search input{width:100%;padding-left:33px}
.ah-range{height:var(--ah-h);border:1px solid var(--ah-rest);background:#0a0d12;border-radius:3px;align-items:center;display:flex}
.ah .ah-range input{text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:0;flex:1 1 0;width:40px;height:100%;padding:0 4px}
.ah .ah-range input:focus-visible{background:#ffffff0a;outline:none}
.ah-range b{text-align:center;color:#5f6670;flex:none;width:13px;font-weight:400}
.ah-range:focus-within{border-color:var(--line-2)}
.ah-range[data-on]{border-color:var(--gold-2)}
.ah .ah-range[data-on] input{color:var(--game-yellow-soft)}
.ah-frame{background:#06080c;border:1px solid #5d4d2a;border-radius:4px;overflow:clip;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000,0 14px 40px #00000073}
.ah-title{background:linear-gradient(#16120a,#0b0a08);border-bottom:1px solid #2a2418;justify-content:center;padding:9px 16px 8px;display:flex}
.ah-title span{font:700 15px/1 var(--font-display), Georgia, serif;letter-spacing:.04em;color:var(--game-yellow)}
.ah-top{grid-template-columns:minmax(240px,2.2fr) repeat(2,minmax(120px,1fr)) minmax(150px,1.1fr) minmax(190px,1.3fr);align-items:end;gap:10px 12px;padding:14px 16px 0;display:grid}
.ah-top-2{border-bottom:1px solid #1a1f29;grid-template-columns:auto minmax(0,1fr) auto;padding-bottom:14px}
.ah-field{gap:5px;min-width:0;display:grid}
.ah-field>span{color:var(--game-yellow-soft);font-size:12.5px;font-weight:600}
.ah-rarity{height:var(--ah-h);border:1px solid var(--ah-rest);background:#0a0d12;border-radius:3px;display:inline-flex;overflow:hidden}
.ah-rarity button{--q:var(--ivory);color:var(--q);font:600 13px var(--font-sans);cursor:pointer;background:0 0;border:0;padding:0 12px;transition:opacity .12s;position:relative}
.ah-rarity button+button{box-shadow:inset 1px 0 #1a1f29}
.ah-rarity button:hover:not(:disabled){background:#ffffff09}
.ah-rarity button:after{content:"";background:var(--q);opacity:0;border-radius:1px;height:2px;transition:opacity .15s,transform .15s;position:absolute;bottom:5px;left:10px;right:10px;transform:scaleX(.4)}
.ah-rarity button[aria-pressed=true]:after{opacity:.9;transform:none}
.ah-rarity[data-picked] button:not([aria-pressed=true]){opacity:.45}
.ah-rarity[data-picked] button:not([aria-pressed=true]):hover:not(:disabled){opacity:.8}
.ah-rarity button:disabled{color:color-mix(in srgb, var(--q) 28%, #0a0d12);cursor:default}
.ah-rarity button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.ah-stats{flex-wrap:wrap;gap:6px;display:flex}
.ah-stat{align-items:center;display:inline-flex}
.ah-stat .ds{width:170px}
.ah-stat .ds-button{border-right-width:0;border-radius:3px 0 0 3px}
.ah .ah-stat input{border-color:var(--gold-2);text-align:center;width:50px;color:var(--game-yellow-soft);border-radius:0}
.ah-stat>button{height:var(--ah-h);border:1px solid var(--gold-2);width:30px;color:var(--gold);font:400 17px/1 var(--font-sans);cursor:pointer;background:#0a0d12;border-left-width:0;border-radius:0 3px 3px 0}
.ah-stat>button:hover{color:#fff}
.ah-stat-add{width:170px}
.ah-reset{height:var(--ah-h);color:var(--accent);font:600 13px var(--font-sans);cursor:pointer;background:0 0;border:0;align-self:end;padding:0 4px}
.ah-reset:disabled{color:#4a5059;cursor:default}
.ah-body{grid-template-columns:256px minmax(0,1fr);min-height:560px;display:grid}
.ah-side{background:#080a0f;border-right:1px solid #1a1f29}
.ah-tree{padding:10px 8px}
.ah-node{width:100%;color:var(--game-yellow);font:600 13.5px/1.3 var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:2px;align-items:baseline;gap:8px;padding:5px 8px;display:flex}
.ah-node span{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}
.ah-node small{color:#6b7280;font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:400}
.ah-node:hover{background:#ffffff0b}
.ah-node[aria-current=true]{color:#fff;background:linear-gradient(90deg,#ffd10033,#ffd1000a)}
.ah-node[aria-current=true] small{color:var(--gold)}
.ah-node:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.ah-all{color:var(--ivory);margin-bottom:4px}
.ah-sub{color:var(--ivory);padding-left:22px;font-weight:500}
.ah-slot{color:#b9bec7;padding-left:50px;font-size:13px;font-weight:400}
.ah-caret,.ah-caret-none{flex:none;width:10px}
.ah-caret{align-self:center;height:10px;position:relative}
.ah-caret:before{content:"";opacity:.7;border:1.5px solid;border-width:0 1.5px 1.5px 0;width:5px;height:5px;transition:transform .15s;position:absolute;top:2px;left:1px;transform:rotate(-45deg)}
.ah-caret[data-open]:before{transform:translate(1px,-1px)rotate(45deg)}
.ah-results{min-width:0;padding:14px 16px 16px}
.ah-head{align-items:center;gap:10px 20px;margin:0 0 8px;display:flex}
.ah-head h2{white-space:nowrap;font:700 19px/1.2 var(--font-display), Georgia, serif;color:var(--ivory);flex:none;align-items:baseline;gap:8px;margin:0;display:flex}
.ah-head h2 small{font:400 13px var(--font-sans);color:var(--text-muted)}
.ah-sort{color:var(--text-muted);align-items:center;gap:8px;margin-left:auto;font-size:12px;display:inline-flex}
.ah-sort .ds{width:160px}
.ah .ah-beta{margin:0 0 12px}
.ah-views{border:1px solid var(--ah-rest);border-radius:3px;display:inline-flex;overflow:hidden}
.ah-views button{width:30px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}
.ah-views button+button{border-left:1px solid var(--ah-rest)}
.ah-views button:hover{color:var(--ivory)}
.ah-views button[aria-pressed=true]{color:var(--game-yellow-soft);background:#c8a24a24}
.ah-mbar,.ah-sheet-head,.ah-sheet-tree,.ah-sheet-go,.ah-scrim{display:none}
@media (max-width:1100px){.ah-top{grid-template-columns:repeat(2,minmax(0,1fr))}
.ah-name{grid-column:1/-1}
.ah-top-2{grid-template-columns:minmax(0,1fr)}
.ah-reset{justify-self:start}
.ah-body{grid-template-columns:220px minmax(0,1fr)}
@media (max-width:760px){.ah{margin:12px 0 20px}
.ah-frame{box-shadow:none;background:0 0;border:0;border-radius:0}
.ah-title,.ah-side{display:none}
.ah-body{min-height:0;display:block}
.ah-results{padding:12px 0 0}
.ah-mbar{z-index:20;background:var(--bg);border-bottom:1px solid var(--line);gap:8px;margin:0 -14px;padding:10px 14px;display:flex;position:sticky;top:0}
.ah-mbar .ah-search{flex:1}
.ah .ah-mbar input{height:44px;font-size:16px}
.ah-mfilters{height:44px;color:var(--game-yellow-soft);font:600 15px var(--font-sans);cursor:pointer;background:#0a0d12;border:1px solid #5d4d2a;border-radius:3px;align-items:center;gap:7px;padding:0 14px;display:inline-flex}
.ah-mfilters small{min-width:20px;color:var(--game-yellow);background:#c8a24a38;border-radius:3px;padding:1px 6px;font-size:12.5px}
.ah-controls{display:none}
.ah-controls[data-open]{z-index:100;overscroll-behavior:contain;background:#06080c;border-top:1px solid #5d4d2a;border-radius:8px 8px 0 0;outline:none;flex-direction:column;max-height:88dvh;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -12px 40px #0009}
.ah-scrim{z-index:99;background:#0000008c;display:block;position:fixed;inset:0}
.ah-sheet-head{z-index:1;background:#06080c;border-bottom:1px solid #1a1f29;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex;position:sticky;top:0}
.ah-sheet-head h2{font:700 18px var(--font-display), Georgia, serif;color:var(--game-yellow);margin:0}
.ah-sheet-close{width:40px;height:40px;color:var(--text-muted);font:400 26px/1 var(--font-sans);cursor:pointer;background:0 0;border:0;margin:-8px -8px -8px 0}
.ah-controls .ah-name{display:none}
.ah-top,.ah-top-2{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 16px 0}
.ah-top-2>.ah-field{grid-column:1/-1}
.ah .ds-button,.ah input,.ah-range{height:44px;font-size:16px}
.ah-rarity{grid-template-columns:repeat(3,minmax(0,1fr));height:auto;display:grid}
.ah-rarity button{height:42px;font-size:14.5px}
.ah-rarity button:nth-child(n+4){box-shadow:inset 1px 0 #1a1f29,inset 0 1px #1a1f29}
.ah-rarity button:nth-child(4){box-shadow:inset 0 1px #1a1f29}
.ah-stats{display:grid}
.ah-stat .ds,.ah-stat-add{flex:1;width:auto;min-width:0}
.ah-stat{display:flex}
.ah-stat>button{width:44px;height:44px}
.ah-sheet-tree{background:#080a0f;border-top:1px solid #1a1f29;margin:14px 0 0;display:block}
.ah-node{padding:9px 8px;font-size:15px}
.ah-slot{font-size:14.5px}
.ah-sheet-go{padding:14px 16px calc(14px + env(safe-area-inset-bottom));color:var(--game-yellow);font:700 16px var(--font-sans);cursor:pointer;background:#16120a;border:0;border-top:1px solid #1a1f29;margin-top:auto;display:block;position:sticky;bottom:0}
.ah-head{flex-wrap:wrap}
.ah-sort{flex:1;margin-left:0}
.ah-sort .ds{flex:1;width:auto}
@media (prefers-reduced-motion:reduce){.ah-rarity button,.ah-rarity button:after,.ah-caret:before{transition:none}
.xi-kind-added em{color:var(--add);border-color:#8fd37a66}
.xi-kind-modified em,.xi-kind-moved em{color:var(--mod);border-color:#f0c67466}

}}}}}}}}}}}}}}}}}}
/* ===== s6d-41 editorial hero grid + bis-spec（源 chunk 3cryxvqnn729/3f2ehvar925ip，补 s6b4 缺失）===== */
.v2-hero-foot{flex-wrap:wrap;align-items:center;gap:16px 56px;margin-top:14px;display:flex;overflow:hidden}
.p-shell a.bis-spec img{filter:saturate(.3) brightness(.62);width:34px;height:34px;transition:filter .2s var(--ease),border-color .2s var(--ease);border:2px solid #5b5443;border-color:#5b5443 #443f31 #322e25 #5b5443;border-radius:50%;box-shadow:inset 0 0 0 1px #0000008c}
.p-shell a.bis-spec:hover{color:var(--ivory-2);text-decoration:none}
.p-shell a.bis-spec:hover img{filter:saturate(.65) brightness(.82);border-color:#7d6d4e #5f533b #483f2e #7d6d4e}
.p-shell a.bis-spec[aria-current=page]{color:var(--ivory)}
.p-shell a.bis-spec[aria-current=page] img{filter:none;border-color:#b1975e #75603a #55462c #b1975e;box-shadow:inset 0 0 0 1px #0000008c,0 0 0 1px #07080a,0 2px 6px #0000008c}
.p-shell a.bis-game-btn:active{background-image:url(../wow-ui/UI-Panel-Button-Down.PNG)}
.p-shell .v2-hero-band.v2-hero-forest{background:#0b0f15 url(../backgrounds/forever/FZUNXBNP7ECE1789247715285.webp) 50% 66%/cover}
.bis-specs{flex-wrap:wrap;gap:14px 30px;margin:16px 0 0;display:flex}
@media (min-width:1100px){
.v2-editorial{--v2-filter-width:220px;--v2-column-gap:20px;--v2-description-inset:calc(1px + 3px + 16px + 40px + 14px)}
.v2-editorial .v2-work{grid-template-columns:var(--v2-filter-width) minmax(0,1.5fr) minmax(360px,1fr);gap:var(--v2-column-gap)}
.v2-editorial .v2-hero.v2-hero-band:not([data-class=all]):before{width:min(420px,35%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 78%),linear-gradient(180deg,transparent var(--cs-height,90px),#000 calc(var(--cs-height,90px) + 40px));mask-image:linear-gradient(90deg,transparent,#000 78%),linear-gradient(180deg,transparent var(--cs-height,90px),#000 calc(var(--cs-height,90px) + 40px));-webkit-mask-composite:source-in;mask-composite:intersect}
.v2-editorial .v2-hero-inner{grid-template-columns:calc(var(--v2-filter-width) + var(--v2-description-inset)) minmax(0,1fr);column-gap:var(--v2-column-gap);display:grid}
.v2-editorial .v2-hero-text{text-align:left;grid-area:1/2}
.v2-editorial .v2-hero-icon{grid-area:1/1;justify-self:end}
.v2-editorial .v2-hero[data-class=mage]:before{background-image:url(../talent-backgrounds/ShamanElementalCombat-TopLeft.PNG)}
.v2-editorial .v2-hero[data-class=shaman]:before{background-image:url(../talent-backgrounds/DruidBalance-TopLeft.PNG)}
.v2-editorial .v2-hero[data-class=druid]:before{background-image:url(../v2/class-landscapes/druid-forest.webp)}
.v2-editorial .v2-hero[data-class=warrior]{--v2-character-art:url(../v2/warrior-hero/blizzard-warrior.png)}
.v2-editorial .v2-hero[data-class=mage]{--v2-character-art:url(../v2/class-heroes/mage.png);--v2-character-x:calc(50% - 20px);--v2-character-direction:1;--v2-character-fade:to right}
.v2-editorial .v2-hero[data-class=priest]{--v2-character-art:url(../v2/class-heroes/user-provided/priest-outpaint.png);--v2-character-size:714px;--v2-character-x:48%;--v2-character-y:12%}
.v2-editorial .v2-hero[data-class=hunter]{--v2-character-art:url(../v2/class-heroes/user-provided/hunter.jpeg);--v2-character-direction:1;--v2-character-fade:to right;--v2-character-size:430px;--v2-character-x:35%}
.v2-editorial .v2-hero[data-class=druid]{--v2-character-art:url(../v2/class-heroes/user-provided/druid-outpaint.png);--v2-character-size:426px;--v2-character-x:71%}
.v2-editorial .v2-hero[data-class=paladin]{--v2-character-art:url(../v2/class-heroes/user-provided/paladin-outpaint.png);--v2-character-size:454px;--v2-character-x:62%;--v2-character-direction:1;--v2-character-fade:to right}
.v2-editorial .v2-hero[data-class=rogue]{--v2-character-art:url(../v2/class-heroes/user-provided/rogue-outpaint.png);--v2-character-y:0%;--v2-character-size:490px;--v2-character-x:63%}
.v2-editorial .v2-hero[data-class=shaman]{--v2-character-art:url(../v2/class-heroes/user-provided/shaman-outpaint.png);--v2-character-size:440px;--v2-character-x:54%}
.v2-editorial .v2-hero[data-class=warlock]{--v2-character-art:url(../v2/class-heroes/user-provided/warlock-outpaint.png);--v2-character-size:402px;--v2-character-direction:1;--v2-character-fade:to right}
.v2-editorial .v2-hero:is([data-class=warrior],[data-class=mage],[data-class=paladin],[data-class=rogue],[data-class=shaman],[data-class=warlock],[data-class=hunter],[data-class=druid],[data-class=priest]) .v2-hero-inner:before{content:"";inset-block:0;width:calc(var(--v2-filter-width) + var(--v2-description-inset) - 28px + (100vw - 100%) / 2);background:var(--v2-character-art) var(--v2-character-x,center) var(--v2-character-y,28%) / var(--v2-character-size,290px) auto no-repeat;transform:scaleX(var(--v2-character-direction,-1));opacity:.38;filter:saturate(.55);-webkit-mask-image:linear-gradient(var(--v2-character-fade,to left),#000,#000 48%,transparent),linear-gradient(to bottom,transparent,#000 22%,#000 66%,transparent);mask-image:linear-gradient(var(--v2-character-fade,to left),#000,#000 48%,transparent),linear-gradient(to bottom,transparent,#000 22%,#000 66%,transparent);pointer-events:none;position:absolute;left:calc(50% - 50vw);-webkit-mask-composite:source-in;mask-composite:intersect}
.v2-editorial .v2-hero:is([data-class=hunter],[data-class=druid],[data-class=paladin],[data-class=rogue],[data-class=shaman],[data-class=warlock],[data-class=priest]) .v2-hero-inner:before{background-size:max(var(--v2-character-size,290px),100%) auto}
}
@media (min-width:1100px) and (max-width:1280px){.v2-editorial{--v2-filter-width:200px;--v2-column-gap:16px}.v2-editorial .v2-work{grid-template-columns:var(--v2-filter-width) minmax(0,1.3fr) minmax(330px,1fr)}}
@media (max-width:1099px){.p-shell.bis .v2-hero-band .v2-hero-inner{box-sizing:border-box;max-width:1080px;margin-inline:auto;padding-inline:24px}}
@media (max-width:720px){.bis-specs{gap:12px 20px}}

/* ==== s6d-62 禁用原站 SPA 加载屏：hydration 在静态站不可用，data-nav-pending 永不移除 ==== */
html[data-nav-pending] .nav-status{display:none!important}
html[data-nav-pending] main .p-shell>:not(.p-header,.nav-status),html[data-nav-pending] main>:not(.p-shell){display:revert!important}

/* ==== s6d-71 统一 header 恢复显示：main 内旧 header 已删，撤销原站隐藏规则 ==== */
body:has(main .p-shell)>div.site-top{display:block!important}

/* ==== s6d-90 桌面端导航被 chunk 拉满全宽 + space-between 撑开的覆盖 ==== */
@media (min-width:900px){.site-top .p-header .p-bar nav,.p-shell .p-header .p-bar nav{flex:0 0 auto!important;width:auto!important;max-width:none!important;align-self:center!important;justify-content:center!important;gap:0 2em!important;margin:0 auto!important}
.site-top .p-header .p-bar nav a,.p-shell .p-header .p-bar nav a{white-space:nowrap;padding:0!important;margin:0!important}}
/* ==== s6d-91 bis 页脚说明段：居中列内左对齐 ==== */
.bis-note{max-width:none;margin:40px 0 0;padding:0 24px}
.bis-note p{max-width:78ch;margin:0 auto}

/* ==== s6d-98 导航链接内隐形英文标签(data-label)占宽修复：改为绝对定位 ==== */
.site-top .p-header .p-bar nav a,.p-shell .p-header .p-bar nav a{position:relative;display:block}
.site-top .p-header .p-bar nav a::before,.p-shell .p-header .p-bar nav a::before{position:absolute;left:0;top:0;width:max-content;height:1em;overflow:hidden;visibility:hidden;pointer-events:none}

/* ==== s6d-111 导航条内文字垂直居中（仅桌面；≤899px 由换行导航规则接管） ==== */
@media (min-width:900px){.site-top .p-header .p-bar nav,.p-shell .p-header .p-bar nav{height:40px;align-items:center!important}
.site-top .p-header .p-bar nav a,.p-shell .p-header .p-bar nav a{height:auto;line-height:normal;display:flex;align-items:center}}

/* g3: copy button / btn row / badge */
.g3-copy{margin-left:10px;padding:4px 14px;border:1px solid #6b6255;border-radius:6px;background:#1c1a17;color:#e8dcc0;font:inherit;font-size:.85rem;cursor:pointer}
.g3-copy:hover{border-color:#c8a95e;color:#f5e6bc}
.g3-btns{display:flex;gap:10px;margin-top:12px}
.g3-btns .g3-more{display:inline-block;padding:6px 16px;border:1px solid #6b6255;border-radius:6px;text-decoration:none}
.g3-btns .g3-more:hover{border-color:#c8a95e}
.g3-badge{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:#7a3b12;color:#ffd9a0;font-size:.68rem;font-style:normal;vertical-align:middle}
/* g3: fake download button (visual hint only) */
.g3-dl{display:inline-block;margin-left:10px;padding:5px 18px;border:1px solid #c8a95e;border-radius:6px;background:#2a2419;color:#f5e6bc;font:inherit;font-size:.85rem}
/* g3: 下载区置顶高亮 + 左侧竖导航模块展示 */
.g3-dl-note{border-color:#c8a95e;background:#1d1710}
.g3-dl-note .g3-dl-title{margin:0 0 10px;font-size:1.05rem;letter-spacing:.06em}
.g3-dl-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:12px!important}
.g3-join{display:inline-flex;align-items:center;padding:5px 18px;border:1px solid #c8a95e;border-radius:6px;background:#2a2419;color:#f5e6bc;font:inherit;font-size:.85rem;text-decoration:none;cursor:pointer}
.g3-join:hover{border-color:#e6cf96;color:#fff;filter:brightness(1.12);text-decoration:none}
.g3-qq{display:inline-flex;align-items:center;gap:8px;color:#e8dcc0;font-size:.9rem}
.g3-qq b{color:#ffd98f;font-size:1rem}
.g3-mods{border:1px solid var(--line);border-radius:4px;background:#0d1119;padding:18px 20px;display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;margin-top:22px}
.g3-side{display:flex;flex-direction:column;gap:6px;align-self:start}
.g3-side-btn{padding:5px 10px;border:1px solid var(--line-2);border-radius:4px;background:#12161f;color:#c7cdd8;font:inherit;font-size:13px;line-height:1.4;text-align:left;cursor:pointer;transition:border-color .15s,color .15s}
.g3-side-btn:hover{border-color:#8a94a6;color:#fff}
.g3-side-btn[aria-pressed="true"]{border-color:#aeb8c8;background:#1c2230;color:#fff}
.g3-view{min-width:0}
.g3-view-head{margin-bottom:12px}
.g3-view-head strong{display:block;font-size:1.1rem;color:#e8dcc0;margin-bottom:6px}
.g3-view-head p{margin:0;color:#9a917f}
.g3-shot{display:block;width:100%;height:auto;border:1px solid #3a3427;border-radius:8px;background:#0a0a0c}
@media (max-width:720px){
  .g3-mods{grid-template-columns:1fr}
  .g3-side{flex-direction:row;flex-wrap:wrap}
  .g3-side-btn{flex:1 1 40%;text-align:center}
}
/* ==== s6d-33 v024 修复：历史并入的移动端规则缺少 @media 包裹导致天赋页构建区错位；BIS tooltip 行不换行 ==== */
.tv2-build-actions{flex-flow:row}
@media (max-width:760px){.tv2-build-actions{flex-flow:column;align-items:stretch}}
.bis-hover .it-tip>span{display:block}
.bis-hover .it-tip .it-meta{color:#9db0c8}
/* ==== s6d-35 v026：删除顶部版本行，LOGO 放大到最大 ==== */
.site-top .p-header .p-logo img,.p-shell .p-header .p-logo img{height:65px!important;width:auto}
@media (max-width:1000px){.site-top .p-header .p-logo img,.p-shell .p-header .p-logo img{height:40px!important}}
/* ==== s6d-36 v036：BIS 天赋背面板——补齐原站桌面态网格规则（248px 宽/62px 行高=正方形格子），修复连接线水平错位 ==== */
@media (min-width:761px){.t-grid{width:min(100% - 16px,248px);margin:14px auto 25px;grid-template-rows:repeat(7,62px)!important}}

/* ---------- bis 等级下拉（复刻原站 .bis-lvl） ---------- */
.bis-lvl{display:inline-block;position:relative}
.p-shell .bis-lvl>button{color:var(--game-yellow);font:inherit;letter-spacing:inherit;text-shadow:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #ffd10073;border-radius:0;align-items:center;gap:.28em;padding:0 .08em;display:inline-flex}
.p-shell .bis-lvl>button:hover,.p-shell .bis-lvl>button[aria-expanded=true]{color:#fff;border-bottom-color:var(--game-yellow)}
.p-shell .bis-lvl>button:focus{outline:none}
.p-shell .bis-lvl>button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.bis-lvl-arrow{border-top:.3em solid;border-left:.22em solid #0000;border-right:.22em solid #0000;width:0;height:0}
@media (pointer:coarse){.p-shell .bis-lvl>button{margin:-6px -8px;padding:6px 8px}}
.bis-lvl-menu{z-index:1000;background:#0b0f15;border-radius:3px;flex-direction:column;padding:6px 4px;display:flex;position:absolute;top:calc(100% + 2px);left:0;box-shadow:0 12px 32px #0009}
.bis-lvl-menu a{color:var(--ivory-2);font:700 30px/1.15 var(--font-display),Georgia,serif;padding:2px 18px 2px 12px;text-decoration:none;display:block;white-space:nowrap}
.bis-lvl-menu a[aria-current]{color:var(--game-yellow)}
.bis-lvl-menu a:hover{color:#fff}
.bis-lvl-menu a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media (pointer:coarse){.bis-lvl-menu a{padding:6px 22px 6px 14px}}
.bis-lvl-menu[hidden]{display:none!important}