/**
 * Campaign Styles for campaign #323826
 */

/** Style Aurora Borealis#7034 */
/* ============================================================
   WHISPERS AT MIDNIGHT — Kanka Campaign Theme
   Werewolf: The Forsaken 2e | Anchorage, Alaska
   
   INSTALLATION:
   1. Go to your Kanka campaign → Settings → Theming
   2. Set your base theme to "Dark" (World > Edit Campaign > Boosted > Select "Dark")
   3. Create a New Style
   4. Paste this entire CSS into the style editor
   5. Save and enable the style
   
   BACKGROUND IMAGE:
   The theme includes a built-in dark frost texture by default.
   To use your own image, change the --wam-bg-image URL below.
   Host your image on Imgur, your own server, etc.
   Recommended: dark, high-res (2560x1440+), subtle texture or landscape.
   
   COLOR PALETTE:
   • Aurora Teal (#2A9D8F)  — Primary: links, buttons, key UI elements
   • King's Yellow (#C9A227) — Accent: important actions, warnings, Carrion King motif
   • Arctic Dark (#0B1420)   — Background: deep blue-black Alaskan night
   • Frost Silver (#8BA7B8)  — Secondary: subtle UI elements, metadata
   • Bone White (#E0DDD5)    — Text: warm off-white for readability
   • Blood Moon (#8B2E2E)    — Error/danger states
   
   FONTS:
   • Georgia for body text (matching your campaign documents)
   • Cinzel for headings (evokes carved stone, ritual inscriptions)
   ============================================================ */
 
/* --- Google Fonts Import --- */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&display=swap');
 
/* === CORE THEME VARIABLES === */
:root {
  /* Force dark color scheme */
  color-scheme: dark;
  
  /* Primary — Aurora Teal */
  --p: 174 56% 39%;
  --pf: 174 56% 29%;
  --pc: 170 20% 95%;
  
  /* Secondary — Frost Silver */
  --s: 202 22% 53%;
  --sf: 202 22% 43%;
  --sc: 210 15% 10%;
  
  /* Accent — King's Yellow */
  --a: 46 70% 47%;
  --af: 46 70% 37%;
  --ac: 40 20% 10%;
  
  /* Neutral — Arctic Dark */
  --n: 215 47% 8%;
  --nf: 215 47% 5%;
  --nc: 210 18% 88%;
  
  /* Base colors */
  --b1: 215 35% 10%;
  --b2: 215 35% 8%;
  --b3: 215 35% 6%;
  --bc: 35 10% 88%;
  
  /* Sidebar — Deep Arctic
     --sic kept neutral so Kanka's rainbow entity-type icon colors show through */
  --si: 215 40% 7%;
  --sif: 215 40% 12%;
  --sic: 210 15% 82%;
  
  /* Status colors */
  --er: 0 50% 36%;
  --erc: 0 20% 90%;
  --wa: 46 70% 47%;
  --wac: 40 20% 10%;
  --in: 174 56% 39%;
  --inc: 170 20% 95%;
  
  /* Rounded corners — slightly sharp for a rugged feel */
  --rounded-btn: 0.25rem;
  --rounded-box: 0.375rem;
  
  /* Content wrapper background */
  --content-wrapper-background: #0a0f18;
  
  /* ★ BACKGROUND IMAGE — Change this URL to use your own image ★
     Host on Imgur, Discord CDN, your own server, etc.
     Set to 'none' to disable and use the built-in frost texture only */
--wam-bg-image: url('https://i.imgur.com/Fenkuef.jpg');
  
  /* Main text color */
  --theme-main-text: #E0DDD5;
  
  /* Box borders */
  --box-border: #1e3040;
  
  /* Header text uses aurora teal */
  --header-text: #2A9D8F;
  
  /* Link colors */
  --link-text: #2A9D8F;
  --link-hover: #3BBFB0;
}
 
 
/* === BACKGROUND IMAGE & FROST TEXTURE === */
 
