/* /wiki (templates/wiki.html, static/wiki.js). Shared look (tokens, fields, tables, focus, headings): wax-site.css.
   The tone / rarity / element colours below carry game meaning (item rarities, elements, boss themes): keep them. */

/* ---- layout: sidebar, article, table of contents ---- */
.wiki-layout { display: grid; grid-template-columns: 250px minmax(0, 740px) 210px; justify-content: center; gap: 0; max-width: calc(var(--wx-max) + 40px); min-height: calc(100dvh - var(--header-height)); margin: 0 auto; }
.wiki-sidebar { position: sticky; top: var(--header-height); display: flex; flex-direction: column; height: calc(100dvh - var(--header-height)); padding: 26px 16px 24px 0; overflow-y: auto; border-right: 1px solid var(--wx-line); }
.wiki-content { min-width: 0; max-width: 1040px; padding: 44px 40px 90px; overflow-wrap: anywhere; }
.wiki-content article { max-width: 740px; }
.wiki-toc { position: sticky; top: var(--header-height); display: flex; flex-direction: column; gap: 4px; height: calc(100dvh - var(--header-height)); padding: 48px 0 24px 16px; overflow-y: auto; }
.wiki-toc p { margin: 0 0 8px; color: var(--wx-teal); font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; }
.wiki-toc a { padding: 4px 0 4px 12px; border-left: 2px solid var(--wx-line); color: var(--wx-muted); font-size: 12.5px; line-height: 1.5; }
.wiki-toc a:hover { color: var(--wx-text); }
.wiki-toc a[aria-current] { border-left-color: var(--wx-teal); color: var(--wx-violet-hi); }

/* ---- search ---- */
.wiki-search { position: relative; flex: 0 0 auto; margin: 0 0 18px; }
.wiki-search input { height: 42px; min-height: 0; padding-right: 46px; border-radius: 999px; font-size: 13px; }
.wiki-search button { position: absolute; top: 5px; right: 5px; width: 34px; height: 32px; border: 0; border-radius: 999px; background: transparent; color: var(--wx-muted); cursor: pointer; }
.wiki-search button:hover { background: var(--wx-violet-bg); color: var(--wx-text); }

/* ---- sidebar navigation: one collapsible block per category ---- */
.wiki-mobile-nav summary { display: none; color: var(--wx-text); cursor: pointer; }
.wiki-nav { display: grid; gap: 4px; }
.wiki-nav-group { border-radius: 10px; }
.wiki-nav-group > summary { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 7px 10px; border-radius: 10px; color: var(--wx-text); font-size: 13px; font-weight: 700; list-style: none; cursor: pointer; }
.wiki-nav-group > summary::-webkit-details-marker { display: none; }
.wiki-nav-group > summary::after { content: "›"; margin-left: 2px; color: var(--wx-dim); font-size: 18px; line-height: 1; transition: transform 0.15s ease; }
.wiki-nav-group[open] > summary::after { transform: rotate(90deg); }
.wiki-nav-group > summary:hover { background: rgba(204, 196, 224, 0.07); }
.wiki-nav-group > summary img { flex: none; width: 22px; height: 22px; object-fit: contain; }
.wiki-nav-group > summary span { flex: 1; }
.wiki-nav-group > summary small { min-width: 24px; padding: 1px 7px; border-radius: 999px; background: var(--wx-violet-bg); color: var(--wx-violet); font-size: 11px; font-weight: 700; text-align: center; }
.wiki-nav-group:has(a.active) > summary { color: var(--wx-violet-hi); }
.wiki-nav-group > div { display: grid; gap: 2px; margin: 2px 0 6px 21px; padding-left: 10px; border-left: 1px solid var(--wx-line-2); }
.wiki-nav-group > div a { min-height: 32px; padding: 6px 10px; border-radius: 8px; color: var(--wx-text-2); font-size: 13px; font-weight: 500; }
.wiki-nav-group > div a:hover { background: rgba(204, 196, 224, 0.07); color: var(--wx-text); }
.wiki-nav-group > div a.active { background: var(--wx-violet-bg); color: var(--wx-violet-hi); box-shadow: inset 2px 0 0 var(--wx-teal); }
.wiki-powered { margin-top: 24px; padding: 12px 14px; border: 1px solid var(--wx-line-2); border-radius: var(--wx-radius-sm); background: var(--wx-sunken); color: var(--wx-text-2); font-size: 12.5px; }
.wiki-powered:hover { border-color: var(--wx-line-accent); color: var(--wx-text); }

