MediaWiki:Common.css

/* ===================================================================
   Arms of God — dark theme (paste into MediaWiki:Common.css).
   The skin darkens the page to rgba(0,0,0,0.7) with light body text;
   these tokens make every pipeline-shipped panel (infobox, navbox,
   index/comparison wikitables, callouts, badges) match it.

   All bot-published pages reference these tokens inline as
   var(--token, <dark fallback>) — once this block is live the tokens
   below win, and editing a value here restyles the whole wiki.
   If you re-paste an updated version, replace everything between the
   WM-BLOCK-BEGIN / WM-BLOCK-END markers.
   =================================================================== */
:root {
  /* base palette */
  --theme-primary: #26272e;
  --theme-accent: #f1e9d2;

  /* infobox */
  --infobox-bg: #1c1d22;
  --infobox-border: #3a3c44;
  --infobox-header-bg: #26272e;
  --infobox-header-fg: #f1e9d2;
  --infobox-text: #e6e6e6;

  /* navbox */
  --navbox-bar-bg: #26272e;
  --navbox-bar-fg: #f1e9d2;
  --navbox-bg: #1c1d22;
  --navbox-text: #dcdcdc;
  --navbox-border: #3a3c44;

  /* tables (category indexes, comparison tables, navbox bodies) */
  --table-header-bg: #26272e;
  --table-row-odd: #1b1c20;
  --table-row-even: #202127;
  --table-text: #e6e6e6;
  --table-border: #3a3c44;
  --table-row-hover: #2a2c34;

  /* links on dark */
  --link-fg: #7db8ff;

  /* weapon/blessing/upgrade/passive tier badges (manifest rarity colors) */
  --tier-1-bg: #bbbbbb;
  --tier-2-bg: #69c343;
  --tier-3-bg: #e94040;

  /* damage-type accents (elemental chips in infoboxes + comparison cells) */
  --dmg-holy: #e8c34a;
  --dmg-fire: #ff6b35;
  --dmg-electric: #4ea3ff;

  /* callouts */
  --tip-bg: rgba(255, 255, 255, 0.05);
  --tip-border: #69c343;
  --cursed-fg: #ff6b6b;

  /* panels: template /doc boxes, disambig notes, edit notices, needs-image */
  --panel-bg: #1c1d22;
  --panel-border: #3a3c44;
  --panel-text: #e6e6e6;
}

/* ---- wikitables: indexes, comparison tables, navbox bodies ---------- */
.mw-parser-output .wikitable {
  background: var(--table-row-odd);
  color: var(--table-text);
  border-color: var(--table-border);
}
.mw-parser-output .wikitable > tr > th,
.mw-parser-output .wikitable > * > tr > th {
  background: var(--table-header-bg);
  color: var(--infobox-header-fg);
  border-color: var(--table-border);
}
.mw-parser-output .wikitable > tr > td,
.mw-parser-output .wikitable > * > tr > td {
  border-color: var(--table-border);
}
.mw-parser-output .wikitable > * > tr:nth-child(even) > td {
  background: var(--table-row-even);
}
.mw-parser-output .wikitable > * > tr:hover > td {
  background: var(--table-row-hover);
}
/* keep the sortable arrows readable on the dark header */
.client-js .mw-parser-output .wikitable.sortable th {
  color: var(--infobox-header-fg);
}

/* ---- infobox -------------------------------------------------------- */
.mw-parser-output .infobox {
  background: var(--infobox-bg);
  color: var(--infobox-text);
  border-color: var(--infobox-border);
}

/* ---- navbox ---------------------------------------------------------- */
.mw-parser-output .navbox {
  background: var(--navbox-bg);
  color: var(--navbox-text);
  border-color: var(--navbox-border);
}
.mw-parser-output .navbox-bar {
  background: var(--navbox-bar-bg);
  color: var(--navbox-bar-fg);
}