/* Built-in dark frost texture — always present as base layer
   A custom image (--wam-bg-image) layers on top when provided.
   Targets multiple Kanka wrapper classes for full coverage. */
.content-wrapper,
#content-wrapper,
.wrapper {
  background-color: #0a0f18 !important;
  background-image:
    /* Layer 1: Custom image (if set) */
    var(--wam-bg-image),
    /* Layer 2: Aurora glow — teal wash at top */
    radial-gradient(ellipse at 50% 0%, rgba(42, 157, 143, 0.07) 0%, transparent 60%),
    /* Layer 3: Frost noise — horizontal lines */
    repeating-linear-gradient(
      0deg,
      transparent,
      rgba(139, 167, 184, 0.04) 1px,
      transparent 2px,
      transparent 5px
    ),
    /* Layer 4: Frost noise — vertical lines */
    repeating-linear-gradient(
      90deg,
      transparent,
      rgba(139, 167, 184, 0.03) 1px,
      transparent 2px,
      transparent 7px
    ),
    /* Layer 5: Diagonal scratches — weathered ice surface */
    repeating-linear-gradient(
      -35deg,
      transparent,
      transparent 10px,
      rgba(139, 167, 184, 0.04) 10px,
      rgba(139, 167, 184, 0.04) 11px
    ),
    /* Layer 6: Second scratch direction for crosshatch */
    repeating-linear-gradient(
      35deg,
      transparent,
      transparent 14px,
      rgba(139, 167, 184, 0.025) 14px,
      rgba(139, 167, 184, 0.025) 15px
    ),
    /* Layer 7: Aurora glow spots */
    radial-gradient(ellipse at 15% 25%, rgba(42, 157, 143, 0.06) 0%, transparent 40%),
    radial-gradient(ellipse at 85% 65%, rgba(201, 162, 39, 0.035) 0%, transparent 35%),
    radial-gradient(ellipse at 50% 85%, rgba(42, 157, 143, 0.04) 0%, transparent 30%);
  background-size: cover, cover, auto, auto, auto, auto, cover, cover, cover;
  background-position: center top;
  background-attachment: fixed;
  background-repeat: no-repeat, no-repeat, repeat, repeat, repeat, repeat, no-repeat, no-repeat, no-repeat;
}
 
 
/* === TYPOGRAPHY === */
 
/* Body text — Georgia for that campaign-document consistency */
body,
.entity-content,
.entity-content p,
.box-body,
.entity-entry,
.post-body {
  font-family: Georgia, 'Times New Roman', serif;
  color: #E0DDD5;
  line-height: 1.7;
}
 
/* Headings — Cinzel for ritual/inscription feel */
h1, h2, h3, h4, h5, h6,
.entity-content h1,
.entity-content h2,
.entity-content h3,
.entity-content h4,
.entity-content h5,
.entity-content h6,
.box-header,
.box .box-header {
  font-family: 'Cinzel', Georgia, serif;
  letter-spacing: 0.03em;
}
 
/* Entity name / page title — glow for readability over background image */
.entity-name,
.entity-header .entity-name {
  font-family: 'Cinzel', Georgia, serif;
  letter-spacing: 0.05em;
  text-shadow:
    0 0 20px rgba(0, 0, 0, 0.8),
    0 0 30px rgba(0, 0, 0, 0.5),
    0 0 50px rgba(0, 0, 0, 0.3);
}
 
/* Entity header area — breadcrumbs, tags, and type labels over images */
.entity-header,
.entity-header .breadcrumb,
.entity-header .breadcrumb a,
.entity-header .entity-tags {
  text-shadow:
    0 0 12px rgba(0, 0, 0, 0.8),
    0 0 20px rgba(0, 0, 0, 0.4);
}
 