/* ---- article text ---- */
.wiki-breadcrumb { margin: 0 0 12px; color: var(--wx-teal); font-size: 11.5px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; }
.wiki-content h1 { margin: 0 0 16px; font-size: clamp(32px, 4vw, 44px); line-height: 1.12; text-shadow: 0 0 30px rgba(170, 104, 240, 0.35); }
.wiki-lead { margin: 0; color: var(--wx-text-2); font-size: 17px; line-height: 1.75; }
.wiki-content h2 { display: flex; align-items: center; gap: 16px; margin: 30px 0 14px; padding-top: 24px; border-top: 1px solid var(--wx-line-2); font-size: 25px; scroll-margin-top: calc(var(--header-height) + 16px); }
.wiki-content h2 > span { flex: 1; min-width: 0; }
.wiki-content h2 small { display: block; margin-top: 5px; color: var(--wx-muted); font: 500 12.5px/1.4 var(--wx-font); }
.wiki-content h3 { margin: 0 0 8px; font-size: 17px; }
.wiki-content p, .wiki-content li { color: var(--wx-text-2); }
.wiki-content li { margin: 8px 0; }
.wiki-content table { overflow-wrap: normal; }
.wiki-item-icon { flex: 0 0 60px; width: 60px; height: 60px; object-fit: contain; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.45)); }
.wiki-anchor { flex: 0 0 22px; color: var(--wx-violet); font: 400 18px var(--wx-font); opacity: 0.45; }
.wiki-anchor:hover, .wiki-anchor:focus-visible { opacity: 1; }
.wiki-section { --accent: var(--wx-teal); --accent-soft: rgba(128, 212, 210, 0.16); padding-block: 8px; }
.wiki-section + .wiki-section { margin-top: 10px; }
.wiki-notice { margin: 24px 0; padding: 15px 18px; border: 1px solid var(--wx-line); border-left: 3px solid var(--wx-teal); border-radius: 0 10px 10px 0; background: var(--wx-teal-bg); color: var(--wx-text-2); font-size: 14px; }
.wiki-notice strong { display: block; color: var(--wx-text); }
.wiki-related { display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 20px 0; font-size: 14px; }
.wiki-related a { font-weight: 600; }
.wiki-related a:hover { text-decoration: underline; text-underline-offset: 4px; }
.wiki-disclosure { margin-top: 14px; border: 1px solid var(--wx-line-2); border-radius: 10px; background: rgba(20, 18, 36, 0.6); }
.wiki-disclosure > summary { padding: 14px 18px; color: var(--wx-violet-hi); font-size: 14px; font-weight: 650; cursor: pointer; }
.wiki-disclosure > div { padding: 0 18px 18px; }
.wiki-inline-toc { display: none; margin: 26px 0; padding: 12px 0; border-block: 1px solid var(--wx-line-2); }
.wiki-inline-toc summary { color: var(--wx-violet); cursor: pointer; }
.wiki-inline-toc nav { display: grid; gap: 8px; max-height: 300px; padding-top: 14px; overflow-y: auto; font-size: 14px; }

/* ---- tables (wx-table look, framed and scrollable) ---- */
.wiki-table-scroll { margin: 20px 0; overflow-x: auto; border: 1px solid var(--wx-line-2); border-radius: var(--wx-radius-md); background: rgba(16, 14, 30, 0.55); }
.wiki-table-scroll table { display: table; margin: 0; font-size: 13.5px; }
.wiki-content .wx-table th, .wiki-content .wx-table td { vertical-align: top; }
.wiki-content .wx-table td + td, .wiki-content .wx-table th + th { border-left: 1px solid var(--wx-line); }