/* ---- links: readable blue on dark; redlinks lightened ---------------- */
.mw-parser-output a:not(.new):not(.external) { color: var(--link-fg); }
.mw-parser-output a.new { color: #ff8080; }

/* ---- tier badges + damage-type chips (class hooks) ------------------- */
.wm-badge { display: inline-block; padding: 1px 8px; border-radius: 3px;
            font-size: 0.85em; font-weight: bold; }
.wm-badge-tier1 { background: var(--tier-1-bg); color: #111; }
.wm-badge-tier2 { background: var(--tier-2-bg); color: #111; }
.wm-badge-tier3 { background: var(--tier-3-bg); color: #fff; }
.wm-dmg-holy { color: var(--dmg-holy); }
.wm-dmg-fire { color: var(--dmg-fire); }
.wm-dmg-electric { color: var(--dmg-electric); }

/* ---- callouts ({{Tip}}) ---------------------------------------------- */
.wm-callout {
  background: var(--tip-bg);
  color: var(--table-text);
  border-color: var(--tip-border);
}

/* ---- panels: /doc boxes, disambig, edit notices, needs-image ---------- */
.mw-parser-output .wm-template-doc, .wm-template-doc,
.mw-parser-output .wm-disambig, .wm-disambig,
.mw-parser-output .wm-needs-image, .wm-needs-image,
.editnotice {
  background: var(--panel-bg);
  color: var(--panel-text);
  border-color: var(--panel-border);
}
.mw-parser-output .wm-quote, .wm-quote {
  border-left-color: var(--panel-border);
}

/* ---- category-links footer bar (operator addition, rev 1849) ---------- */
.catlinks {
  background: var(--infobox-bg);
}

/* ===================================================================
   2026-06-10d feature block: hover-infobox tooltips + filter chips
   (paired with the .wm-tip / .wm-chip handlers in MediaWiki:Common.js)
   =================================================================== */

/* ---- hover tooltip popup (.wm-tip links -> floating infobox) --------- */
.wm-tipbox {
  position: absolute;
  z-index: 1000;
  max-width: 360px;
  background: var(--panel-bg, #1c1d22);
  color: var(--panel-text, #e6e6e6);
  border: 1px solid var(--panel-border, #3a3c44);
  border-radius: 5px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.65);
  padding: 6px;
  font-size: 0.9em;
  pointer-events: none;
}
/* the fetched infobox floats right at 280px on its own page — neutralise */
.wm-tipbox .infobox {
  float: none !important;
  width: auto !important;
  max-width: 340px !important;
  margin: 0 !important;
}
.wm-tipbox p { margin: 0.2em 0; }
.wm-tip > a { cursor: help; }

/* ---- filter chips (comparison tables + tiered indexes) --------------- */
.wm-filterbar { line-height: 2; }
.wm-chip {
  -webkit-user-select: none;
  user-select: none;
  transition: background 0.15s, color 0.15s;
}
.wm-chip:hover { background: var(--table-row-hover, #2a2c34); }
.wm-chip-on {
  background: var(--theme-accent, #f1e9d2) !important;
  color: #111 !important;
  font-weight: bold;
}
.wm-row-hidden { display: none !important; }

/* ---- linked damage-type chip labels keep their accent color ---------- */
.wm-dmg-holy a, .wm-dmg-fire a, .wm-dmg-electric a { color: inherit; }

/* ---- Help:Wiki Editing catalogue expand/collapse-all controls --------- */
/* (paired with the .wm-expand-all / .wm-collapse-all handler in
   MediaWiki:Common.js; same dark-button look as .wm-chip) */
.wm-catalogue-controls { margin: 4px 0 10px; }
.wm-expand-all,
.wm-collapse-all {
  display: inline-block;
  cursor: pointer;
  padding: 2px 10px;
  margin-right: 6px;
  border: 1px solid var(--panel-border, #3a3c44);
  border-radius: 4px;
  background: var(--panel-bg, #1c1d22);
  color: var(--panel-text, #e6e6e6);
  font-size: 0.9em;
  -webkit-user-select: none;
  user-select: none;
  transition: background 0.15s;
}
.wm-expand-all:hover,
.wm-collapse-all:hover { background: var(--table-row-hover, #2a2c34); }
/* Enemies — one-page bestiary */

.aog-enemy-profile {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 24px;
    clear: both;
    margin: 16px 0 36px;
    padding: 20px;
    border: 1px solid #3a3c44;
    border-radius: 8px;
    background: rgba(20, 20, 24, 0.72);
}

.aog-enemy-main {
    flex: 1 1 480px;
    min-width: 0;
    line-height: 1.65;
}

.aog-enemy-art {
    width: 100%;
    max-width: 600px;
    margin: 0 0 20px;
}

.aog-enemy-art img {
    display: block;
    max-width: 100%;
    height: auto;
}

.aog-enemy-art .mw-file-description,
.aog-enemy-art .mw-file-element {
    max-width: 100%;
}

.aog-enemy-lore {
    margin-top: 0;
}

.aog-enemy-label {
    margin: 20px 0 6px;
    color: #e8c47a;
    font-weight: bold;
}

.aog-enemy-main .aog-enemy-label + p {
    margin-top: 0;
}

.aog-enemy-notes {
    margin-top: 16px;
}

.aog-enemy-aside {
    flex: 0 1 300px;
    min-width: 240px;
    max-width: 100%;
    margin-left: auto;
}

table.aog-enemy-stats {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    background: #1c1d22;
}

table.aog-enemy-stats caption {
    padding: 12px;
    border: 1px solid #50525d;
    border-bottom: 0;
    background: #292a32;
    color: #f1e8d5;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}

table.aog-enemy-stats th,
table.aog-enemy-stats td {
    padding: 9px 12px;
    border: 1px solid #50525d;
    vertical-align: top;
}

table.aog-enemy-stats th {
    width: 62%;
    background: #25262d;
    color: #ece7dc;
    text-align: left;
    font-weight: bold;
}

table.aog-enemy-stats td {
    color: #f0ede6;
    text-align: right;
    overflow-wrap: anywhere;
}

.aog-enemy-stat-note {
    margin: 10px 0 0;
    color: #b6b6bf;
    font-size: 0.85em;
    line-height: 1.5;
}

@media screen and (max-width: 800px) {
    .aog-enemy-profile {
        padding: 14px;
        gap: 18px;
    }

    .aog-enemy-main,
    .aog-enemy-aside {
        flex: 1 1 100%;
        min-width: 0;
        width: 100%;
    }

    .aog-enemy-aside {
        margin-left: 0;
    }
}