/* Content headings — aurora teal with subtle glow */
.entity-content h1 {
  color: #2A9D8F;
  border-bottom: 1px solid rgba(42, 157, 143, 0.3);
  padding-bottom: 0.5em;
  margin-top: 1.5em;
  text-shadow: 0 0 40px rgba(42, 157, 143, 0.15);
}
 
.entity-content h2 {
  color: #3BBFB0;
  border-bottom: 1px solid rgba(42, 157, 143, 0.15);
  padding-bottom: 0.3em;
  margin-top: 1.3em;
}
 
.entity-content h3 {
  color: #8BA7B8;
  margin-top: 1.2em;
}
 
.entity-content h4,
.entity-content h5,
.entity-content h6 {
  color: #9DB5C4;
}
 
 
/* === LINKS — Aurora Teal === */
a,
.entity-content a {
  color: #2A9D8F;
  transition: color 0.2s ease, text-shadow 0.2s ease;
}
 
a:hover,
.entity-content a:hover {
  color: #3BBFB0;
  text-shadow: 0 0 12px rgba(42, 157, 143, 0.3);
}
 
 
/* === BOXES & CONTAINERS — Floating over background === */
 
/* Main content boxes — strong float with shadow and blur */
.bg-box,
.box {
  background-color: rgba(11, 20, 32, 0.92);
  border: 1px solid rgba(42, 157, 143, 0.15);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow:
    0 4px 24px rgba(0, 0, 0, 0.5),
    0 1px 3px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(42, 157, 143, 0.05);
}
 
/* Box headers */
.box .box-header,
.box .box-header.with-border {
  background-color: rgba(14, 25, 40, 0.95);
  border-bottom: 1px solid rgba(42, 157, 143, 0.2);
  color: #2A9D8F;
  font-family: 'Cinzel', Georgia, serif;
  text-transform: uppercase;
  font-size: 0.85em;
  letter-spacing: 0.08em;
}
 