/* ---- home page: the progression guide and browse by category ---- */
.wiki-start { display: flex; flex-direction: column; gap: 8px; margin: 28px 0 12px; padding: 20px 22px; border: 1px solid rgba(232, 203, 142, 0.35); border-left: 4px solid var(--wx-gold); border-radius: 0 var(--wx-radius-md) var(--wx-radius-md) 0; background: linear-gradient(110deg, rgba(232, 203, 142, 0.1), rgba(154, 95, 224, 0.08)); }
.wiki-start strong { color: #f6dfa8; font: 700 22px/1.3 var(--wx-display); }
.wiki-start > span { color: var(--wx-text-2); font-size: 15px; }
.wiki-start:hover strong { text-decoration: underline; text-underline-offset: 4px; }
.wiki-categories { margin: 34px 0 10px; }
.wiki-categories > h2 { margin-bottom: 16px; }
.wiki-categories > div { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.wiki-category { padding: 16px 16px 12px; border: 1px solid var(--wx-line-2); border-radius: var(--wx-radius-md); background: var(--wx-glass); box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25); }
.wiki-category header { display: flex; gap: 12px; align-items: flex-start; }
.wiki-category header img { flex: none; width: 44px; height: 44px; object-fit: contain; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.5)); }
.wiki-content .wiki-category h3 { margin: 2px 0 4px; font-size: 16px; }
.wiki-content .wiki-category p { margin: 0; color: var(--wx-muted); font-size: 12.5px; line-height: 1.5; }
.wiki-category ul { display: grid; gap: 2px; margin: 12px 0 0; padding: 10px 0 0; border-top: 1px solid var(--wx-line); list-style: none; }
.wiki-content .wiki-category li { margin: 0; }
.wiki-category li a { display: block; padding: 4px 0; color: var(--wx-text-2); font-size: 13.5px; }
.wiki-category li a::before { content: "›"; margin-right: 8px; color: var(--wx-violet); }
.wiki-category li a:hover { color: var(--wx-violet-hi); }

/* ---- search results ---- */
.wiki-result { position: relative; display: block; margin: 12px 0; padding: 14px 40px 14px 18px; border: 1px solid var(--wx-line-2); border-radius: var(--wx-radius-md); background: var(--wx-glass); }
.wiki-result:hover { border-color: var(--wx-line-accent); }
.wiki-content .wiki-result h2 { margin: 0 0 4px; padding: 0; border: 0; font-size: 19px; }
.wiki-result p { margin: 0; font-size: 14px; }
.wiki-result span { position: absolute; top: 16px; right: 16px; color: var(--wx-violet); }

/* ---- previous / next page ---- */
.wiki-pager { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 48px 0 24px; padding-top: 24px; border-top: 1px solid var(--wx-line-2); }
.wiki-pager a { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border: 1px solid var(--wx-line-2); border-radius: var(--wx-radius-md); background: var(--wx-glass); }
.wiki-pager a:hover { border-color: var(--wx-line-accent); box-shadow: var(--wx-glow); }
.wiki-pager small { color: var(--wx-muted); font-size: 12px; }
.wiki-pager strong { color: var(--wx-text); font-size: 15px; }
.wiki-pager-next { grid-column: 2; text-align: right; }