/* Content sections and entity entry — give main content area the floating treatment */
.entity-main .box,
.entity-content-wrapper {
  background-color: rgba(11, 20, 32, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
 
/* Dashboard widgets float too */
.widget {
  box-shadow:
    0 4px 20px rgba(0, 0, 0, 0.45),
    0 1px 3px rgba(0, 0, 0, 0.25);
}
 
/* Pagination and footer areas */
.box-footer {
  background-color: rgba(10, 15, 24, 0.9);
  border-top: 1px solid rgba(42, 157, 143, 0.08);
}
 
 
/* === SIDEBAR STYLING === */
 
/* Left sidebar — frosted glass panel floating over background */
.sidebar-wrapper,
.main-sidebar {
  background-color: rgba(10, 15, 24, 0.92) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-right: 1px solid rgba(42, 157, 143, 0.08);
}
 
/* Top navigation bar — frosted glass */
.main-header .navbar {
  background-color: rgba(10, 15, 24, 0.92) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(42, 157, 143, 0.1);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}
 
/* Sidebar section headers */
.sidebar-menu .section-header,
.sidebar-menu > li > div {
  font-family: 'Cinzel', Georgia, serif;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.75rem;
}
 
/* Sidebar links — preserve Kanka's rainbow entity-type colors
   Only add transition and subtle hover background, no color overrides */
.sidebar-menu a {
  transition: background-color 0.2s ease, filter 0.2s ease;
}
 
.sidebar-menu a:hover {
  background-color: rgba(255, 255, 255, 0.05);
  filter: brightness(1.2);
}
 
/* Active sidebar item — subtle left border, keeps original link color */
.sidebar-menu .active > a {
  border-left: 2px solid currentColor;
  background-color: rgba(255, 255, 255, 0.03);
}
 
 
/* === ENTITY SIDEBAR (Right Panel) === */
 
/* Sidebar attributes and metadata — float over background */
.entity-sidebar .box {
  border: 1px solid rgba(42, 157, 143, 0.12);
  box-shadow:
    0 4px 20px rgba(0, 0, 0, 0.45),
    0 1px 3px rgba(0, 0, 0, 0.25);
}
 
.entity-sidebar .box .box-header {
  background: linear-gradient(135deg, rgba(42, 157, 143, 0.1), rgba(14, 25, 40, 0.95));
}
 
 
/* === BUTTONS === */
 
/* Primary buttons — Aurora Teal */
.btn-primary,
.btn-primary:focus {
  background-color: #2A9D8F;
  border-color: #238579;
  color: #E8F5F3;
  font-family: 'Cinzel', Georgia, serif;
  letter-spacing: 0.03em;
  transition: all 0.2s ease;
}
 
.btn-primary:hover {
  background-color: #238579;
  border-color: #1C6D64;
  box-shadow: 0 0 12px rgba(42, 157, 143, 0.3);
}
 
/* Accent buttons — King's Yellow for important actions */
.btn-accent,
.btn-warning {
  background-color: #C9A227;
  border-color: #B08E20;
  color: #1A1505;
}
 
.btn-accent:hover,
.btn-warning:hover {
  background-color: #B08E20;
  box-shadow: 0 0 12px rgba(201, 162, 39, 0.3);
}
 
/* Danger buttons — Blood Moon */
.btn-danger,
.btn-error {
  background-color: #8B2E2E;
  border-color: #722525;
}
 
 
/* === TABLES === */
 
.entity-content table {
  border-collapse: collapse;
  width: 100%;
}
 
.entity-content table th {
  background-color: rgba(42, 157, 143, 0.15);
  color: #2A9D8F;
  font-family: 'Cinzel', Georgia, serif;
  text-transform: uppercase;
  font-size: 0.85em;
  letter-spacing: 0.05em;
  border-bottom: 2px solid rgba(42, 157, 143, 0.3);
  padding: 0.6em 0.8em;
}
 
.entity-content table td {
  border-bottom: 1px solid rgba(42, 157, 143, 0.08);
  padding: 0.5em 0.8em;
}
 
.entity-content table tr:hover td {
  background-color: rgba(42, 157, 143, 0.05);
}
 
 
/* === BLOCKQUOTES — Styled as "whispers" === */
 
.entity-content blockquote {
  border-left: 3px solid #C9A227;
  background: linear-gradient(135deg, rgba(201, 162, 39, 0.05), rgba(11, 20, 32, 0.5));
  padding: 1em 1.5em;
  margin: 1.5em 0;
  font-style: italic;
  color: #C4BFA8;
  position: relative;
}
 
.entity-content blockquote::before {
  content: '"';
  font-family: 'Cinzel', Georgia, serif;
  font-size: 3em;
  color: rgba(201, 162, 39, 0.2);
  position: absolute;
  top: -0.1em;
  left: 0.15em;
  line-height: 1;
}
 
 
/* === CODE BLOCKS — For mechanical/rules content === */
 
.entity-content code {
  background-color: rgba(14, 25, 40, 0.8);
  border: 1px solid rgba(42, 157, 143, 0.15);
  color: #3BBFB0;
  padding: 0.15em 0.4em;
  border-radius: 3px;
  font-size: 0.9em;
}
 
.entity-content pre {
  background-color: rgba(14, 25, 40, 0.9);
  border: 1px solid rgba(42, 157, 143, 0.15);
  border-left: 3px solid #2A9D8F;
  padding: 1em;
  overflow-x: auto;
}
 
 
/* === HORIZONTAL RULES — Seal crack motif === */
 
.entity-content hr {
  border: none;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(42, 157, 143, 0.4) 20%,
    rgba(201, 162, 39, 0.3) 50%,
    rgba(42, 157, 143, 0.4) 80%,
    transparent
  );
  margin: 2em 0;
}
 
 
/* === TAGS — Color-coded for organization === */
 
.badge,
.label {
  font-family: 'Cinzel', Georgia, serif;
  font-size: 0.7em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
 
 
/* === DASHBOARD WIDGETS === */
 
.widget .widget-header {
  font-family: 'Cinzel', Georgia, serif;
  letter-spacing: 0.05em;
}
 
 
/* === ENTITY GRID/LIST VIEW === */
 
/* Entity cards in grid view */
.entity-grid .cover-background {
  border: 1px solid rgba(42, 157, 143, 0.1);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
 
.entity-grid .cover-background:hover {
  border-color: rgba(42, 157, 143, 0.3);
  box-shadow: 0 0 15px rgba(42, 157, 143, 0.1);
}
 
 
/* === DROPDOWN MENUS === */
 
.dropdown-menu {
  background-color: rgba(14, 25, 40, 0.96);
  border: 1px solid rgba(42, 157, 143, 0.15);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}
 
.dropdown-menu > li > a:hover {
  background-color: rgba(42, 157, 143, 0.1);
  color: #3BBFB0;
}
 
 
/* === TOOLTIPS === */
 
.tooltip-inner {
  background-color: rgba(14, 25, 40, 0.96);
  border: 1px solid rgba(42, 157, 143, 0.2);
  color: #E0DDD5;
  font-family: Georgia, serif;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
}
 
 
/* === CALENDAR MODULE — Moon phase emphasis === */
 
.calendar-month .day-today {
  background-color: rgba(42, 157, 143, 0.15);
  border: 1px solid #2A9D8F;
}
 
 
/* === MAPS MODULE === */
 
/* Map marker popups */
.leaflet-popup-content-wrapper {
  background-color: rgba(14, 25, 40, 0.96);
  border: 1px solid rgba(42, 157, 143, 0.2);
  color: #E0DDD5;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}
 
.leaflet-popup-tip {
  background-color: rgba(14, 25, 40, 0.96);
}
 
 
/* === TIMELINE MODULE === */
 
.timeline-element {
  border-left: 2px solid rgba(42, 157, 143, 0.3);
}
 
.timeline-element .timeline-badge {
  background-color: #2A9D8F;
}
 
 
/* === MENTIONS — Inline entity references === */
 
/* Style entity mentions to stand out */
[data-toggle="tooltip-ajax"] {
  color: #3BBFB0;
  border-bottom: 1px dotted rgba(42, 157, 143, 0.4);
  transition: color 0.2s ease;
}
 
[data-toggle="tooltip-ajax"]:hover {
  color: #5FD4C6;
  border-bottom-color: rgba(42, 157, 143, 0.7);
}
 
 
/* === SCROLLBAR STYLING === */
 
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
 
::-webkit-scrollbar-track {
  background: #0B1420;
}
 
::-webkit-scrollbar-thumb {
  background: rgba(42, 157, 143, 0.3);
  border-radius: 4px;
}
 
::-webkit-scrollbar-thumb:hover {
  background: rgba(42, 157, 143, 0.5);
}
 
 
/* === SELECTION HIGHLIGHT === */
 
::selection {
  background-color: rgba(42, 157, 143, 0.3);
  color: #FFFFFF;
}
 
 
/* === CUSTOM CLASSES FOR CONTENT WRITERS ===
   Use these in your Kanka entity HTML for special formatting:
   
   ...       — Lore/legend text box
   ...   — Rules/mechanics box
   ...     — Danger/warning box (King's Yellow)
   ...     — Spirit whisper / secret text
   ... — First Tongue text
============================================================ */
 
/* Lore box — teal-bordered knowledge */
.entity-content .wam-lore {
  background: linear-gradient(135deg, rgba(42, 157, 143, 0.08), rgba(11, 20, 32, 0.6));
  border: 1px solid rgba(42, 157, 143, 0.2);
  border-left: 4px solid #2A9D8F;
  padding: 1.2em 1.5em;
  margin: 1.5em 0;
  border-radius: 0 4px 4px 0;
}
 
/* Mechanics box — structured rules content */
.entity-content .wam-mechanics {
  background: rgba(14, 25, 40, 0.7);
  border: 1px solid rgba(139, 167, 184, 0.2);
  padding: 1.2em 1.5em;
  margin: 1.5em 0;
  border-radius: 4px;
  font-size: 0.95em;
}
 
.entity-content .wam-mechanics::before {
  content: '⚙ MECHANICS';
  display: block;
  font-family: 'Cinzel', Georgia, serif;
  font-size: 0.75em;
  letter-spacing: 0.1em;
  color: #8BA7B8;
  margin-bottom: 0.8em;
  padding-bottom: 0.4em;
  border-bottom: 1px solid rgba(139, 167, 184, 0.15);
}
 
/* Warning box — King's Yellow danger */
.entity-content .wam-warning {
  background: linear-gradient(135deg, rgba(201, 162, 39, 0.08), rgba(11, 20, 32, 0.6));
  border: 1px solid rgba(201, 162, 39, 0.2);
  border-left: 4px solid #C9A227;
  padding: 1.2em 1.5em;
  margin: 1.5em 0;
  border-radius: 0 4px 4px 0;
  color: #D4C799;
}
 
/* Spirit whisper — faded, ethereal text */
.entity-content .wam-whisper {
  color: rgba(187, 200, 210, 0.6);
  font-style: italic;
  padding: 0.5em 1.5em;
  margin: 1em 0;
  position: relative;
  letter-spacing: 0.02em;
}
 
.entity-content .wam-whisper::before,
.entity-content .wam-whisper::after {
  content: '~';
  color: rgba(42, 157, 143, 0.3);
  margin: 0 0.3em;
}
 
/* First Tongue text — ritual language styling */
.entity-content .wam-firsttongue {
  font-style: italic;
  color: #C9A227;
  letter-spacing: 0.04em;
  text-shadow: 0 0 15px rgba(201, 162, 39, 0.1);
}
 
 
/* === RESPONSIVE ADJUSTMENTS === */
 
@media (max-width: 768px) {
  .entity-content h1 {
    font-size: 1.5em;
  }
  
  .entity-content blockquote {
    padding: 0.8em 1em;
  }
  
  .entity-content blockquote::before {
    font-size: 2em;
  }
}
 
 
/* ============================================================
   WEREWOLF: THE FORSAKEN 2e — CHARACTER PAGE OVERRIDES
   
   These styles ONLY apply to character entity pages.
   They shift the color palette from arctic teal to the warm
   brown/earth-tone palette of the WtF 2e corebook interior.
   
   WTF 2E BOOK COLORS (adapted for dark mode):
   • Sienna (#8B5E3C)     — Headers, accents (warm copper-brown)
   • Blood Rust (#8B3A2B)  — Danger, Kuruth, Death Rage
   • Parchment (#D4C8B0)   — Body text (warm cream)
   • Dark Leather (#221A12) — Panel backgrounds
   • Bone (#B8A88C)         — Secondary text, metadata
   ============================================================ */
 
/* Override CSS variables on character pages */
body.kanka-entity-character {
  /* Primary shifts from teal to warm sienna */
  --p: 25 41% 39%;
  --pf: 25 41% 29%;
  --pc: 35 25% 92%;
  
  /* Secondary — warm bone/parchment */
  --s: 32 22% 48%;
  --sf: 32 22% 38%;
  --sc: 35 15% 10%;
  
  /* Accent — blood rust for Kuruth/danger elements */
  --a: 8 52% 36%;
  --af: 8 52% 26%;
  --ac: 8 20% 92%;
  
  /* Neutral — dark leather brown */
  --n: 25 30% 10%;
  --nf: 25 30% 5%;
  --nc: 35 18% 85%;
  
  /* Base — dark warm brown instead of arctic blue */
  --b1: 25 25% 10%;
  --b2: 25 25% 8%;
  --b3: 25 25% 6%;
  --bc: 35 20% 82%;
  
  /* Warm content background */
  --content-wrapper-background: #181210;
  --theme-main-text: #D4C8B0;
  --box-border: #3D2D1E;
  --header-text: #8B5E3C;
  --link-text: #A87B54;
  --link-hover: #C4965E;
}
 
 
/* === CHARACTER PAGE — Typography === */
 
body.kanka-entity-character .entity-content,
body.kanka-entity-character .entity-content p,
body.kanka-entity-character .box-body,
body.kanka-entity-character .entity-entry,
body.kanka-entity-character .post-body {
  color: #D4C8B0;
}
 
/* Character page headings — warm sienna/copper */
body.kanka-entity-character .entity-content h1 {
  color: #8B5E3C;
  border-bottom: 1px solid rgba(139, 94, 60, 0.3);
  text-shadow: 0 0 20px rgba(139, 94, 60, 0.15);
}
 
body.kanka-entity-character .entity-content h2 {
  color: #A87B54;
  border-bottom: 1px solid rgba(139, 94, 60, 0.15);
}
 
body.kanka-entity-character .entity-content h3 {
  color: #B8A88C;
}
 
body.kanka-entity-character .entity-content h4,
body.kanka-entity-character .entity-content h5,
body.kanka-entity-character .entity-content h6 {
  color: #A89880;
}
 
 
/* === CHARACTER PAGE — Links === */
 
body.kanka-entity-character a,
body.kanka-entity-character .entity-content a {
  color: #A87B54;
}
 
body.kanka-entity-character a:hover,
body.kanka-entity-character .entity-content a:hover {
  color: #C4965E;
  text-shadow: 0 0 8px rgba(168, 123, 84, 0.3);
}
 
/* Entity mentions on character pages */
body.kanka-entity-character [data-toggle="tooltip-ajax"] {
  color: #C4965E;
  border-bottom-color: rgba(168, 123, 84, 0.4);
}
 
body.kanka-entity-character [data-toggle="tooltip-ajax"]:hover {
  color: #D4AB72;
  border-bottom-color: rgba(168, 123, 84, 0.7);
}
 
 
/* === CHARACTER PAGE — Boxes & Panels === */
 
body.kanka-entity-character .bg-box,
body.kanka-entity-character .box {
  background-color: rgba(34, 26, 18, 0.92);
  border: 1px solid rgba(139, 94, 60, 0.15);
  box-shadow:
    0 4px 24px rgba(0, 0, 0, 0.5),
    0 1px 3px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(139, 94, 60, 0.05);
}
 
body.kanka-entity-character .box .box-header,
body.kanka-entity-character .box .box-header.with-border {
  background-color: rgba(30, 22, 14, 0.95);
  border-bottom: 1px solid rgba(139, 94, 60, 0.2);
  color: #8B5E3C;
}
 
body.kanka-entity-character .entity-main .box,
body.kanka-entity-character .entity-content-wrapper {
  background-color: rgba(34, 26, 18, 0.92);
}
 
 
/* === CHARACTER PAGE — Entity Sidebar (Right Panel) === */
 
body.kanka-entity-character .entity-sidebar .box {
  border: 1px solid rgba(139, 94, 60, 0.12);
}
 
body.kanka-entity-character .entity-sidebar .box .box-header {
  background: linear-gradient(135deg, rgba(139, 94, 60, 0.1), rgba(30, 22, 14, 0.95));
}
 
 
/* === CHARACTER PAGE — Tables === */
 
body.kanka-entity-character .entity-content table th {
  background-color: rgba(139, 94, 60, 0.15);
  color: #8B5E3C;
  border-bottom: 2px solid rgba(139, 94, 60, 0.3);
}
 
body.kanka-entity-character .entity-content table td {
  border-bottom: 1px solid rgba(139, 94, 60, 0.08);
}
 
body.kanka-entity-character .entity-content table tr:hover td {
  background-color: rgba(139, 94, 60, 0.05);
}
 
 
/* === CHARACTER PAGE — Blockquotes (spirit voices, memories) === */
 
body.kanka-entity-character .entity-content blockquote {
  border-left: 3px solid #8B3A2B;
  background: linear-gradient(135deg, rgba(139, 58, 43, 0.05), rgba(34, 26, 18, 0.5));
  color: #C4B898;
}
 
body.kanka-entity-character .entity-content blockquote::before {
  color: rgba(139, 58, 43, 0.2);
}
 
 
/* === CHARACTER PAGE — Horizontal Rules === */
 
body.kanka-entity-character .entity-content hr {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(139, 94, 60, 0.4) 20%,
    rgba(139, 58, 43, 0.3) 50%,
    rgba(139, 94, 60, 0.4) 80%,
    transparent
  );
}
 
 
/* === CHARACTER PAGE — Code (stats, dice pools) === */
 
body.kanka-entity-character .entity-content code {
  background-color: rgba(30, 22, 14, 0.8);
  border: 1px solid rgba(139, 94, 60, 0.15);
  color: #C4965E;
}
 
body.kanka-entity-character .entity-content pre {
  background-color: rgba(30, 22, 14, 0.9);
  border: 1px solid rgba(139, 94, 60, 0.15);
  border-left: 3px solid #8B5E3C;
}
 
 
/* === CHARACTER PAGE — Buttons === */
 
body.kanka-entity-character .btn-primary,
body.kanka-entity-character .btn-primary:focus {
  background-color: #8B5E3C;
  border-color: #6B4A2E;
  color: #F0E8D8;
}
 
body.kanka-entity-character .btn-primary:hover {
  background-color: #6B4A2E;
  box-shadow: 0 0 12px rgba(139, 94, 60, 0.3);
}
 
 
/* === CHARACTER PAGE — Custom content boxes (warm variants) === */
 
/* Lore box shifts to warm brown border */
body.kanka-entity-character .entity-content .wam-lore {
  background: linear-gradient(135deg, rgba(139, 94, 60, 0.08), rgba(34, 26, 18, 0.6));
  border: 1px solid rgba(139, 94, 60, 0.2);
  border-left: 4px solid #8B5E3C;
}
 
/* Mechanics box — warm bone */
body.kanka-entity-character .entity-content .wam-mechanics {
  background: rgba(30, 22, 14, 0.7);
  border: 1px solid rgba(184, 168, 140, 0.2);
}
 
body.kanka-entity-character .entity-content .wam-mechanics::before {
  color: #B8A88C;
  border-bottom-color: rgba(184, 168, 140, 0.15);
}
 
/* Warning box — blood rust instead of King's Yellow */
body.kanka-entity-character .entity-content .wam-warning {
  background: linear-gradient(135deg, rgba(139, 58, 43, 0.08), rgba(34, 26, 18, 0.6));
  border: 1px solid rgba(139, 58, 43, 0.2);
  border-left: 4px solid #8B3A2B;
  color: #D4A898;
}
 
/* Whisper text — warm fade */
body.kanka-entity-character .entity-content .wam-whisper {
  color: rgba(196, 184, 152, 0.6);
}
 
body.kanka-entity-character .entity-content .wam-whisper::before,
body.kanka-entity-character .entity-content .wam-whisper::after {
  color: rgba(139, 94, 60, 0.3);
}
 
/* First Tongue on character pages stays gold — 
   it's the ritual language, consistent across all pages */
 
 
/* === CHARACTER PAGE — Selection highlight === */
 
body.kanka-entity-character ::selection {
  background-color: rgba(139, 94, 60, 0.3);
}
 
 
/* === CHARACTER PAGE — Scrollbars === */
 
body.kanka-entity-character ::-webkit-scrollbar-thumb {
  background: rgba(139, 94, 60, 0.3);
}
 
body.kanka-entity-character ::-webkit-scrollbar-thumb:hover {
  background: rgba(139, 94, 60, 0.5);
}