/* ---- stats, passives, figures, banner, portraits, chips, steps, cards (dungeon and boss pages) ---- */
.wiki-stats { margin: 22px 0; padding: 12px 0 12px 18px; border-left: 3px solid var(--wx-teal); border-radius: 0 10px 10px 0; background: rgba(128, 212, 210, 0.07); }
.wiki-stats h3 { color: var(--wx-teal-hi); font-size: 13px; }
.wiki-stats ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 20px; margin: 12px 0 0; padding: 0 16px 0 0; list-style: none; }
.wiki-content .wiki-stats li { margin: 0; color: var(--wx-text); font-size: 14px; font-variant-numeric: tabular-nums; }
.wiki-passive { margin: 18px 0; }
.wiki-passive h3 { color: var(--wx-gold); font-size: 13px; }
.wiki-passive p { margin: 8px 0; font-size: 14px; white-space: pre-line; }
.wiki-figure { margin: 26px 0; }
.wiki-figure img { width: auto; max-height: 620px; margin: 0 auto; object-fit: contain; border: 1px solid var(--wx-line-2); border-radius: var(--wx-radius-sm); }
.wiki-figure figcaption, .wiki-banner figcaption, .wiki-portrait figcaption { margin-top: 10px; color: var(--wx-muted); font-size: 12.5px; line-height: 1.6; }
.wiki-banner { margin: 28px 0 6px; }
.wiki-banner a { display: block; }
.wiki-banner img { width: 100%; height: auto; border: 1px solid var(--wx-line-accent); border-radius: var(--wx-radius-md); box-shadow: 0 22px 50px rgba(8, 5, 24, 0.6); }
.wiki-section.has-portrait { display: flow-root; }
.wiki-portrait { float: right; width: 240px; margin: 6px 0 18px 30px; padding: 20px 14px 14px; border: 1px solid var(--wx-line-2); border-radius: var(--wx-radius-md); background: radial-gradient(ellipse 70% 55% at 50% 72%, var(--accent-soft), transparent 72%), linear-gradient(180deg, #1d1930, #121222); text-align: center; }
.wiki-portrait img { width: auto; max-width: 100%; height: auto; max-height: 300px; margin: 0 auto; filter: drop-shadow(0 12px 16px rgba(0, 0, 0, 0.55)); }
.wiki-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 22px; padding: 0; list-style: none; }
.wiki-content .wiki-chips li { margin: 0; padding: 5px 13px; border: 1px solid var(--wx-line-2); border-radius: 999px; background: rgba(30, 26, 50, 0.8); color: var(--wx-text); font-size: 13px; font-weight: 650; font-variant-numeric: tabular-nums; }
.wiki-steps { display: flow-root; margin: 20px 0; padding: 0; list-style: none; counter-reset: wiki-step; }
.wiki-content .wiki-steps li { position: relative; margin: 0 0 10px; padding: 13px 16px 13px 58px; border: 1px solid var(--wx-line); border-radius: 10px; background: rgba(28, 24, 46, 0.7); line-height: 1.6; counter-increment: wiki-step; }
.wiki-steps li::before { content: counter(wiki-step); position: absolute; top: 13px; left: 15px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--accent); color: #121212; font-size: 14px; font-weight: 800; }
.wiki-figures { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin: 18px 0 24px; }
.wiki-figures > div { display: flex; flex-direction: column; min-width: 0; padding: 14px 16px 15px; border: 1px solid var(--wx-line-2); border-top: 3px solid var(--accent); border-radius: var(--wx-radius-md); background: linear-gradient(165deg, rgba(40, 34, 64, 0.7), rgba(18, 18, 34, 0.8)); }
.wiki-content .wiki-figures dt { margin: 0; color: var(--wx-text-2); font-size: 13px; font-weight: 750; letter-spacing: 0.04em; text-transform: uppercase; }
.wiki-content .wiki-figures dd { margin: auto 0 0; padding-top: 4px; }
.wiki-figures dd strong { display: block; color: var(--wx-text); font-size: 44px; font-weight: 800; line-height: 1.05; font-variant-numeric: tabular-nums; }
.wiki-figures dd span { display: block; margin-top: 4px; color: var(--accent); font-size: 13.5px; font-weight: 700; }
.wiki-cards { clear: both; display: grid; grid-template-columns: repeat(auto-fill, minmax(236px, 1fr)); gap: 14px; margin: 22px 0; }
.wiki-card { --card-accent: var(--accent); display: flex; gap: 14px; align-items: flex-start; min-width: 0; padding: 15px 16px 16px; border: 1px solid var(--wx-line-2); border-top: 3px solid var(--card-accent); border-radius: var(--wx-radius-md); background: linear-gradient(165deg, rgba(40, 34, 64, 0.7), rgba(18, 18, 34, 0.8)); transition: border-color 0.18s ease, transform 0.18s ease; }
.wiki-card:hover { border-color: var(--card-accent); transform: translateY(-2px); }
.wiki-card > div { min-width: 0; }
.wiki-card.is-link { padding: 0; }
.wiki-card-link { display: flex; align-items: flex-start; gap: 14px; width: 100%; padding: 18px; border-radius: var(--wx-radius-md); }
.wiki-card-link h3::after { content: " ↗"; color: var(--card-accent); }
.wiki-content .wiki-card h3 { margin: 0 0 5px; color: var(--wx-text); font-size: 15px; line-height: 1.35; }
.wiki-content .wiki-card p { margin: 0; color: var(--wx-text-2); font-size: 13.5px; line-height: 1.6; }
.wiki-content .wiki-card .wiki-card-meta { margin: 0 0 8px; color: var(--card-accent); font-size: 12px; font-weight: 750; letter-spacing: 0.02em; }
.wiki-card-image { flex: 0 0 72px; width: 72px; height: 72px; object-fit: contain; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.5)); }
.wiki-card.card-tall { flex-direction: column; align-items: center; text-align: center; background: radial-gradient(ellipse 80% 45% at 50% 32%, color-mix(in srgb, var(--card-accent) 16%, transparent), transparent 75%), linear-gradient(165deg, rgba(40, 34, 64, 0.7), rgba(18, 18, 34, 0.8)); }
.wiki-cards:has(> .card-tall) { grid-template-columns: repeat(auto-fill, minmax(158px, 1fr)); }
.wiki-card.card-tall .wiki-card-image { flex: none; width: auto; max-width: 100%; height: 120px; margin: 4px auto 6px; }
.wiki-card.prismatic { border-top: 3px solid transparent; border-image: linear-gradient(90deg, #aeece7, #e8b8eb, #f4dea6) 1; border-image-slice: 1 0 0 0; }
.wiki-card.prismatic h3 { color: #effbff; text-shadow: -1px 0 #85dce3, 1px 0 #efb9e0; }

/* ---- section tones (boss themes, Bugcat's forms, Infinite Dreams, Nightmare) ---- */
.wiki-section[class*="tone-"] > h2 { border-top-color: var(--accent); box-shadow: 0 -1px 0 0 var(--accent-soft); }
.wiki-section[class*="tone-"] > h2 > span { text-shadow: 0 0 22px var(--accent-soft); }
.wiki-section[class*="tone-"] .wiki-notice { border-left-color: var(--accent); background: var(--accent-soft); }
.wiki-section[class*="tone-"] .wiki-stats { border-left-color: var(--accent); }
.wiki-section[class*="tone-"] .wiki-stats h3 { color: var(--accent); }
.wiki-section[class*="tone-"] .wiki-chips li { border-color: var(--accent-soft); }
.wiki-section.tone-legendary { --accent: #ffd57b; --accent-soft: rgba(255, 203, 101, .14); }
.wiki-section.tone-osavora { --accent: #94dea2; --accent-soft: rgba(111, 218, 135, .14); }
.tone-tylezia { --accent: #f7d82e; --accent-soft: rgba(247, 216, 46, .18); }
.tone-spy { --accent: #a597ff; --accent-soft: rgba(120, 104, 240, .22); }
.tone-avatar { --accent: #5fdcd8; --accent-soft: rgba(80, 220, 216, .18); }
.tone-wrath { --accent: #ff8a3d; --accent-soft: rgba(255, 122, 40, .2); }
.tone-demon { --accent: #f06060; --accent-soft: rgba(240, 80, 80, .18); }
.tone-reward { --accent: #e8b8eb; --accent-soft: rgba(174, 236, 231, .14); }
.tone-bugcat { --accent: #d78bff; --accent-soft: rgba(200, 110, 255, .18); }
.tone-form1 { --accent: #35d3ff; --accent-soft: rgba(3, 198, 252, .18); }
.tone-form2 { --accent: #ff4d4d; --accent-soft: rgba(230, 40, 40, .18); }
.tone-form3 { --accent: #ffdd00; --accent-soft: rgba(255, 221, 0, .16); }
.tone-form4 { --accent: #8f78ff; --accent-soft: rgba(110, 80, 230, .2); }
.tone-form5 { --accent: #b84dff; --accent-soft: rgba(162, 0, 255, .2); }
.tone-dream { --accent: #7fc8ff; --accent-soft: rgba(110, 180, 255, .16); }
.tone-nightmare { --accent: #b04dff; --accent-soft: rgba(176, 77, 255, .18); }
.tone-bloodmoon { --accent: #ff2a3c; --accent-soft: rgba(255, 42, 60, .16); }
.tone-abyssal { --accent: #2f8bff; --accent-soft: rgba(47, 139, 255, .16); }
.tone-spectral { --accent: #2cff7a; --accent-soft: rgba(44, 255, 122, .14); }
.wiki-card.tone-legendary { --card-accent: #ffd57b; }
.wiki-card.tone-osavora { --card-accent: #94dea2; }
.wiki-card.el-fire { --card-accent: #ff5d3f; }
.wiki-card.el-air { --card-accent: #45d46a; }
.wiki-card.el-water { --card-accent: #4d94ff; }
.wiki-card.el-earth { --card-accent: #c08a52; }
.wiki-card.tone-tylezia { --card-accent: #f7d82e; }
.wiki-card.tone-spy { --card-accent: #a597ff; }
.wiki-card.tone-avatar { --card-accent: #5fdcd8; }
.wiki-card.tone-wrath { --card-accent: #ff8a3d; }
.wiki-card.tone-demon { --card-accent: #f06060; }
.wiki-card.tone-bugcat { --card-accent: #d78bff; }
.wiki-card.tone-form1 { --card-accent: #35d3ff; }
.wiki-card.tone-form2 { --card-accent: #ff4d4d; }
.wiki-card.tone-form3 { --card-accent: #ffdd00; }
.wiki-card.tone-form4 { --card-accent: #8f78ff; }
.wiki-card.tone-form5 { --card-accent: #b84dff; }
.wiki-card.tone-reward { --card-accent: #e8b8eb; }
.wiki-card.tone-dream { --card-accent: #7fc8ff; }
.wiki-card.tone-nightmare { --card-accent: #b04dff; }
.wiki-card.tone-bloodmoon { --card-accent: #ff2a3c; }
.wiki-card.tone-abyssal { --card-accent: #2f8bff; }
.wiki-card.tone-spectral { --card-accent: #2cff7a; }
/* level-200 Nightmare gear colours */
.wiki-card.tone-nebula { --card-accent: #d84bff; }
.wiki-card.tone-hellfire { --card-accent: #ff1f2e; }
.wiki-card.tone-witchlight { --card-accent: #22ff5a; }
.wiki-card.tone-midnight { --card-accent: #2f78ff; }
.wiki-card.tone-blacksun { --card-accent: #ffc21a; }

/* ---- rarity, stat band and difficulty rows ---- */
.wiki-content .rarity-common td:first-child, .rarity-common h2 { color: #d1d4d2; font-weight: 700; }
.wiki-content .rarity-uncommon td:first-child, .rarity-uncommon h2 { color: #74dd73; font-weight: 700; }
.wiki-content .rarity-rare td:first-child, .rarity-rare h2 { color: #6cbaff; font-weight: 700; }
.wiki-content .rarity-epic td:first-child, .rarity-epic h2 { color: #d994f3; font-weight: 700; }
.wiki-content .rarity-legendary td:first-child, .rarity-legendary h2 { color: #ffca53; font-weight: 700; }
.wiki-content .rarity-prismatic td:first-child, .rarity-prismatic h2 > span { color: #effbff; font-weight: 700; text-shadow: -1px 0 #85dce3, 1px 0 #efb9e0; }
.rarity-prismatic h2 { border-image: linear-gradient(90deg, #aeece7, #e8b8eb, #f4dea6) 1; }
/* Godlike (owner 2026-10-26): heavenly gold and white light. */
.wiki-content .rarity-godlike td:first-child, .rarity-godlike h2 > span { color: #fff8e1; font-weight: 700; text-shadow: 0 0 6px rgba(255, 206, 90, .9), 0 0 14px rgba(255, 230, 160, .55); }
.rarity-godlike h2, .wiki-section.tone-godlike h2 { border-image: linear-gradient(90deg, #fff6d6, #ffd36e, #ffffff, #f0b43c) 1; }
.wiki-section.tone-godlike { --accent: #ffe39a; --accent-soft: rgba(255, 220, 130, .16); }
.wiki-card.tone-godlike { --card-accent: #ffe39a; border-top: 3px solid transparent; border-image: linear-gradient(90deg, #fff6d6, #ffd36e, #ffffff, #f0b43c) 1; border-image-slice: 1 0 0 0; box-shadow: 0 0 18px rgba(255, 210, 100, .22); }
.wiki-card.tone-godlike h3 { color: #fff8e1; text-shadow: 0 0 6px rgba(255, 206, 90, .85); }
.wiki-content .stat-band-white td:first-child { color: #e8e8e8; font-weight: 700; }
.wiki-content .stat-band-yellow td:first-child { color: #f2d14b; font-weight: 700; }
.wiki-content .stat-band-orange td:first-child { color: #f29a38; font-weight: 700; }
.wiki-content .stat-band-red td:first-child { color: #f04a4a; font-weight: 700; }
.wiki-content .stat-band-purple td:first-child { color: #b77cf2; font-weight: 700; }
.wiki-content .diff-easy td:first-child { color: #66dd44; font-weight: 700; }
.wiki-content .diff-medium td:first-child { color: #f2d02e; font-weight: 700; }
.wiki-content .diff-hard td:first-child { color: #ff9326; font-weight: 700; }
.wiki-content .diff-expert td:first-child { color: #ff4a3d; font-weight: 700; }
.wiki-content .diff-master td:first-child { color: #c77dff; font-weight: 700; }

/* ---- smaller screens (wiki.js closes the menu at 800 px) ---- */
@media (max-width: 1228px) {
  .wiki-layout { grid-template-columns: 230px minmax(0, 1fr); margin-inline: 24px; }
  .wiki-toc { display: none; }
  .wiki-inline-toc { display: block; }
}
@media (max-width: 800px) {
  .wiki-layout { display: block; margin: 0; }
  .wiki-sidebar { position: static; width: 100%; height: auto; padding: 16px 20px; border-right: 0; border-bottom: 1px solid var(--wx-line-2); background: rgba(14, 12, 28, 0.6); }
  .wiki-search { max-width: 520px; margin-bottom: 12px; }
  .wiki-mobile-nav summary { display: list-item; padding: 6px 2px; font-weight: 700; }
  .wiki-nav { max-height: 55vh; padding-top: 10px; overflow-y: auto; }
  .wiki-powered { display: none; }
  .wiki-content { padding: 28px 22px 72px; }
  .wiki-portrait { float: none; width: auto; max-width: 320px; margin: 10px auto 20px; }
}
@media (max-width: 560px) {
  .wiki-sidebar { padding-inline: 14px; }
  .wiki-content { padding-inline: 16px; }
  .wiki-content h1 { font-size: 30px; }
  .wiki-content h2 { gap: 10px; font-size: 21px; }
  .wiki-item-icon { flex-basis: 48px; width: 48px; height: 48px; }
  .wiki-stats ul { grid-template-columns: 1fr; }
  .wiki-table-scroll table { min-width: 320px; }
  .wiki-content .wx-table th, .wiki-content .wx-table td { padding: 10px 8px; }
  .wiki-cards { grid-template-columns: 1fr; }
  .wiki-steps li { padding-left: 52px; }
  .wiki-pager { grid-template-columns: 1fr; }
  .wiki-pager-next { grid-column: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .wiki-card { transition: none; }
  .wiki-card:hover { transform: none; }
}