/* в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ
   THEME: FORGE  вЂ"  "Digital Archive Forge"
   AdventurersBG  •  Second theme option

   Aesthetic:  A dark digital archive вЂ" blueprint drafting tables meet
               museum preservation systems. This is where decades of
               Bulgarian game translations live: catalogued, connected,
               continuously restored by a community of craftsmen.

   Palette:    Compass amber (#d9a441) вЂ" links, progress, primary actions.
               Antique gold (#d4af37) вЂ" milestones, active states, highlights.
               Patina copper (#c0814e) вЂ" donations, urgency, live indicators.
               Warm charcoal (#12100d) вЂ" background, compass body.

   Signature:  Blueprint grid + knowledge network of archived projects.
               Abstract connected nodes represent relationships between
               hundreds of translated games across two decades.
               Timeline threads, registration marks, technical annotations.

   Geometry:   Soft rounded cards (16px), pill badges (999px).
               No angles, no clip-paths. Clean & archival.

   Not:        A pirate map, a fantasy adventure guild, or a sci-fi HUD.
               A workshop for digital heritage вЂ" where games are preserved.

   Load AFTER style.css. Activated via <html data-theme="forge">.
   в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ */

/* ===========================================================
   1.  DESIGN TOKENS  вЂ"  Archive Forge Palette
   =========================================================== */
[data-theme="forge"] {
  /* в"Ђв"Ђ Background (warm charcoal like a compass body, layered depth) в"Ђв"Ђ */
  --ink-bg:         #12100d;
  --ink-surface:    #1a1712;
  --ink-surface-2:  #211d15;
  --ink-surface-3:  #28231a;

  /* в"Ђв"Ђ Borders (warm haze) в"Ђв"Ђ */
  --ink-border:     rgba(255,255,255,.06);
  --ink-border-md:  rgba(255,255,255,.09);
  --ink-border-lg:  rgba(255,255,255,.13);

  /* в"Ђв"Ђ Primary / Compass Amber вЂ" the workhorse, warmed glow в"Ђв"Ђ */
  --c-blue:         #d9a441;
  --c-blue-glow:    rgba(217,164,65,.45);
  --c-blue-soft:    rgba(217,164,65,.08);
  --c-blue-shadow:  0 0 24px rgba(217,164,65,.32), 0 0 56px rgba(217,164,65,.14);

  /* в"Ђв"Ђ Antique Gold / Archive Ink вЂ" premium, celebratory в"Ђв"Ђ */
  --c-yellow:       #d4af37;
  --c-yellow-glow:  rgba(212,175,55,.40);
  --c-yellow-soft:  rgba(212,175,55,.08);

  /* в"Ђв"Ђ Copper вЂ" urgent, but warm в"Ђв"Ђ */
  --c-red:          #c0814e;
  --c-red-glow:     rgba(192,129,78,.30);
  --c-red-soft:     rgba(192,129,78,.08);

  /* в"Ђв"Ђ Green (functional success вЂ" kept distinct from amber primary) в"Ђв"Ђ */
  --c-green:        #3da564;
  --c-green-glow:   rgba(61,165,100,.30);
  --c-green-soft:   rgba(61,165,100,.06);
  --c-green-dim:    rgba(61,165,100,.10);
  --c-green-shadow: 0 0 18px rgba(61,165,100,.20), 0 0 40px rgba(61,165,100,.06);

  /* в"Ђв"Ђ Discord / Indigo вЂ" keep brand color в"Ђв"Ђ */
  --c-discord:      #5865f2;
  --c-discord-glow: rgba(88,101,242,.30);
  --c-discord-soft: rgba(88,101,242,.07);

  /* в"Ђв"Ђ Text (warm silver-beige, like "ADVENTURERS" in the logo) в"Ђв"Ђ */
  --t-1:            #f1ede1;
  --t-2:            #9a9488;
  --t-3:            #615a4c;
  --t-4:            #6f6959;

  /* в"Ђв"Ђ Border radius в"Ђв"Ђ */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-pill: 999px;
}

/* ===========================================================
   2.  GLOBAL  вЂ"  Body, scrollbar, grain
   =========================================================== */
[data-theme="forge"] body {
  background: #12100d;
}

[data-theme="forge"] body::before {
  opacity: .06;
}

[data-theme="forge"] ::-webkit-scrollbar-thumb {
  background: #28231a;
  border-radius: 8px;
}

[data-theme="forge"] ::-webkit-scrollbar-track {
  background: #12100d;
}

/* ===========================================================
   3.  DIGITAL ARCHIVE FORGE  вЂ"  Real SVG Network + Vignette
       The network diagram is a real inline SVG (created by
       theme-forge-cursor.js) with per-node proximity reactivity вЂ"
       each node and line responds individually to cursor distance.
       body::after provides only a subtle radial vignette for depth.
       .forge-network (JS-injected SVG) sits between vignette and
       content. Semi-transparent glass cards allow activated nodes
       to show through when the cursor is over them.
   =========================================================== */

/*
   Vignette layer вЂ" subtle radial depth. The real SVG network
   (.forge-network) renders above this and reacts per-element.
   Central mask is relaxed so nodes near the cursor remain visible
   even through the semi-transparent glass card backgrounds.
*/
[data-theme="forge"] body::after {
  content: '';
  position: fixed; inset: 0; pointer-events: none; z-index: -2;
  opacity: 1;
  /* Simple radial vignette for depth — the network SVG is now a real
     DOM element (.forge-network) created by theme-forge-cursor.js */
  background: radial-gradient(
    ellipse at 50% 45%,
    transparent 0%,
    transparent 25%,
    rgba(0,0,0,.12) 45%,
    rgba(0,0,0,.30) 70%,
    rgba(0,0,0,.50) 100%
  );
}

/* ── Network SVG (JS-injected) — real DOM elements with per-node reactivity.
   Sits between vignette (z:-2) and content. Mask fades edges to zero
   (alpha .85 at border) while keeping centre moderately visible (.40).
   alpha = direct visibility %; monotonic so the network is brighter
   at the centre and fades smoothly toward the edges. ── */
[data-theme="forge"] .forge-network {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  mask-image:
    radial-gradient(
      ellipse at 50% 45%,
      rgba(0,0,0,.40) 0%,
      rgba(0,0,0,.50) 35%,
      rgba(0,0,0,.62) 60%,
      rgba(0,0,0,.72) 80%,
      rgba(0,0,0,.85) 100%
    );
  -webkit-mask-image:
    radial-gradient(
      ellipse at 50% 45%,
      rgba(0,0,0,.40) 0%,
      rgba(0,0,0,.50) 35%,
      rgba(0,0,0,.62) 60%,
      rgba(0,0,0,.72) 80%,
      rgba(0,0,0,.85) 100%
    );
}

/* ── Gold hub idle breathing (v12 graph-propagation).
   JS injects .fn-hub on the 6 gold hub <circle> elements during buildSVG()
   and sets per-element animation-delay inline for phase staggering.
   When a hub is activated by cursor proximity, JS overrides opacity via
   style.setProperty(...,'important'); on decay completion it calls
   removeProperty('opacity') so the CSS animation resumes. ── */
@keyframes fn-breathe {
  0%, 100% { opacity: .38; }
  50%      { opacity: .55; }
}
[data-theme="forge"] .fn-hub {
  animation: fn-breathe 8s ease-in-out infinite;
}

/* в"Ђв"Ђ Hover: registration marks intensify slightly on game cards в"Ђв"Ђ */
[data-theme="forge"] .game-card:hover::after {
  opacity: .55;
  transition: opacity .35s;
}

/* ===========================================================
   4.  SOFT GEOMETRY  вЂ"  Rounded cards, no clip-paths
       Override any clip-path from previous Forge versions.
       Cards get 16px radius, badges get pill shape.
   =========================================================== */

/* в"Ђв"Ђ Remove ALL clip-paths вЂ" archive theme uses round geometry в"Ђв"Ђ */
[data-theme="forge"] .game-card,
[data-theme="forge"] .home-side-card,
[data-theme="forge"] .poll-card,
[data-theme="forge"] .vid-card,
[data-theme="forge"] .live-mini-card,
[data-theme="forge"] .streamer-card,
[data-theme="forge"] .install-card,
[data-theme="forge"] .vote-game-card,
[data-theme="forge"] .vote-cat-card,
[data-theme="forge"] .donate-why-card,
[data-theme="forge"] .alley-medal,
[data-theme="forge"] .alley-chip,
[data-theme="forge"] .mth-main,
[data-theme="forge"] .mth-alt,
[data-theme="forge"] .btn-read-more,
[data-theme="forge"] .btn-download,
[data-theme="forge"] .btn-blue,
[data-theme="forge"] .btn-green,
[data-theme="forge"] .btn-login-nav,
[data-theme="forge"] .btn-google:not(.btn-google--profile),
[data-theme="forge"] .btn-cast,
[data-theme="forge"] .btn-donate-side,
[data-theme="forge"] .btn-donate,
[data-theme="forge"] .btn-discord,
[data-theme="forge"] .walkthrough-hero .btn-download {
  clip-path: none;
}

/* в"Ђв"Ђ Game cards вЂ" archive glass plates with blueprint details в"Ђв"Ђ */
[data-theme="forge"] .game-card {
  border-radius: 6px;
  border: 1px solid rgba(217,164,65,.18);
  background: rgba(26,23,18,.62);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  position: relative;
  overflow: visible;
}
/* Dashed secondary outline вЂ" blueprint plate inner frame */
[data-theme="forge"] .game-card::before {
  content: '';
  position: absolute; inset: 3px; pointer-events: none; z-index: 5;
  border: 1px dashed rgba(217,164,65,.10);
  border-radius: 4px;
}
/* Corner registration marks вЂ" 4 crosses like a blueprint sheet */
[data-theme="forge"] .game-card::after {
  content: '';
  position: absolute; inset: 0; pointer-events: none; z-index: 6;
  opacity: .35;
  background:
    /* Top-left + */
    linear-gradient(to right, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) 5px 5px / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) 5px 5px / 8px 8px no-repeat,
    /* Top-right + */
    linear-gradient(to right, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) calc(100% - 13px) 5px / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) calc(100% - 13px) 5px / 8px 8px no-repeat,
    /* Bottom-left + */
    linear-gradient(to right, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) 5px calc(100% - 13px) / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) 5px calc(100% - 13px) / 8px 8px no-repeat,
    /* Bottom-right + */
    linear-gradient(to right, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) calc(100% - 13px) calc(100% - 13px) / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) calc(100% - 13px) calc(100% - 13px) / 8px 8px no-repeat;
}
[data-theme="forge"] .game-card .card-body-custom,
[data-theme="forge"] .game-card .card-cover-wrap {
  border-radius: 6px 6px 0 0;
}

/* в"Ђв"Ђ Sidebar cards вЂ" semi-transparent archive glass в"Ђв"Ђ */
[data-theme="forge"] .home-side-card {
  border-radius: 6px;
  border: 1px solid rgba(217,164,65,.16);
  background: rgba(26,23,18,.58);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  position: relative; overflow: visible;
}
/* Corner registration marks for sidebar cards */
[data-theme="forge"] .home-side-card::before {
  content: '';
  position: absolute; inset: 3px; pointer-events: none; z-index: 5;
  border: 1px dashed rgba(217,164,65,.08);
  border-radius: 4px;
}

/* в"Ђв"Ђ Donate sidebar card вЂ" copper-trimmed archive glass в"Ђв"Ђ */
[data-theme="forge"] .donate-side-card {
  border-radius: 6px;
  border: 1px solid rgba(192,129,78,.16);
  background: rgba(26,23,18,.58);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  position: relative; overflow: visible;
}
[data-theme="forge"] .donate-side-card::before {
  content: '';
  position: absolute; inset: 3px; pointer-events: none; z-index: 5;
  border: 1px dashed rgba(192,129,78,.08);
  border-radius: 4px;
}

/* в"Ђв"Ђ Vote sidebar card вЂ" gold-trimmed archive glass в"Ђв"Ђ */
[data-theme="forge"] .vote-side-card {
  border-radius: 6px;
  border: 1px solid rgba(212,175,55,.14);
  background: rgba(26,23,18,.58);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  position: relative; overflow: visible;
}
[data-theme="forge"] .vote-side-card::before {
  content: '';
  position: absolute; inset: 3px; pointer-events: none; z-index: 5;
  border: 1px dashed rgba(212,175,55,.08);
  border-radius: 4px;
}

/* в"Ђв"Ђ Slider wrapper в"Ђв"Ђ */
[data-theme="forge"] .slider-wrapper {
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.05);
}

/* в"Ђв"Ђ Poll cards вЂ" archive glass with emerald trim в"Ђв"Ђ */
[data-theme="forge"] .poll-card {
  border-radius: 6px;
  border: 1px solid rgba(217,164,65,.16);
  background: rgba(26,23,18,.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* в"Ђв"Ђ Video cards вЂ" archive glass в"Ђв"Ђ */
[data-theme="forge"] .vid-card {
  border-radius: 6px;
  border: 1px solid rgba(217,164,65,.14);
  background: rgba(26,23,18,.52);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
[data-theme="forge"] .vid-card .card-cover-wrap,
[data-theme="forge"] .vid-card .vid-card-body {
  border-radius: 6px 6px 0 0;
}

/* в"Ђв"Ђ Live mini cards в"Ђв"Ђ */
[data-theme="forge"] .live-mini-card {
  border-radius: 6px;
  border: 1px solid rgba(217,164,65,.14);
  background: rgba(26,23,18,.52);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
[data-theme="forge"] .live-mini-cover {
  border-radius: 6px 6px 0 0;
}

/* в"Ђв"Ђ Streamer cards вЂ" archive glass with emerald trim в"Ђв"Ђ */
[data-theme="forge"] .streamer-card {
  border-radius: 6px;
  border: 1px solid rgba(217,164,65,.14);
  background: rgba(26,23,18,.52);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
[data-theme="forge"] .streamer-cover {
  border-radius: 6px 6px 0 0;
}

/* в"Ђв"Ђ Install card в"Ђв"Ђ */
[data-theme="forge"] .install-card {
  border-radius: 6px;
  border: 1px solid rgba(217,164,65,.14);
  background: rgba(26,23,18,.50);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* в"Ђв"Ђ Vote cards вЂ" gold-trimmed archive plates в"Ђв"Ђ */
[data-theme="forge"] .vote-game-card {
  border-radius: 6px;
  border: 1px solid rgba(212,175,55,.14);
  background: rgba(26,23,18,.52);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
[data-theme="forge"] .vote-cat-card {
  border-radius: 6px;
  border: 1px solid rgba(212,175,55,.14);
  background: rgba(26,23,18,.52);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* в"Ђв"Ђ Donate cards вЂ" copper-trimmed archive plates в"Ђв"Ђ */
[data-theme="forge"] .donate-why-card {
  border-radius: 6px;
  border: 1px solid rgba(192,129,78,.16);
  background: rgba(26,23,18,.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
[data-theme="forge"] .alley-medal {
  border-radius: 6px;
  border: 1px solid rgba(212,175,55,.16);
  background: rgba(26,23,18,.58);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
[data-theme="forge"] .alley-chip {
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,.055);
  background: rgba(26,23,18,.50);
}

/* в"Ђв"Ђ Buttons get pill or rounded treatment в"Ђв"Ђ */
[data-theme="forge"] .btn-read-more,
[data-theme="forge"] .btn-download,
[data-theme="forge"] .btn-blue,
[data-theme="forge"] .btn-green,
[data-theme="forge"] .btn-login-nav,
[data-theme="forge"] .btn-google:not(.btn-google--profile),
[data-theme="forge"] .btn-cast,
[data-theme="forge"] .btn-donate-side,
[data-theme="forge"] .btn-donate,
[data-theme="forge"] .btn-discord,
[data-theme="forge"] .walkthrough-hero .btn-download {
  border-radius: 12px;
}

/* ===========================================================
   5.  BADGES  вЂ"  Archive catalog labels (not gaming pills)
       Solid background, 3px corners, JetBrains Mono type.
       Coloured dot (::before) replaces glow border for status.
       No backdrop-filter вЂ" preserves background visibility.
   =========================================================== */

/* в"Ђв"Ђ Base badge (shared by all small labels) в"Ђв"Ђ */
[data-theme="forge"] .card-status-badge {
  /* Позиция: горе ВДЯСНО (изрично – базовият style.css е горе вляво).
     ВАЖНО: никога position:relative тук – баджът се реже от overflow:hidden
     на .card-cover-wrap и става невидим (стар бъг). */
  top: 10px;
  right: 10px;
  left: auto;
  border-radius: 3px;
  background: #211d15;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: 1px solid rgba(255,255,255,.06);
  padding: 4px 10px 4px 20px;
  font-family: 'JetBrains Mono', 'Consolas', monospace;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #9a9488;
}
/* в"Ђв"Ђ Status dot (shared ::before) в"Ђв"Ђ */
[data-theme="forge"] .card-status-badge::before {
  content: '';
  position: absolute;
  left: 7px; top: 50%;
  transform: translateY(-50%);
  width: 5px; height: 5px;
  border-radius: 50%;
}

/* в"Ђв"Ђ Тънък цветен акцент по рамката на картата според статуса.
       Класът st-* се слага от PHP на .game-card само при активен статус
       (Завършена няма бадж и няма акцент). в"Ђв"Ђ */
[data-theme="forge"] .game-card.st-official {
  border-color: rgba(59,130,246,.50);                     /* син #3B82F6 */
  box-shadow: 0 0 0 1px rgba(59,130,246,.14), 0 0 16px rgba(59,130,246,.15); /* лек син glow */
}
[data-theme="forge"] .game-card.st-in_progress {
  border-color: rgba(245,158,11,.45);                     /* оранжев #F59E0B */
}
[data-theme="forge"] .game-card.st-community {
  border-color: rgba(168,85,247,.45);                     /* лилав #A855F7 */
}

/* в"Ђв"Ђ Done = изумрудено (текст + точка; фонът е един и същ за всички – езикът на темата) в"Ђв"Ђ */
[data-theme="forge"] .badge-done {
  background: #211d15;
  border-color: rgba(255,255,255,.06);
  color: #3ddc97;
}
[data-theme="forge"] .badge-done::before {
  background: #3ddc97;
  box-shadow: 0 0 3px rgba(61,220,151,.30);
}

/* в"Ђв"Ђ Testing = gold dot в"Ђв"Ђ */
[data-theme="forge"] .badge-testing {
  background: #211d15;
  border-color: rgba(255,255,255,.06);
  color: #9a9488;
}
[data-theme="forge"] .badge-testing::before {
  background: #d4af37;
  box-shadow: 0 0 3px rgba(212,175,55,.30);
}

/* в"Ђв"Ђ WIP = БЕТА – синьо (същото синьо като „В процес“ в статистиката на каталога) в"Ђв"Ђ */
[data-theme="forge"] .badge-wip {
  background: #211d15;
  border-color: rgba(245,158,11,.35);
  color: #F59E0B;
}
[data-theme="forge"] .badge-wip::before {
  background: #F59E0B;
  box-shadow: 0 0 4px rgba(245,158,11,.45);
}

/* в"Ђв"Ђ Official = виолетово – официален превод от разработчика в"Ђв"Ђ */
[data-theme="forge"] .badge-official {
  background: #211d15;
  border-color: rgba(59,130,246,.35);
  color: #3B82F6;
}
[data-theme="forge"] .badge-official::before {
  background: #3B82F6;
  box-shadow: 0 0 4px rgba(59,130,246,.45);
}

/* в"Ђв"Ђ Dropped = медно в"Ђв"Ђ */
[data-theme="forge"] .badge-dropped {
  background: #211d15;
  border-color: rgba(255,255,255,.06);
  color: #c0814e;
}
[data-theme="forge"] .badge-dropped::before {
  background: #c0814e;
  box-shadow: 0 0 3px rgba(192,129,78,.30);
}

/* в"Ђв"Ђ Community = златисто – „От общността“ в"Ђв"Ђ */
[data-theme="forge"] .badge-community {
  background: #211d15;
  border-color: rgba(168,85,247,.35);
  color: #A855F7;
}
[data-theme="forge"] .badge-community::before {
  background: #A855F7;
  box-shadow: 0 0 4px rgba(168,85,247,.45);
}

/* в"Ђв"Ђ News category badge в"Ђв"Ђ */
[data-theme="forge"] .news-cat-badge {
  background: #211d15;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-radius: 3px;
  border: 1px solid rgba(255,255,255,.06);
  font-family: 'JetBrains Mono', 'Consolas', monospace;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0;
  color: #9a9488;
}
[data-theme="forge"] .news-cat-badge::before {
  background: #d9a441;
  box-shadow: 0 0 3px rgba(217,164,65,.25);
}

/* в"Ђв"Ђ Platform badge – тухлено-бронзов акцент, четим върху всяка обложка в"Ђв"Ђ */
[data-theme="forge"] .card-platform-badge {
  background: linear-gradient(135deg, rgba(217,164,65,.28), rgba(150,105,32,.18));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: 1px solid rgba(217,164,65,.60);
  border-radius: 3px;
  font-family: 'JetBrains Mono', 'Consolas', monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .06em;
  color: #f5d78e;
  text-shadow: 0 1px 2px rgba(20,14,4,.65);
  box-shadow: 0 1px 4px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.08);
}
/* Per-platform colours – brand inspired, forge-tinted */
[data-theme="forge"] .card-platform-badge.pf-pc     { background: linear-gradient(135deg, rgba(34,211,238,.24), rgba(8,145,178,.14));  border-color: rgba(34,211,238,.55);  color:#a5f3fc; }
[data-theme="forge"] .card-platform-badge.pf-ps1    { background: linear-gradient(135deg, rgba(148,163,184,.26), rgba(71,85,105,.16)); border-color: rgba(148,163,184,.55); color:#cbd5e1; }
[data-theme="forge"] .card-platform-badge.pf-ps2    { background: linear-gradient(135deg, rgba(129,140,248,.26), rgba(67,56,202,.16)); border-color: rgba(129,140,248,.55); color:#c7d2fe; }
[data-theme="forge"] .card-platform-badge.pf-ps3    { background: linear-gradient(135deg, rgba(30,41,59,.88), rgba(2,6,23,.82));       border-color: rgba(148,163,184,.50); color:#e2e8f0; }
[data-theme="forge"] .card-platform-badge.pf-ps4    { background: linear-gradient(135deg, rgba(59,130,246,.26), rgba(29,78,216,.16));  border-color: rgba(96,165,250,.55);  color:#93c5fd; }
[data-theme="forge"] .card-platform-badge.pf-ps5    { background: linear-gradient(135deg, rgba(125,211,252,.26), rgba(2,132,199,.16)); border-color: rgba(125,211,252,.55); color:#bae6fd; }
[data-theme="forge"] .card-platform-badge.pf-xbox   { background: linear-gradient(135deg, rgba(34,197,94,.26), rgba(21,128,61,.16));   border-color: rgba(34,197,94,.55);   color:#86efac; }
[data-theme="forge"] .card-platform-badge.pf-x360   { background: linear-gradient(135deg, rgba(163,230,53,.24), rgba(77,124,15,.16));  border-color: rgba(163,230,53,.50);  color:#d9f99d; }
[data-theme="forge"] .card-platform-badge.pf-switch { background: linear-gradient(135deg, rgba(239,68,68,.26), rgba(153,27,27,.18));   border-color: rgba(248,113,113,.55); color:#fca5a5; }
[data-theme="forge"] .card-platform-badge.pf-psp    { background: linear-gradient(135deg, rgba(251,146,60,.26), rgba(194,65,12,.16));  border-color: rgba(251,146,60,.55);  color:#fed7aa; }
[data-theme="forge"] .card-platform-badge.pf-nes    { background: linear-gradient(135deg, rgba(212,175,55,.26), rgba(146,111,24,.16)); border-color: rgba(212,175,55,.55);  color:#ecd07f; }

/* в"Ђв"Ђ Tag badges (Външен превод / Бета превод) – долен десен ъгъл,
       нареждат се нагоре една под друга (първата най-отдолу) в"Ђв"Ђ */
[data-theme="forge"] .card-tag-badge {
  top: auto;
  bottom: 10px;
  right: 10px;
  background: #211d15;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 3px;
  font-family: 'JetBrains Mono', 'Consolas', monospace;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #9a9488;
}
[data-theme="forge"] .card-tag-badge + .card-tag-badge {
  top: auto;
  bottom: 36px;
}
[data-theme="forge"] .card-tag-external { color: #8ab4d9; }

/* в"Ђв"Ђ Slide badge вЂ" standard site font (Inter), normal readable type;
      compact shape kept: 3px radius, thin border, amber dot column в"Ђв"Ђ */
[data-theme="forge"] .slide-badge {
  background: #211d15;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-radius: 3px;
  border: 1px solid rgba(255,255,255,.06);
  position: relative;
  display: inline-block;
  gap: 0;
  padding: 3px 10px 3px 18px;
  font-family: var(--f-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  color: #9a9488;
}
[data-theme="forge"] .slide-badge::before {
  position: absolute;
  left: 6px; top: 50%;
  transform: translateY(-50%);
  width: 4px; height: 4px;
  margin: 0;
  background: #d9a441;
  box-shadow: 0 0 3px rgba(217,164,65,.25);
}

/* в"Ђв"Ђ Status pill (single game page) в"Ђв"Ђ */
[data-theme="forge"] .status-pill {
  background: var(--pill-bg, #211d15);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: 1px solid var(--pill-border, rgba(255,255,255,.06));
  border-radius: 3px;
  font-family: 'JetBrains Mono', 'Consolas', monospace;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--pill-c, #9a9488);
}

/* в"Ђв"Ђ Status pill colour variants в"Ђв"Ђ */
[data-theme="forge"] .pill-green {
  --pill-c: #4ade80;
  --pill-bg: rgba(34,197,94,.12);
  --pill-border: rgba(74,222,128,.28);
}
[data-theme="forge"] .pill-blue {
  --pill-c: #60a5fa;
  --pill-bg: rgba(59,130,246,.12);
  --pill-border: rgba(96,165,250,.30);
}
[data-theme="forge"] .pill-yellow {
  --pill-c: #f3ca52;
  --pill-bg: rgba(212,175,55,.12);
  --pill-border: rgba(212,175,55,.30);
}
[data-theme="forge"] .pill-red {
  --pill-c: #fb7185;
  --pill-bg: rgba(244,63,94,.12);
  --pill-border: rgba(251,113,133,.30);
}
[data-theme="forge"] .pill-muted {
  --pill-c: #9a9488;
  --pill-bg: rgba(139,146,165,.08);
  --pill-border: rgba(255,255,255,.08);
}
[data-theme="forge"] .pill-purple {
  --pill-c: #a78bfa;
  --pill-bg: rgba(167,139,250,.12);
  --pill-border: rgba(167,139,250,.30);
}
[data-theme="forge"] .pill-done {
  --pill-c: #3ddc97;
  --pill-bg: rgba(61,220,151,.10);
  --pill-border: rgba(61,220,151,.28);
}
[data-theme="forge"] .pill-wip {
  --pill-c: #f59e0b;
  --pill-bg: rgba(245,158,11,.10);
  --pill-border: rgba(245,158,11,.30);
}
[data-theme="forge"] .pill-official {
  --pill-c: #3b82f6;
  --pill-bg: rgba(59,130,246,.10);
  --pill-border: rgba(59,130,246,.30);
}
[data-theme="forge"] .pill-community {
  --pill-c: #a855f7;
  --pill-bg: rgba(168,85,247,.10);
  --pill-border: rgba(168,85,247,.30);
}
[data-theme="forge"] .pill-dropped {
  --pill-c: #c0814e;
  --pill-bg: rgba(192,129,78,.10);
  --pill-border: rgba(192,129,78,.30);
}

/* в"Ђв"Ђ Cover badge (near-opaque emerald, rectangle) в"Ђв"Ђ */
[data-theme="forge"] .cover-badge {
  background: rgba(217,164,65,.88);
  border-radius: 3px;
  font-family: 'JetBrains Mono', 'Consolas', monospace;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0;
  color: #f1ede1;
}

/* ===========================================================
   6.  HOVER STATES  вЂ"  Border accent + registration mark reveal
       Instead of gaming lift+glow, cards get a subtle border
       colour shift. Game cards reveal a small blueprint corner
       mark on hover (via ::after). No translateY, no box-shadow.
   =========================================================== */

/* в"Ђв"Ђ Game cards вЂ" border accent on hover (registration marks intensify via separate rule) в"Ђв"Ђ */
[data-theme="forge"] .game-card:hover {
  transform: none;
  border-color: rgba(217,164,65,.35);
  box-shadow: 0 0 20px rgba(217,164,65,.06);
}

/* в"Ђв"Ђ Compact game cards в"Ђв"Ђ */
[data-theme="forge"] .game-card--compact:hover {
  transform: none;
  border-color: rgba(217,164,65,.20);
  box-shadow: none;
}

/* в"Ђв"Ђ Sidebar donate вЂ" copper border accent в"Ђв"Ђ */
[data-theme="forge"] .donate-side-card:hover {
  transform: none;
  border-color: rgba(192,129,78,.28);
  box-shadow: none;
}

/* в"Ђв"Ђ Sidebar vote вЂ" gold border accent в"Ђв"Ђ */
[data-theme="forge"] .vote-side-card:hover {
  transform: none;
  border-color: rgba(212,175,55,.24);
  box-shadow: none;
}

/* в"Ђв"Ђ Poll cards вЂ" green border accent в"Ђв"Ђ */
[data-theme="forge"] .poll-card:hover {
  transform: none;
  border-color: rgba(217,164,65,.20);
  box-shadow: none;
}

/* в"Ђв"Ђ Video cards в"Ђв"Ђ */
[data-theme="forge"] .vid-card-link:hover .vid-card {
  transform: none;
  border-color: rgba(217,164,65,.20);
  box-shadow: none;
}

/* в"Ђв"Ђ Vote catalog cards в"Ђв"Ђ */
[data-theme="forge"] .vote-cat-card:hover {
  transform: none;
  border-color: rgba(217,164,65,.18);
  box-shadow: none;
}

/* в"Ђв"Ђ Streamer cards в"Ђв"Ђ */
[data-theme="forge"] .streamer-card:hover {
  transform: none;
  border-color: rgba(217,164,65,.18);
  box-shadow: none;
}
[data-theme="forge"] .streamer-card--live:hover {
  transform: none;
  border-color: rgba(192,129,78,.32);
  box-shadow: none;
}

/* в"Ђв"Ђ Live mini cards в"Ђв"Ђ */
[data-theme="forge"] .live-mini-card:hover {
  transform: none;
  border-color: rgba(217,164,65,.16);
}
[data-theme="forge"] .live-mini-card--live:hover {
  transform: none;
  border-color: rgba(192,129,78,.32);
  box-shadow: none;
}

/* в"Ђв"Ђ Donate cards в"Ђв"Ђ */
[data-theme="forge"] .donate-why-card:hover {
  transform: none;
  border-color: rgba(217,164,65,.18);
  box-shadow: none;
}
[data-theme="forge"] .alley-medal:hover {
  transform: none;
  border-color: rgba(212,175,55,.26);
}
[data-theme="forge"] .alley-chip:hover {
  border-color: rgba(217,164,65,.18);
}

/* ===========================================================
   7.  PROGRESS BARS  вЂ"  Forest green gradients
   =========================================================== */

/* в"Ђв"Ђ Homepage в"Ђв"Ђ */
[data-theme="forge"] .progress-fill {
  background: linear-gradient(90deg, #d9a441, #e8bd5f, #a87f24) !important;
  box-shadow: 0 0 14px rgba(217,164,65,.30) !important;
  border-radius: 999px;
}
[data-theme="forge"] .progress-fill::after {
  background: #d9a441;
  box-shadow: 0 0 10px rgba(217,164,65,.60);
}

/* в"Ђв"Ђ Single page в"Ђв"Ђ */
[data-theme="forge"] .prog-fill.fill-blue   { background: linear-gradient(90deg, #d9a441, #e8bd5f, #a87f24) !important; box-shadow: 0 0 14px rgba(217,164,65,.34) !important; }
[data-theme="forge"] .prog-fill.fill-green  { background: linear-gradient(90deg, #3da564, #4db97d, #5bcd92) !important; box-shadow: 0 0 12px rgba(61,165,100,.28) !important; }
[data-theme="forge"] .prog-fill.fill-yellow { background: linear-gradient(90deg, #d4af37, #e6c84a, #b8942e) !important; box-shadow: 0 0 12px rgba(212,175,55,.28) !important; }
[data-theme="forge"] .prog-fill.fill-red    { background: linear-gradient(90deg, #c0814e, #d4995e, #a0683a) !important; box-shadow: 0 0 12px rgba(192,129,78,.26) !important; }
[data-theme="forge"] .prog-fill::after {
  display: block;
  background: #d9a441;
  box-shadow: 0 0 8px rgba(217,164,65,.50);
}

/* в"Ђв"Ђ Compact в"Ђв"Ђ */
[data-theme="forge"] .progress-track--sm .progress-fill {
  background: linear-gradient(90deg, #d9a441, #e8bd5f) !important;
  box-shadow: 0 0 8px rgba(217,164,65,.28) !important;
}

/* в"Ђв"Ђ Vote bars в"Ђв"Ђ */
[data-theme="forge"] .vote-bar-fill {
  background: linear-gradient(90deg, #d9a441, #e8bd5f, #a87f24);
  border-radius: 999px;
}
[data-theme="forge"] .vote-bar-fill.voted {
  background: linear-gradient(90deg, #3da564, #4db97d, #5bcd92);
}
[data-theme="forge"] .vote-cat-bar-fill {
  background: linear-gradient(90deg, #d9a441, #e8bd5f, #a87f24);
  border-radius: 999px;
}
[data-theme="forge"] .vote-cat-bar-fill.voted {
  background: linear-gradient(90deg, #3da564, #4db97d, #5bcd92);
}
[data-theme="forge"] .vote-widget-bar-fill.leading {
  background: linear-gradient(90deg, #d9a441, #e8bd5f);
}
[data-theme="forge"] .progress-pct {
  color: #d9a441;
}

/* ===========================================================
   8.  NAVBAR  вЂ"  Glass panel, gold active, green hover
   =========================================================== */
[data-theme="forge"] .navbar-custom {
  background: rgba(18,16,13,.88);
  border-bottom: 1px solid rgba(255,255,255,.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

[data-theme="forge"] .nav-links a {
  transition: color .2s, border-color .2s;
  position: relative;
}
[data-theme="forge"] .nav-links a:hover {
  color: #f1ede1;
  background: transparent;
}
/* Active — archive marker: full frame equal to the donate button
   (1px border + 4px radius + tinted glass), not a thin bottom rule.
   "№" prefix stays, now inside a proper catalogue tag. The shared
   40px / `0 16px` box comes from the desktop media query below. */
[data-theme="forge"] .nav-links a.active {
  color: #d4af37;
  border: 1px solid rgba(217,164,65,.35);
  border-radius: 4px;
  background: rgba(217,164,65,.06);
}
[data-theme="forge"] .nav-links a.active::before {
  content: '№\00A0';
  font-family: 'JetBrains Mono', 'Consolas', monospace;
  font-size: 9px;
  font-weight: 500;
  color: rgba(217,164,65,.55);
  letter-spacing: 0;
}

/* в"Ђв"Ђ Desktop navbar scale-up (v14): bigger logo, larger links, links pushed right в"Ђв"Ђ
   The bar grows with the logo this time: 106px logo + 2px×2 pad = 110px.
   .is-scrolled (toggled by main.js) keeps the SAME 2px padding, so the bar
   height stays constant — main.js no longer forces inline 8px padding here.
   Links cluster moves right via margin-left:auto, absorbing the free space.
   Every row item (links, donate, admin, login, profile) shares ONE box —
   40px tall, inline-flex, centered — so they all read as a single equal set.
   .btn-login-nav (the gold "Вход" CTA) is part of it too: its base 9px×2
   padding + line-height made it ~42px tall and visually lower than the menu.
   The active link and the donate tag both carry the 1px + 4px frame;
   admin/login/profile are plain link text like the rest of the menu.
   main() padding-top is bumped to clear the taller bar. Mobile (<821px) is
   untouched — logo stays centred, links behind hamburger. */
@media (min-width: 821px) {
  [data-theme="forge"] .navbar-custom,
  [data-theme="forge"] .navbar-custom.is-scrolled {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  [data-theme="forge"] .logo-img {
    height: 106px;
  }
  [data-theme="forge"] .nav-links {
    margin-left: auto;
    margin-right: 12px;
    /* Bootstrap Reboot gives EVERY <ul> margin-bottom: 1rem + padding-left: 2rem.
       The 16px bottom margin makes the flex row center the ul's MARGIN box, which
       shoves the menu ~8px ABOVE the nav-actions row (menu cy 46 vs login cy 54)
       — that was the real "админ/профил са по-надолу" bug, not the buttons.
       Zero all three so the ul is exactly 40px like its siblings. */
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
  }
  [data-theme="forge"] .nav-links a {
    font-size: 16px;
    border-radius: var(--r-sm);
  }
  [data-theme="forge"] .nav-admin-btn,
  [data-theme="forge"] .btn-login-nav,
  [data-theme="forge"] .btn-google--profile {
    font-size: 16px;
    border-radius: var(--r-sm);
  }
  /* One shared box for every navbar row item — links, donate tag, admin,
     login, profile — so nothing is taller or shorter than its neighbours.
     .btn-login-nav (the gold "Вход" CTA) MUST be here too: base padding
     9px 18px + line-height makes it ~42px tall, so it sat visibly lower. */
  [data-theme="forge"] .nav-links a,
  [data-theme="forge"] .nav-donate-btn,
  [data-theme="forge"] .nav-admin-btn,
  [data-theme="forge"] .btn-login-nav,
  [data-theme="forge"] .btn-google--profile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 16px !important; /* donate base uses !important — needed here */
    box-sizing: border-box;
    white-space: nowrap;
  }
  /* Clear the fixed-navbar offset for the taller bar (base main padding-top: 94px) */
  [data-theme="forge"] main {
    padding-top: 112px;
  }
}

/* Profile chip internals — the wrap and its inline-flex image baseline.
   The button itself inherits the shared 40px box, but the avatar <img> is
   inline by default, which adds a baseline "tail" (descender space) below
   it and shifts the whole chip off the other items' line. */
@media (min-width: 821px) {
  /* The wrap must participate in the same 40px box as the rest */
  [data-theme="forge"] .nav-profile-wrap {
    display: inline-flex;
    align-items: center;
    height: 40px;
  }

  /* The button is already inline-flex/center from the shared rule —
     add gap instead of relying on margins in the HTML */
  [data-theme="forge"] .btn-google--profile {
    gap: 6px;
  }

  /* Inline width/height="22" sits on the baseline — force centering */
  [data-theme="forge"] .btn-google--profile img {
    width: 22px !important;
    height: 22px !important;
    display: block; /* removes baseline space under the image */
    flex-shrink: 0;
  }

  [data-theme="forge"] .btn-google--profile i.bi-chevron-down {
    display: flex;
    align-items: center;
  }
}

/* Mobile (<821px): preserve the original scroll-shrink (14px → 8px) so the
   smaller mobile navbar still tucks away on scroll — main.js now uses a
   class instead of inline padding, so it needs a CSS counterpart here. */
@media (max-width: 820px) {
  [data-theme="forge"] .navbar-custom.is-scrolled {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

/* в"Ђв"Ђ Theme toggle button в"Ђв"Ђ */
.nav-theme-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px; height: 36px;
  padding: 0;
  background: transparent;
  border: 1px solid var(--ink-border);
  border-radius: var(--r-sm, 8px);
  color: var(--t-3);
  cursor: pointer;
  font-size: 16px;
  transition: color .2s, background .2s, border-color .2s;
  flex-shrink: 0;
  line-height: 1;
}
.nav-theme-btn:hover {
  color: var(--t-1);
  background: var(--ink-surface);
  border-color: var(--ink-border-md);
}

[data-theme="forge"] .nav-theme-btn {
  border-color: rgba(255,255,255,.08);
}
[data-theme="forge"] .nav-theme-btn:hover {
  border-color: rgba(217,164,65,.24);
  color: #d9a441;
  background: rgba(217,164,65,.06);
}

/* ── Donate — rectangular copper archive tag (not a SaaS pill) ── */
[data-theme="forge"] .nav-donate-btn {
  background: rgba(192,129,78,.06) !important;
  color: #c0814e !important;
  border: 1px solid rgba(192,129,78,.18) !important;
  animation: none !important;
  border-radius: 4px !important;
  font-family: var(--f-body);
  font-size: 13px !important;
  font-weight: 700;
  letter-spacing: normal;
}
[data-theme="forge"] .nav-donate-btn:hover {
  background: rgba(192,129,78,.12) !important;
  color: #d4995e !important;
  border-color: rgba(192,129,78,.32) !important;
  box-shadow: 0 0 16px rgba(192,129,78,.14), 0 0 30px rgba(192,129,78,.04) !important;
}

/* в"Ђв"Ђ Login CTA вЂ" forest green в"Ђв"Ђ */
[data-theme="forge"] .btn-google:not(.btn-google--profile) {
  background: linear-gradient(135deg, #d9a441, #c9962e);
  box-shadow: 0 0 18px rgba(217,164,65,.30), 0 0 40px rgba(217,164,65,.10);
  border-radius: 12px;
  color: #f1ede1;
  font-weight: 700;
}
[data-theme="forge"] .btn-google:not(.btn-google--profile):hover {
  box-shadow: 0 0 30px rgba(217,164,65,.52), 0 0 64px rgba(217,164,65,.18);
  color: #f1ede1;
}

[data-theme="forge"] .btn-login-nav {
  background: linear-gradient(135deg, #d9a441, #c9962e);
  box-shadow: 0 0 18px rgba(217,164,65,.30), 0 0 40px rgba(217,164,65,.10);
  border-radius: var(--r-sm);
  color: #f1ede1;
  font-weight: 500;
}
[data-theme="forge"] .btn-login-nav:hover {
  box-shadow: 0 0 30px rgba(217,164,65,.52), 0 0 64px rgba(217,164,65,.18);
  color: #f1ede1;
  transform: none; /* base .btn-login-nav:hover lifts - menu links don't */
}

/* ── Profile button — consistent with the nav menu links ──
   Same typography, padding, radius, color and hover as .nav-links a
   (and .nav-admin-btn), so the logged-in chip reads as part of the
   menu — no instrument-tray square. */
[data-theme="forge"] .btn-google--profile {
  background: transparent;
  border: none;
  border-radius: var(--r-sm);
  font-size: 16px;
  color: var(--t-4);
  font-weight: 500;
  line-height: 1; /* base .nav-profile-btn sets 1; keep it explicit so the
                     text/icon baseline matches the 40px box on every UA */
  appearance: none;
  -webkit-appearance: none; /* kill native <button> sizing quirks */
}
[data-theme="forge"] .btn-google--profile:hover {
  color: #f1ede1;
  background: transparent;
  border-color: transparent;
  transform: none; /* base .btn-google:hover lifts - menu links don't */
}

/* в"Ђв"Ђ Discord в"Ђв"Ђ */
[data-theme="forge"] .btn-discord {
  box-shadow: 0 0 14px rgba(88,101,242,.22), 0 0 32px rgba(88,101,242,.06);
  border-radius: 12px;
}
[data-theme="forge"] .btn-discord:hover {
  background: #5e6bf0;
  box-shadow: 0 0 24px rgba(88,101,242,.42), 0 0 54px rgba(88,101,242,.12);
}

/* ── Admin button — consistent with the nav menu links ──
   Same typography, padding, radius, color and hover as .nav-links a,
   so it reads as part of the menu (the gear icon is the only difference). */
[data-theme="forge"] .nav-admin-btn {
  font-size: 16px;
  border: none;
  border-radius: var(--r-sm);
  background: transparent;
  color: var(--t-4);
  font-weight: 500;
}
[data-theme="forge"] .nav-admin-btn:hover {
  color: #f1ede1;
  background: transparent;
}

/* в"Ђв"Ђ Mobile menu в"Ђв"Ђ */
[data-theme="forge"] .mobile-menu a:hover {
  background: rgba(217,164,65,.04);
}
[data-theme="forge"] .mob-admin-badge {
  border-color: rgba(217,164,65,.18);
  color: #d9a441;
}
[data-theme="forge"] .mob-admin-badge:hover {
  background: rgba(217,164,65,.06);
  border-color: rgba(217,164,65,.26);
}
[data-theme="forge"] .mob-admin-link {
  border-color: rgba(217,164,65,.14) !important;
  color: #d9a441 !important;
}
[data-theme="forge"] .mob-admin-link:hover {
  background: rgba(217,164,65,.05) !important;
}
[data-theme="forge"] .hamburger {
  border-color: rgba(255,255,255,.08);
}

/* ===========================================================
   9.  NAV DROPDOWNS  вЂ"  Blueprint archive glass panels
   =========================================================== */
[data-theme="forge"] .nav-dropdown {
  background: rgba(26,23,18,.92);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(217,164,65,.18);
  border-radius: 6px;
  box-shadow: 0 12px 40px rgba(0,0,0,.62);
  position: absolute;
  overflow: visible;
}
/* Dashed inner border вЂ" blueprint plate */
[data-theme="forge"] .nav-dropdown::before {
  content: '';
  position: absolute; inset: 3px; pointer-events: none; z-index: 5;
  border: 1px dashed rgba(217,164,65,.08);
  border-radius: 4px;
}
/* Corner registration marks */
[data-theme="forge"] .nav-dropdown::after {
  content: '';
  position: absolute; inset: 0; pointer-events: none; z-index: 6;
  opacity: .28;
  background:
    linear-gradient(to right, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) 6px 6px / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) 6px 6px / 8px 8px no-repeat,
    linear-gradient(to right, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) calc(100% - 14px) 6px / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) calc(100% - 14px) 6px / 8px 8px no-repeat,
    linear-gradient(to right, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) 6px calc(100% - 14px) / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) 6px calc(100% - 14px) / 8px 8px no-repeat,
    linear-gradient(to right, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) calc(100% - 14px) calc(100% - 14px) / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) calc(100% - 14px) calc(100% - 14px) / 8px 8px no-repeat;
}
[data-theme="forge"] .nav-dropdown a { color: #9a9488; }
[data-theme="forge"] .nav-dropdown a:hover {
  color: #f1ede1;
  background: rgba(217,164,65,.05);
  border-radius: 4px;
}

[data-theme="forge"] .nav-profile-dropdown {
  background: rgba(26,23,18,.92);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(217,164,65,.18);
  border-radius: 6px;
  box-shadow: 0 12px 40px rgba(0,0,0,.62);
  position: absolute;
  overflow: visible;
}
/* Dashed inner border */
[data-theme="forge"] .nav-profile-dropdown::before {
  content: '';
  position: absolute; inset: 3px; pointer-events: none; z-index: 5;
  border: 1px dashed rgba(217,164,65,.08);
  border-radius: 4px;
}
/* Corner registration marks */
[data-theme="forge"] .nav-profile-dropdown::after {
  content: '';
  position: absolute; inset: 0; pointer-events: none; z-index: 6;
  opacity: .28;
  background:
    linear-gradient(to right, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) 6px 6px / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) 6px 6px / 8px 8px no-repeat,
    linear-gradient(to right, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) calc(100% - 14px) 6px / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) calc(100% - 14px) 6px / 8px 8px no-repeat,
    linear-gradient(to right, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) 6px calc(100% - 14px) / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) 6px calc(100% - 14px) / 8px 8px no-repeat,
    linear-gradient(to right, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) calc(100% - 14px) calc(100% - 14px) / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(217,164,65,.4) 3px, rgba(217,164,65,.4) 5px, transparent 5px) calc(100% - 14px) calc(100% - 14px) / 8px 8px no-repeat;
}
[data-theme="forge"] .nav-profile-dropdown-name {
  border-bottom-color: rgba(255,255,255,.05);
  color: #9a9488;
}
[data-theme="forge"] .nav-profile-dropdown-logout { color: #c0814e; }
[data-theme="forge"] .nav-profile-dropdown-logout:hover {
  background: rgba(192,129,78,.04);
  border-radius: 4px;
}

/* в"Ђв"Ђ Mobile profile в"Ђв"Ђ */
[data-theme="forge"] .mob-profile-row { border-color: rgba(255,255,255,.04); }
[data-theme="forge"] .mob-profile-drop { border-top-color: rgba(255,255,255,.04); }
[data-theme="forge"] .mob-logout-link:hover {
  color: #c0814e !important;
  background: rgba(192,129,78,.03) !important;
}

/* ===========================================================
   10. HERO SLIDER  вЂ"  Dark woodland, green glow
   =========================================================== */
[data-theme="forge"] .slider-wrapper {
  /* Archive glass like .game-card: translucent + blur, so the fixed
     forge-network SVG shows through (incl. the controls strip below).
     An opaque background here is what made the bar read as a solid slab. */
  border-color: rgba(217,164,65,.14);
  background: rgba(26,23,18,.62);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 0 36px rgba(217,164,65,.03), 0 16px 44px -16px rgba(0,0,0,.58);
  /* Slide clipping lives here: base uses overflow:hidden (no clip-path),
     so the blanket clip-path:none above must NOT touch this element —
     otherwise adjacent slides bleed past the container edges. */
  overflow: hidden;
}
/* Blueprint plate frame on the banner — same restrained inner frame
   language as .game-card. The corner marks are intentionally disabled:
   they overlap the slider controls at this size. */
[data-theme="forge"] .slider-wrapper::before {
  content: '';
  position: absolute; inset: 8px; pointer-events: none; z-index: 5;
  border: 1px dashed rgba(217,164,65,.10);
  border-radius: 8px;
}
[data-theme="forge"] .slider-wrapper::after {
  display: none;
}

/* ── "Всички новини" — plain ledger link, no pill/glass/backdrop ── */
[data-theme="forge"] .btn-all-news {
  background: transparent;
  border: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-radius: 0;
  padding: 0;
  font-family: 'JetBrains Mono', 'Consolas', monospace;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: rgba(154,148,136,.85);
  transition: color .2s;
}
[data-theme="forge"] .btn-all-news:hover {
  background: transparent;
  color: #d9a441;
}
/* Mobile twin (inside the controls bar) — same treatment */
[data-theme="forge"] .link-all-news {
  font-family: 'JetBrains Mono', 'Consolas', monospace;
  font-size: 11px;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: rgba(154,148,136,.85);
}
[data-theme="forge"] .link-all-news:hover { color: #d9a441; }

/* ── "Прочети повече" CTA — flat surface tag, mono label (matches
      the catalog form fields / nav active tag, no gradient, no glow,
      no lift) ── */
[data-theme="forge"] .btn-read-more {
  background: var(--ink-surface);
  border: 1px solid rgba(217,164,65,.22);
  border-radius: 4px;
  box-shadow: none;
  font-family: 'JetBrains Mono', 'Consolas', monospace;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #e8bd5f;
}
[data-theme="forge"] .btn-read-more:hover {
  background: var(--ink-surface-2);
  border-color: var(--c-green);
  box-shadow: none;
  transform: none;
  color: #f1ede1;
}

[data-theme="forge"] .slider-controls {
  /* Glass HUD strip laid OVER the slide image. Translucency is only
     visible when something varied sits behind the glass — the flat
     dark page background made every earlier rgba/blur attempt read
     as a solid slab. Base keeps the bar in normal flow; here it floats. */
  position: absolute;
  left: 0; right: 0; bottom: 0;
  z-index: 7;
  background: rgba(18,16,13,.55);
  border-top: 1px solid rgba(217,164,65,.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
/* Keep the slide CTA clear of the floating glass strip */
[data-theme="forge"] .slide-content {
  padding-bottom: 108px;
}
@media (max-width: 768px) {
  [data-theme="forge"] .slide-content {
    padding-bottom: 72px;
  }
}

/* ── Prev/next arrows — 36×36 instrument-square, mirrors the
      .nav-theme-btn treatment (transparent idle, surface + green
      border on hover), no blur, no circles ── */
[data-theme="forge"] .slider-btn {
  width: 36px; height: 36px;
  background: transparent;
  border: 1px solid var(--ink-border-md);
  border-radius: 4px;
  color: rgba(241,237,225,.35);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
[data-theme="forge"] .slider-btn:hover {
  background: var(--ink-surface);
  border-color: var(--c-green);
  color: #f1ede1;
}

/* ── Indicators — vertical ruler ticks, not carousel dots:
      inactive 14×2px muted, active 22×3px gold. Only width/background
      animate (200ms). No rounded caps, no glow. ── */
[data-theme="forge"] .slider-dots { gap: 6px; }
[data-theme="forge"] .dot {
  width: 14px; height: 2px;
  border-radius: 0;
  background: var(--t-3);
  box-shadow: none;
  transition: width .2s ease, background .2s ease;
}
[data-theme="forge"] .dot.active {
  width: 22px; height: 3px;
  background: var(--c-yellow);
  box-shadow: none;
}

/* ===========================================================
   11. HOME SIDEBAR CARDS  вЂ"  Deep archive layers
   =========================================================== */
[data-theme="forge"] .home-side-card {
  background: linear-gradient(180deg, #211d15 0%, #1c1812 45%, #161310 100%);
  border: 1px solid rgba(255,255,255,.035);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.01),
              0 20px 50px -16px rgba(0,0,0,.52);
}

/* Donate icon вЂ" copper glow */
[data-theme="forge"] .side-card-icon {
  color: #c0814e;
}
/* Heartbeat вЂ" double-thump rhythm (lub-dub), draws the eye to donate */
[data-theme="forge"] .side-card-icon i {
  display: inline-block;
  animation: forge-heartbeat 1.8s ease-in-out infinite;
  filter: drop-shadow(0 0 6px rgba(192,129,78,.45));
}
@keyframes forge-heartbeat {
  0%, 100% { transform: scale(1); }
  12%      { transform: scale(1.22); }
  24%      { transform: scale(1); }
  36%      { transform: scale(1.16); }
  48%      { transform: scale(1); }
}
[data-theme="forge"] .side-card-icon::before {
  background: radial-gradient(circle, rgba(192,129,78,.08), transparent 70%);
}
[data-theme="forge"] .side-card-icon::after {
  background: radial-gradient(circle, rgba(192,129,78,.04), transparent 65%);
}

/* Donate CTA вЂ" copper gradient */
[data-theme="forge"] .btn-donate-side {
  background: linear-gradient(135deg, #c0814e, #a0683a);
  box-shadow: 0 0 18px rgba(192,129,78,.20), 0 0 40px rgba(192,129,78,.04), 0 4px 12px rgba(0,0,0,.32);
  border-radius: 12px;
  color: #f1ede1;
}
[data-theme="forge"] .btn-donate-side:hover {
  box-shadow: 0 0 28px rgba(192,129,78,.32), 0 0 54px rgba(192,129,78,.08), 0 6px 18px rgba(0,0,0,.42);
  color: #f1ede1;
}

/* Vote widget вЂ" gold accent */
[data-theme="forge"] .vote-widget-head::before {
  background: linear-gradient(90deg, #d4af37 0%, rgba(212,175,55,.14) 40%, transparent 100%);
}
[data-theme="forge"] .vote-widget-head i { color: #d4af37; }

[data-theme="forge"] .vote-widget-btn:hover {
  background: rgba(217,164,65,.06);
  border-color: rgba(217,164,65,.16);
  color: #d9a441;
}

[data-theme="forge"] .vote-widget-cta:hover {
  background: rgba(217,164,65,.02);
  border-color: rgba(217,164,65,.06);
}

/* ===========================================================
   12. SECTION LABELS  вЂ"  Gold accent with green rule
   =========================================================== */
[data-theme="forge"] .section-label { color: #d9a441; }
[data-theme="forge"] .section-label::before {
  background: #d9a441;
  box-shadow: 0 0 6px rgba(217,164,65,.30);
}
[data-theme="forge"] .section-label--blue { color: #d9a441; }
[data-theme="forge"] .section-label--blue::before {
  background: #d9a441;
  box-shadow: 0 0 6px rgba(217,164,65,.30);
}

[data-theme="forge"] .link-all:hover {
  color: #d9a441;
  border-color: rgba(217,164,65,.16);
}

/* ===========================================================
   13. DISCORD CTA  —  Glass window into the blueprint grid
       Dashed inner frame + corner registration marks
       (same visual language as .game-card) but indigo accent.
       Badge is larger than tiny card-status-badge — it's a
       section callout, not a status label.
   =========================================================== */

/* Card: frosted glass with embedded blueprint dot-grid.
   The .forge-network SVG is too faint at this scroll position
   (mask-image × low baseOpacity × blur ≈ invisible), so we
   paint the same blueprint language directly on the card.
   backdrop-filter still runs — if any network lines are bright
   enough (cursor nearby), they'll glow through the blur. */
[data-theme="forge"] .discord-cta {
  background-color: rgba(18,16,13,.12);
  background-image:
    /* architectural dot-grid — same rhythm as network nodes */
    radial-gradient(circle, rgba(88,101,242,.08) 0.8px, transparent 0.8px);
  background-size: 20px 20px;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(88,101,242,.14);
  border-radius: var(--r-lg);
  overflow: visible;
}

/* Dashed inner frame — same blueprint plate language as .game-card::before */
[data-theme="forge"] .discord-cta::before {
  content: '';
  position: absolute; inset: 4px; pointer-events: none; z-index: 5;
  border: 1px dashed rgba(88,101,242,.12);
  border-radius: calc(var(--r-lg) - 4px);
  background: none;
  width: auto; height: auto; top: auto; right: auto; bottom: auto; left: auto;
}

/* Corner registration marks — 4 crosses, indigo instead of green */
[data-theme="forge"] .discord-cta::after {
  content: '';
  position: absolute; inset: 0; pointer-events: none; z-index: 6;
  opacity: .45;
  border-radius: 0;
  background:
    /* Top-left */
    linear-gradient(to right, transparent 3px, rgba(88,101,242,.45) 3px, rgba(88,101,242,.45) 5px, transparent 5px) 6px 6px / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(88,101,242,.45) 3px, rgba(88,101,242,.45) 5px, transparent 5px) 6px 6px / 8px 8px no-repeat,
    /* Top-right */
    linear-gradient(to right, transparent 3px, rgba(88,101,242,.45) 3px, rgba(88,101,242,.45) 5px, transparent 5px) calc(100% - 14px) 6px / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(88,101,242,.45) 3px, rgba(88,101,242,.45) 5px, transparent 5px) calc(100% - 14px) 6px / 8px 8px no-repeat,
    /* Bottom-left */
    linear-gradient(to right, transparent 3px, rgba(88,101,242,.45) 3px, rgba(88,101,242,.45) 5px, transparent 5px) 6px calc(100% - 14px) / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(88,101,242,.45) 3px, rgba(88,101,242,.45) 5px, transparent 5px) 6px calc(100% - 14px) / 8px 8px no-repeat,
    /* Bottom-right */
    linear-gradient(to right, transparent 3px, rgba(88,101,242,.45) 3px, rgba(88,101,242,.45) 5px, transparent 5px) calc(100% - 14px) calc(100% - 14px) / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(88,101,242,.45) 3px, rgba(88,101,242,.45) 5px, transparent 5px) calc(100% - 14px) calc(100% - 14px) / 8px 8px no-repeat;
  width: auto; height: auto; top: auto; right: auto; bottom: auto; left: auto;
}

/* Badge: prominent section callout — NOT a tiny card-status-badge */
[data-theme="forge"] .discord-eyebrow {
  background: var(--ink-surface);
  border: 1px solid var(--ink-border-md);
  border-left: 3px solid var(--c-discord);
  border-radius: 5px;
  font-family: 'JetBrains Mono','Consolas',monospace;
  font-size: 12px; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--t-1);
  box-shadow: 2px 0 10px -3px rgba(88,101,242,.30), 0 0 0 1px rgba(88,101,242,.06);
  padding: 9px 20px;
  animation: none;
}
[data-theme="forge"] .eyebrow-emoji {
  filter: none; font-size: 15px; margin-right: 2px;
}

[data-theme="forge"] .discord-icon-wrap {
  box-shadow: 0 0 26px rgba(88,101,242,.20), 0 0 68px rgba(88,101,242,.08), inset 0 1px 0 rgba(255,255,255,.10);
}

[data-theme="forge"] .btn-discord {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: auto;
  height: auto;
  padding: 14px 32px;
  font-size: 15px;
  border-radius: var(--r-md);
  box-shadow: 0 0 20px rgba(88,101,242,.26), 0 0 46px rgba(88,101,242,.10);
}
[data-theme="forge"] .btn-discord:hover {
  background: color-mix(in srgb, var(--c-discord) 85%, white);
  box-shadow: 0 0 30px rgba(88,101,242,.48), 0 0 72px rgba(88,101,242,.16);
}

[data-theme="forge"] .discord-online-badge {
  background: var(--ink-surface);
  border-color: var(--ink-border);
  color: var(--t-2);
}
[data-theme="forge"] .online-dot {
  box-shadow: 0 0 6px #57f287;
}

[data-theme="forge"] .member-avatars .avatar {
  border-color: rgba(20,26,19,.48);  /* match the glass card bg */
}
[data-theme="forge"] .avatar--more {
  background: var(--ink-surface);
  border-color: var(--ink-border-md) !important;
  color: var(--t-3) !important;
}

[data-theme="forge"] .discord-title {
  color: var(--t-1);
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
}
[data-theme="forge"] .discord-desc  { color: var(--t-2); }

[data-theme="forge"] .d-stat-num   { color: var(--t-1); }
[data-theme="forge"] .d-stat-label { color: var(--t-3); }
[data-theme="forge"] .d-stat-icon  { color: var(--t-3); }
[data-theme="forge"] .d-stat-item:hover .d-stat-icon { color: var(--c-discord); }

[data-theme="forge"] .glow-orb { opacity: .22; }
[data-theme="forge"] .glow-orb--1 { background: rgba(88,101,242,.22); }
[data-theme="forge"] .glow-orb--2 { background: rgba(217,164,65,.10); }
[data-theme="forge"] .glow-orb--3 { background: rgba(88,101,242,.14); }

/* ===========================================================
   14. SINGLE GAME PAGE  вЂ"  Green aura, pill status
   =========================================================== */
[data-theme="forge"] .cover-img {
  border: 0;
  border-radius: 14px;
  box-shadow: 0 16px 48px rgba(0,0,0,.58),
              0 0 32px var(--cover-platform-glow);
}

[data-theme="forge"] .game-title-single span {
  background: linear-gradient(90deg, #d4af37, #e6c84a);
  box-shadow: 0 0 14px rgba(212,175,55,.30);
}

[data-theme="forge"] .status-dot {
  background: currentColor;
  box-shadow: 0 0 8px currentColor;
}

[data-theme="forge"] .meta-chip i { color: #d9a441; }

[data-theme="forge"] .gal-overlay {
  background: rgba(217,164,65,.06);
  border-radius: 14px;
}
[data-theme="forge"] .gal-overlay i {
  filter: drop-shadow(0 0 8px rgba(217,164,65,.40));
  color: #fff;
}

[data-theme="forge"] .comment-form textarea:focus {
  border-color: rgba(217,164,65,.40);
  box-shadow: 0 0 0 3px rgba(217,164,65,.05);
  border-radius: 12px;
}

[data-theme="forge"] .stat-key i { color: #d9a441; }

/* Download CTA вЂ" flat archive tag, same ledger treatment as
   .btn-read-more (surface bg, thin amber border, mono uppercase).
   No gradient, no glow, no shine sweep. */
[data-theme="forge"] .btn-download {
  background: var(--ink-surface);
  border: 1px solid rgba(217,164,65,.22);
  border-radius: 4px;
  box-shadow: none;
  font-family: 'JetBrains Mono', 'Consolas', monospace;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #e8bd5f;
}
[data-theme="forge"] .btn-download::before {
  display: none;
}
[data-theme="forge"] .btn-download:hover {
  background: var(--ink-surface-2);
  border-color: var(--c-green);
  box-shadow: none;
  transform: none;
  color: #f1ede1;
}
[data-theme="forge"] .btn-download i {
  font-size: 14px;
  color: #d9a441;
}

/* Store button вЂ" gold price */
[data-theme="forge"] .btn-store:hover {
  border-color: rgba(217,164,65,.16);
  box-shadow: 0 0 12px rgba(217,164,65,.04);
}
[data-theme="forge"] .btn-store .price-tag {
  color: #d4af37;
}

/* Install card вЂ" green left line */
[data-theme="forge"] .install-card {
  border-color: rgba(217,164,65,.16);
  border-radius: 14px;
}
[data-theme="forge"] .install-card::before {
  border-radius: 14px 0 0 14px;
  background: linear-gradient(180deg, #d9a441, #e8bd5f);
  box-shadow: 0 0 16px rgba(217,164,65,.30);
}

[data-theme="forge"] .step-num {
  background: rgba(217,164,65,.06);
  border-color: rgba(217,164,65,.18);
  color: #d9a441;
  border-radius: 999px;
}

[data-theme="forge"] .step-body code { color: #d4af37; }

[data-theme="forge"] .team-chip:hover {
  border-color: rgba(217,164,65,.22);
  background: rgba(217,164,65,.04);
  border-radius: 3px;
}
[data-theme="forge"] .team-chip img { border-color: rgba(217,164,65,.18); }

/* ===========================================================
   15. CATALOG  —  Archive form fields (thin bottom-line, monospace)
   =========================================================== */

/* Search input — ledger entry, not app search box */
[data-theme="forge"] .catalog-search-input {
  font-family: 'JetBrains Mono', 'Consolas', monospace;
  font-size: 12px;
  letter-spacing: 0;
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,.08);
  border-bottom: 2px solid rgba(217,164,65,.12);
  background: rgba(26,23,18,.40);
  color: #f1ede1;
}
[data-theme="forge"] .catalog-search-input:focus {
  border-color: rgba(217,164,65,.28);
  border-bottom-color: rgba(217,164,65,.40);
  box-shadow: 0 2px 0 rgba(217,164,65,.06);
  border-radius: 4px;
}

/* Sort/Filter dropdowns — monospace labels, thin border */
[data-theme="forge"] .catalog-sort-select {
  font-family: 'JetBrains Mono', 'Consolas', monospace;
  font-size: 11px;
  letter-spacing: 0;
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,.07);
  border-bottom: 2px solid rgba(255,255,255,.04);
  background: rgba(26,23,18,.35);
  color: #9a9488;
}
[data-theme="forge"] .catalog-sort-select:focus,
[data-theme="forge"] .catalog-sort-select:hover {
  border-color: rgba(217,164,65,.22);
  border-bottom-color: rgba(217,164,65,.35);
  color: #f1ede1;
}

[data-theme="forge"] .catalog-filter {
  font-family: 'JetBrains Mono', 'Consolas', monospace;
  font-size: 11px;
  letter-spacing: 0;
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,.07);
  border-bottom: 2px solid rgba(255,255,255,.04);
  background: rgba(26,23,18,.35);
  color: #9a9488;
}
[data-theme="forge"] .catalog-filter:focus {
  border-color: #d9a441;
  border-bottom-color: #d9a441;
  box-shadow: 0 2px 0 rgba(217,164,65,.06);
  border-radius: 4px;
  color: #f1ede1;
}

[data-theme="forge"] .catalog-dir-btn:hover {
  border-color: rgba(217,164,65,.22);
  color: #d9a441;
}

[data-theme="forge"] .catalog-pagination .page-numbers.current {
  background: linear-gradient(135deg, #d9a441, #c9962e);
  border-color: #d9a441;
  color: #f1ede1;
  font-weight: 700;
  border-radius: 4px;
  font-family: 'JetBrains Mono', 'Consolas', monospace;
  font-size: 11px;
  box-shadow: 0 0 14px rgba(217,164,65,.30), 0 2px 6px rgba(0,0,0,.32);
}

/* ===========================================================
   16. NEWS SINGLE  вЂ"  Gold accents, rounded prose
   =========================================================== */
[data-theme="forge"] .news-hero-excerpt { border-left: 3px solid #d9a441; }

[data-theme="forge"] .news-prose a { color: #d9a441; }
[data-theme="forge"] .news-prose a:hover { color: #e8bd5f; }

[data-theme="forge"] .news-prose h2 { border-left: 3px solid #d4af37; }

[data-theme="forge"] .news-prose blockquote {
  border-left: 3px solid #d9a441;
  background: rgba(217,164,65,.03);
  border-radius: 0 12px 12px 0;
}

[data-theme="forge"] .gallery-arrow:hover {
  background: rgba(217,164,65,.45);
  border-color: rgba(217,164,65,.30);
  border-radius: 8px;
}
[data-theme="forge"] .gallery-dot.active { background: #d9a441; }
[data-theme="forge"] .ng-arrow:hover { background: rgba(217,164,65,.5); border-color: rgba(217,164,65,.35); }
[data-theme="forge"] .ng-progress span { background: #d9a441; }
[data-theme="forge"] .ng-thumb.is-active { border-color: #d9a441; box-shadow: 0 0 0 1px #d9a441, 0 4px 14px rgba(217,164,65,.3); }
[data-theme="forge"] .ng-lb-arrow:hover { background: rgba(217,164,65,.5); }

[data-theme="forge"] .news-share-label i { color: #d9a441; }
[data-theme="forge"] .news-meta-row i { color: #d9a441; }

/* ===========================================================
   17. VIDEO SYSTEM  вЂ"  Category borders, green play
   =========================================================== */
[data-theme="forge"] .vid-card-link:hover .vid-card {
  border-color: rgba(217,164,65,.16);
  box-shadow: 0 0 20px rgba(217,164,65,.04);
}

/* Category accent borders */
[data-theme="forge"] .vid-card--cat-green  { border-left: 3px solid #d9a441 !important; }
[data-theme="forge"] .vid-card--cat-yellow { border-left: 3px solid #d4af37 !important; }
[data-theme="forge"] .vid-card--cat-red    { border-left: 3px solid #c0814e !important; }
[data-theme="forge"] .vid-card--cat-blue   { border-left: 3px solid #d9a441 !important; }
[data-theme="forge"] .vid-card--cat-muted  { border-left: 3px solid #615a4c !important; }

/* Green play icon */
[data-theme="forge"] .vid-play-icon {
  background: rgba(217,164,65,.82);
}

/* Active filter pill */
[data-theme="forge"] .vid-pill.active {
  background: rgba(217,164,65,.07);
  border-color: rgba(217,164,65,.20);
  color: #d9a441;
}

/* Pagination */
[data-theme="forge"] .vid-page-btn.active {
  background: linear-gradient(135deg, #d9a441, #c9962e);
  border-color: #d9a441;
  color: #f1ede1;
  font-weight: 700;
  border-radius: 10px;
  box-shadow: 0 0 14px rgba(217,164,65,.30), 0 2px 6px rgba(0,0,0,.32);
}

/* Playlist active */
[data-theme="forge"] .playlist-ep--active {
  background: rgba(217,164,65,.06);
  border-left: 3px solid #d9a441;
  border-radius: 0 10px 10px 0;
}
[data-theme="forge"] .playlist-ep--active .playlist-ep-title {
  color: #d9a441;
}

[data-theme="forge"] .playlist-ep-playing {
  background: rgba(217,164,65,.24);
}

[data-theme="forge"] .ep-nav-btn:hover {
  color: #d9a441;
  border-color: rgba(217,164,65,.18);
  background: rgba(217,164,65,.04);
  border-radius: 12px;
}

/* ===========================================================
   18. LIVE STREAMING  вЂ"  Copper live indicators
   =========================================================== */
[data-theme="forge"] .live-pulse-dot {
  background: #c0814e;
}

[data-theme="forge"] .live-mini-card--live {
  border-color: rgba(192,129,78,.18);
}
[data-theme="forge"] .live-mini-card--live:hover {
  border-color: rgba(192,129,78,.30);
  box-shadow: 0 0 20px rgba(192,129,78,.06), 0 6px 18px rgba(0,0,0,.32);
}

[data-theme="forge"] .live-mini-avatar { border-color: #c0814e; }

[data-theme="forge"] .streamer-card--live {
  border-color: rgba(192,129,78,.18);
}
[data-theme="forge"] .streamer-card--live:hover {
  border-color: rgba(192,129,78,.30);
  box-shadow: 0 0 24px rgba(192,129,78,.06), 0 8px 26px rgba(0,0,0,.38);
}
[data-theme="forge"] .streamer-card--live .streamer-avatar {
  border-color: #c0814e;
}

/* Watch button вЂ" copper */
[data-theme="forge"] .streamer-watch-btn {
  background: linear-gradient(135deg, #c0814e, #a0683a);
  border-radius: 10px;
}

/* Game tags вЂ" green */
[data-theme="forge"] .live-mini-game {
  background: #211d15;
  color: #d9a441;
  border: 1px solid rgba(217,164,65,.16);
  border-radius: 3px;
  font-family: 'JetBrains Mono','Consolas',monospace;
  font-size: 9px; font-weight: 500; letter-spacing: 0;
}
[data-theme="forge"] .streamer-game-tag {
  background: #211d15;
  color: #d9a441;
  border: 1px solid rgba(217,164,65,.16);
  border-radius: 3px;
  font-family: 'JetBrains Mono','Consolas',monospace;
  font-size: 9px; font-weight: 500; letter-spacing: 0;
}

/* ===========================================================
   19. DONATE PAGE  вЂ"  Прозрачни секции над archive мрежата:
        Алея на славата, медна плоча за Revolut, FAQ регистър.
        Никакви плътни хедъри — само стъклени плочи върху мрежата.
   =========================================================== */

/* Hero-то и секционните ленти са прозрачни, за да личи фиксираната
   forge-network SVG мрежа зад съдържанието — същият слой, който държи
   останалите страници на темата. */
[data-theme="forge"] .donate-hero,
[data-theme="forge"] .donate-methods-section,
[data-theme="forge"] .alley-section,
[data-theme="forge"] .donate-faq-section {
  background: transparent;
}
[data-theme="forge"] .donate-hero::before {
  background: radial-gradient(circle, rgba(192,129,78,.05) 0%, transparent 70%);
}

[data-theme="forge"] .donate-eyebrow {
  background: #211d15;
  border: 1px solid rgba(192,129,78,.20);
  color: #d4995e;
  border-radius: 3px;
  font-family: 'JetBrains Mono','Consolas',monospace;
  font-size: 9px; font-weight: 500; letter-spacing: 0;
}

/* ───────────────────────────────────────────────────────────
   АЛЕЯ НА СЛАВАТА — стъклени архивни плочи (без blur върху
   компактните плочки: с 100+ поддръжници blur е скъп и causes
   jank; плочките стоят върху плътна тъмна основа).
   ─────────────────────────────────────────────────────────── */

/* Брояч „N поддръжници“ — малка архивна табела */
[data-theme="forge"] .alley-count {
  background: rgba(26,23,18,.55);
  border: 1px solid rgba(212,175,55,.16);
  border-radius: 6px;
}
[data-theme="forge"] .alley-count-num { color: #d4af37; }
[data-theme="forge"] .alley-count-label { color: #615a4c; }

/* Медальон — стъклен архивен лист с пунктирана вътрешна рамка
   + ъглови регистрации, същият език като .game-card */
[data-theme="forge"] .alley-medal {
  background: rgba(26,23,18,.58);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(212,175,55,.16);
  border-radius: 6px;
}
[data-theme="forge"] .alley-medal::before {
  content: '';
  position: absolute; inset: 4px; pointer-events: none; z-index: 2;
  border: 1px dashed rgba(212,175,55,.10);
  border-radius: 4px;
}
[data-theme="forge"] .alley-medal::after {
  content: '';
  position: absolute; inset: 0; pointer-events: none; z-index: 2;
  opacity: .30;
  background:
    linear-gradient(to right, transparent 3px, rgba(212,175,55,.4) 3px, rgba(212,175,55,.4) 5px, transparent 5px) 6px 6px / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(212,175,55,.4) 3px, rgba(212,175,55,.4) 5px, transparent 5px) 6px 6px / 8px 8px no-repeat,
    linear-gradient(to right, transparent 3px, rgba(212,175,55,.4) 3px, rgba(212,175,55,.4) 5px, transparent 5px) calc(100% - 14px) 6px / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(212,175,55,.4) 3px, rgba(212,175,55,.4) 5px, transparent 5px) calc(100% - 14px) 6px / 8px 8px no-repeat,
    linear-gradient(to right, transparent 3px, rgba(212,175,55,.4) 3px, rgba(212,175,55,.4) 5px, transparent 5px) 6px calc(100% - 14px) / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(212,175,55,.4) 3px, rgba(212,175,55,.4) 5px, transparent 5px) 6px calc(100% - 14px) / 8px 8px no-repeat,
    linear-gradient(to right, transparent 3px, rgba(212,175,55,.4) 3px, rgba(212,175,55,.4) 5px, transparent 5px) calc(100% - 14px) calc(100% - 14px) / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(212,175,55,.4) 3px, rgba(212,175,55,.4) 5px, transparent 5px) calc(100% - 14px) calc(100% - 14px) / 8px 8px no-repeat;
}

/* Нива на признание — mono тагове, кехлибар/мед, не „платени рангове“ */
[data-theme="forge"] .am-tier {
  font-family: 'JetBrains Mono','Consolas',monospace;
  font-size: 9px; font-weight: 500; letter-spacing: .05em;
  border-radius: 3px;
}
[data-theme="forge"] .alley-medal--honored   .am-tier { background: #211d15; color: #d4af37; border: 1px solid rgba(212,175,55,.30); }
[data-theme="forge"] .alley-medal--patron    .am-tier { background: #211d15; color: #d9a441; border: 1px solid rgba(217,164,65,.22); }
[data-theme="forge"] .alley-medal--friend    .am-tier { background: #211d15; color: #d9a441; border: 1px solid rgba(217,164,65,.14); }
[data-theme="forge"] .alley-medal--supporter .am-tier { background: #211d15; color: #615a4c; border: 1px solid rgba(255,255,255,.06); }
[data-theme="forge"] .alley-medal--honored   { border-color: rgba(212,175,55,.28); }

/* Аватар-медальони — топла кехлибарена пътека (не синьо-лилаво) */
[data-theme="forge"] .am-avatar,
[data-theme="forge"] .ac-avatar {
  background: linear-gradient(135deg, #d9a441, #a0683a);
}
[data-theme="forge"] .alley-medal--honored .am-avatar {
  background: linear-gradient(135deg, #e6c84a, #b8860b);
  box-shadow: 0 0 18px rgba(212,175,55,.30);
}

[data-theme="forge"] .am-name   { color: #f1ede1; }
[data-theme="forge"] .am-total  { color: #d4af37; }
[data-theme="forge"] .am-total span { color: #615a4c; }
[data-theme="forge"] .am-msg    { color: #6f6959; }
[data-theme="forge"] .am-since  { color: #615a4c; border-top-color: rgba(255,255,255,.06); }

/* Компактни плочки — плътна тъмна основа, топла рамка */
[data-theme="forge"] .alley-chip {
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 6px;
}
[data-theme="forge"] .ac-name  { color: #d8d2c4; }
[data-theme="forge"] .ac-meta  { color: #615a4c; }
[data-theme="forge"] .ac-msg   { color: #6f6959; }
[data-theme="forge"] .ac-total { color: #d4af37; }
[data-theme="forge"] .alley-rest-sep span {
  background: #211d15;
  border-color: rgba(255,255,255,.06);
}

/* „Покажи още“ — плоска архивна таг-табела (като .btn-read-more),
   mono, без градиент и без glow */
[data-theme="forge"] .alley-more-btn {
  background: var(--ink-surface);
  border: 1px solid rgba(217,164,65,.22);
  border-radius: 4px;
  box-shadow: none;
  font-family: 'JetBrains Mono','Consolas',monospace;
  font-size: 11px; font-weight: 500; letter-spacing: .05em;
  text-transform: uppercase;
  color: #e8bd5f;
}
[data-theme="forge"] .alley-more-btn:hover {
  background: var(--ink-surface-2);
  border-color: var(--c-green);
  color: #f1ede1;
}
[data-theme="forge"] .alley-more-count {
  font-family: 'JetBrains Mono','Consolas',monospace;
  color: #615a4c;
}

[data-theme="forge"] .alley-note { color: #615a4c; }
[data-theme="forge"] .alley-note i { color: #3da564; }

/* ───────────────────────────────────────────────────────────
   НАЧИНИ ЗА ДАРЕНИЕ — Revolut е главната медна плоча;
   Ko-fi / Buy Me a Coffee са странични стъклени табели.
   ─────────────────────────────────────────────────────────── */

/* ── Revolut — главната медна плоча: стъклен архивен лист с
      пунктирана вътрешна рамка + ъглови регистрации (blueprint) ── */
[data-theme="forge"] .mth-main {
  background: rgba(26,23,18,.55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(192,129,78,.22);
  border-radius: 16px;
}
[data-theme="forge"] .mth-main::before {
  content: '';
  position: absolute; inset: 4px; pointer-events: none; z-index: 5;
  border: 1px dashed rgba(192,129,78,.14);
  border-radius: 12px;
}
[data-theme="forge"] .mth-main::after {
  content: '';
  position: absolute; inset: 0; pointer-events: none; z-index: 6;
  opacity: .4;
  background:
    /* Top-left + */
    linear-gradient(to right, transparent 3px, rgba(192,129,78,.45) 3px, rgba(192,129,78,.45) 5px, transparent 5px) 6px 6px / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(192,129,78,.45) 3px, rgba(192,129,78,.45) 5px, transparent 5px) 6px 6px / 8px 8px no-repeat,
    /* Top-right + */
    linear-gradient(to right, transparent 3px, rgba(192,129,78,.45) 3px, rgba(192,129,78,.45) 5px, transparent 5px) calc(100% - 14px) 6px / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(192,129,78,.45) 3px, rgba(192,129,78,.45) 5px, transparent 5px) calc(100% - 14px) 6px / 8px 8px no-repeat,
    /* Bottom-left + */
    linear-gradient(to right, transparent 3px, rgba(192,129,78,.45) 3px, rgba(192,129,78,.45) 5px, transparent 5px) 6px calc(100% - 14px) / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(192,129,78,.45) 3px, rgba(192,129,78,.45) 5px, transparent 5px) 6px calc(100% - 14px) / 8px 8px no-repeat,
    /* Bottom-right + */
    linear-gradient(to right, transparent 3px, rgba(192,129,78,.45) 3px, rgba(192,129,78,.45) 5px, transparent 5px) calc(100% - 14px) calc(100% - 14px) / 8px 8px no-repeat,
    linear-gradient(to bottom, transparent 3px, rgba(192,129,78,.45) 3px, rgba(192,129,78,.45) 5px, transparent 5px) calc(100% - 14px) calc(100% - 14px) / 8px 8px no-repeat;
}
[data-theme="forge"] .mth-main-glow {
  background: radial-gradient(circle, rgba(192,129,78,.10) 0%, transparent 70%);
}
[data-theme="forge"] .mth-main:hover {
  transform: none; /* forge: без lift — само рамка и сияние */
  border-color: rgba(192,129,78,.42);
  box-shadow: 0 0 26px rgba(192,129,78,.10), 0 0 60px rgba(192,129,78,.04);
}
[data-theme="forge"] .mth-main:hover .mth-cta {
  box-shadow: 0 0 28px rgba(192,129,78,.30), 0 0 60px rgba(192,129,78,.08);
}

/* Баджът „Най-бърз начин" — меден mono таг, като .donate-eyebrow */
[data-theme="forge"] .mth-flag {
  background: rgba(192,129,78,.08);
  border: 1px solid rgba(192,129,78,.24);
  color: #d4995e;
  border-radius: 3px;
  font-family: 'JetBrains Mono','Consolas',monospace;
  font-size: 9px; font-weight: 500; letter-spacing: .08em;
}
[data-theme="forge"] .mth-flag i {
  color: #d4995e;
  filter: drop-shadow(0 0 4px rgba(192,129,78,.45));
}

/* Белият „R" монограм — брандът остава бял, само топъл ореол */
[data-theme="forge"] .mth-logo {
  box-shadow: 0 0 0 1px rgba(255,255,255,.10), 0 0 26px rgba(217,164,65,.14);
}

/* CTA — меден градиент, същият като .btn-donate-side */
[data-theme="forge"] .mth-cta {
  background: linear-gradient(135deg, #c0814e, #a0683a);
  color: #f1ede1;
  border-radius: 12px;
  box-shadow: 0 0 18px rgba(192,129,78,.18), 0 0 40px rgba(192,129,78,.04);
}
[data-theme="forge"] .mth-host {
  font-family: 'JetBrains Mono','Consolas',monospace;
  font-size: 11px; letter-spacing: .05em;
  color: rgba(154,148,136,.75);
}
[data-theme="forge"] .mth-host i { color: rgba(217,164,65,.55); }

/* ── Странични опции — Ko-fi (червена чашка) и Buy Me a Coffee
      (жълта чашка): стъклени архивни плочи с фини бранд акценти ── */
[data-theme="forge"] .mth-alt {
  background: rgba(26,23,18,.50);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(217,164,65,.14);
  border-radius: 6px;
}
[data-theme="forge"] .mth-alt:hover {
  transform: none; /* forge: без lift */
  box-shadow: none;
}
[data-theme="forge"] .mth-alt--kofi:hover { border-color: rgba(255,95,64,.32); }
[data-theme="forge"] .mth-alt--bmc:hover  { border-color: rgba(255,221,0,.26); }
[data-theme="forge"] .mth-alt--kofi .mth-alt-icon {
  background: rgba(255,95,64,.08);
  border-radius: 12px;
}
[data-theme="forge"] .mth-alt--bmc .mth-alt-icon {
  background: rgba(255,221,0,.07);
  border-radius: 12px;
}
[data-theme="forge"] .mth-alt-cta {
  font-family: 'JetBrains Mono','Consolas',monospace;
  font-size: 11px; letter-spacing: .04em;
}
[data-theme="forge"] .mth-alt--kofi:hover .mth-alt-cta { color: #ff5f40; }
[data-theme="forge"] .mth-alt--bmc:hover  .mth-alt-cta { color: #ffdd00; }

[data-theme="forge"] .mth-secure {
  border: 1px dashed rgba(255,255,255,.07);
  color: #615a4c;
}
[data-theme="forge"] .mth-secure i { color: #3da564; }

/* ───────────────────────────────────────────────────────────
   FAQ — стъклени редове от архивен регистър.
   Номерация Q01, Q02… пред всеки въпрос (mono, кехлибарена).
   БЕЗ backdrop-filter върху редовете: височината се анимира и
   blur-ът пребоява всеки кадър → мигане. Плътна rgba основа.
   ─────────────────────────────────────────────────────────── */
[data-theme="forge"] .donate-faq-list { counter-reset: faq; }
[data-theme="forge"] .donate-faq-item {
  counter-increment: faq;
  background: rgba(26,23,18,.62);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: 1px solid rgba(217,164,65,.14);
  border-radius: 6px;
}
[data-theme="forge"] .donate-faq-item.open { border-color: rgba(217,164,65,.30); }
[data-theme="forge"] .donate-faq-item .faq-q:hover { background: rgba(217,164,65,.04); }
[data-theme="forge"] .faq-q-text::before {
  content: 'Q' counter(faq, decimal-leading-zero);
  font-family: 'JetBrains Mono','Consolas',monospace;
  font-size: 11px; font-weight: 500; letter-spacing: .04em;
  color: rgba(217,164,65,.55);
  margin-right: 12px;
}
[data-theme="forge"] .donate-faq-item.open .faq-q-text::before { color: #d9a441; }
[data-theme="forge"] .faq-chevron { color: #615a4c; }
[data-theme="forge"] .donate-faq-item.open .faq-chevron { color: #d9a441; }

/* Main donate вЂ" copper gradient */
[data-theme="forge"] .btn-donate {
  background: linear-gradient(135deg, #c0814e, #a0683a);
  box-shadow: 0 0 20px rgba(192,129,78,.24), 0 0 48px rgba(192,129,78,.06), 0 4px 14px rgba(0,0,0,.42);
  border-radius: 14px;
  color: #f1ede1;
}
[data-theme="forge"] .btn-donate:hover {
  box-shadow: 0 0 32px rgba(192,129,78,.40), 0 0 68px rgba(192,129,78,.10), 0 6px 22px rgba(0,0,0,.52);
  color: #f1ede1;
}
[data-theme="forge"] .btn-donate::after {
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
}

[data-theme="forge"] .donate-pulse-ring {
  border-color: rgba(192,129,78,.28);
}

/* Donate banner */
[data-theme="forge"] .donate-banner {
  background: linear-gradient(135deg, #17130f 0%, #1c1812 50%, #17130f 100%);
  border: 1px solid rgba(192,129,78,.10);
  border-radius: 14px;
}
[data-theme="forge"] .donate-banner::before {
  background: radial-gradient(circle, rgba(192,129,78,.04) 0%, transparent 70%);
}
[data-theme="forge"] .donate-banner::after {
  animation: banner-glow 3s ease-in-out infinite;
  border-color: rgba(192,129,78,.18);
  border-radius: 14px;
}
@keyframes banner-glow {
  0%, 100% { box-shadow: 0 0 20px rgba(192,129,78,.05), inset 0 0 20px rgba(192,129,78,.01); }
  50%      { box-shadow: 0 0 40px rgba(192,129,78,.16), inset 0 0 30px rgba(192,129,78,.03); }
}

[data-theme="forge"] .donate-banner-badge {
  background: #211d15;
  border: 1px solid rgba(192,129,78,.18);
  color: #d4995e;
  border-radius: 3px;
  font-family: 'JetBrains Mono','Consolas',monospace;
  font-size: 9px; font-weight: 500; letter-spacing: 0;
}

/* Sparks вЂ" кехлибарени (контраст към медния банер) */
[data-theme="forge"] .spark { background: #d9a441; }
[data-theme="forge"] .spark.s1 { background: #e8bd5f; }
[data-theme="forge"] .spark.s3 { background: #e8bd5f; }
[data-theme="forge"] .spark.s5 { background: #e8bd5f; }

/* ===========================================================
   21. VOTING / POLL  вЂ"  Green success, gold active
   =========================================================== */
[data-theme="forge"] .vote-hero {
  background: linear-gradient(160deg, #12100d 0%, #16130f 40%, #17130f 70%, #12100d 100%);
}
[data-theme="forge"] .vote-hero::before {
  background: radial-gradient(circle, rgba(217,164,65,.03) 0%, transparent 70%);
}

/* Blind mode — no solid brown header around the blue banner */
[data-theme="forge"] .vote-hero.blind-hero {
  background: transparent;
}
[data-theme="forge"] .vote-hero.blind-hero::before {
  display: none;
}

[data-theme="forge"] .poll-meta-item i { color: #d9a441; }

[data-theme="forge"] .sort-btn.active {
  background: rgba(217,164,65,.06);
  border-color: rgba(217,164,65,.18);
  color: #d9a441;
  border-radius: 8px;
}

[data-theme="forge"] .poll-card-cta { color: #d9a441; }

/* Voted state */
[data-theme="forge"] .vote-game-card.voted {
  border-color: rgba(217,164,65,.12);
  box-shadow: 0 0 12px rgba(217,164,65,.04);
}

/* Cast vote вЂ" green CTA */
[data-theme="forge"] .btn-cast {
  background: linear-gradient(135deg, #d9a441, #c9962e);
  box-shadow: 0 0 16px rgba(217,164,65,.28), 0 2px 6px rgba(0,0,0,.32);
  color: #f1ede1;
  font-weight: 700;
}
[data-theme="forge"] .btn-cast:hover:not(.disabled) {
  box-shadow: 0 0 28px rgba(217,164,65,.48), 0 4px 12px rgba(0,0,0,.42);
  color: #f1ede1;
}

/* Unvote вЂ" green в†’ copper transition */
[data-theme="forge"] .btn-unvote {
  background: rgba(217,164,65,.06);
  color: #d9a441;
  border-color: rgba(217,164,65,.18);
  border-radius: 12px;
}
[data-theme="forge"] .btn-unvote:hover {
  background: rgba(192,129,78,.06);
  color: #c0814e;
  border-color: rgba(192,129,78,.18);
}

/* Catalog vote */
[data-theme="forge"] .btn-cast-cat {
  background: #d9a441;
  box-shadow: 0 0 16px rgba(217,164,65,.34);
  color: #f1ede1;
  border-radius: 10px;
}
[data-theme="forge"] .btn-cast-cat:hover {
  background: #e8bd5f;
  box-shadow: 0 0 26px rgba(217,164,65,.52);
  color: #f1ede1;
}

/* Voted state buttons */
[data-theme="forge"] .btn-voted {
  background: rgba(217,164,65,.10);
  color: #d9a441;
  border-color: rgba(217,164,65,.20);
}
[data-theme="forge"] .btn-voted:hover {
  background: rgba(192,129,78,.10);
  color: #c0814e;
  border-color: rgba(192,129,78,.20);
}

/* Toast notifications */
[data-theme="forge"] .vote-toast.success {
  background: rgba(18,16,13,.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: #d9a441;
  border: 1px solid rgba(217,164,65,.20);
  border-radius: 12px;
  box-shadow: 0 0 16px rgba(217,164,65,.06);
}
[data-theme="forge"] .vote-toast.error {
  background: rgba(18,16,13,.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: #c0814e;
  border: 1px solid rgba(192,129,78,.20);
  border-radius: 12px;
  box-shadow: 0 0 16px rgba(192,129,78,.06);
}

/* ===========================================================
   22. WALKTHROUGHS  вЂ"  Green accents, gold title
   =========================================================== */
[data-theme="forge"] .walkthrough-hero .hero-cover .cover-img {
  box-shadow: 0 0 26px rgba(217,164,65,.14), 0 16px 48px rgba(0,0,0,.58);
  border-radius: 14px;
}

[data-theme="forge"] .walkthrough-hero .hero-excerpt { border-left: 3px solid #d9a441; }

[data-theme="forge"] .walkthrough-hero .meta-chip i { color: #d9a441; }

[data-theme="forge"] .walkthrough-hero .btn-download {
  background: var(--ink-surface);
  border: 1px solid rgba(217,164,65,.22);
  border-radius: 4px;
  box-shadow: none;
  color: #e8bd5f;
}
[data-theme="forge"] .walkthrough-hero .btn-download:hover {
  background: var(--ink-surface-2);
  border-color: var(--c-green);
  box-shadow: none;
  transform: none;
  color: #f1ede1;
}

/* ===========================================================
   23. GENERIC BUTTONS  вЂ"  Green & Copper gradients
   =========================================================== */
[data-theme="forge"] .btn-blue {
  background: linear-gradient(135deg, #d9a441, #c9962e);
  box-shadow: 0 0 16px rgba(217,164,65,.28), 0 2px 6px rgba(0,0,0,.32);
  color: #f1ede1;
  font-weight: 700;
}
[data-theme="forge"] .btn-blue:hover {
  box-shadow: 0 0 28px rgba(217,164,65,.48), 0 3px 10px rgba(0,0,0,.42);
  color: #f1ede1;
}

[data-theme="forge"] .btn-green {
  background: linear-gradient(135deg, #3da564, #2d7f4d);
  box-shadow: 0 0 14px rgba(61,165,100,.20), 0 2px 6px rgba(0,0,0,.32);
  color: #f1ede1;
  font-weight: 700;
}
[data-theme="forge"] .btn-green:hover {
  box-shadow: 0 0 22px rgba(61,165,100,.34), 0 3px 10px rgba(0,0,0,.42);
  color: #f1ede1;
}

[data-theme="forge"] .btn-outline {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
}
[data-theme="forge"] .btn-outline:hover {
  border-color: rgba(217,164,65,.20);
  background: rgba(217,164,65,.04);
}

/* ===========================================================
   24. COMPLEXITY OVERLAY  вЂ"  Glass panel, forest tones
   =========================================================== */
[data-theme="forge"] .complexity-overlay {
  background: rgba(26,23,18,.96);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  border: 1px solid rgba(217,164,65,.08);
  border-radius: 16px;
}
[data-theme="forge"] .complexity-overlay::after {
  border-right-color: rgba(26,23,18,.96);
}
[data-theme="forge"] .complexity-overlay::before {
  border-right-color: rgba(217,164,65,.08);
}
[data-theme="forge"] .complexity-overlay.complexity-overlay--left::after {
  border-right-color: transparent;
  border-left-color: rgba(26,23,18,.96);
}
[data-theme="forge"] .complexity-overlay.complexity-overlay--left::before {
  border-right-color: transparent;
  border-left-color: rgba(217,164,65,.08);
}

[data-theme="forge"] .overlay-title i { color: #d9a441; }

/* ===========================================================
   25. HLTB BADGES  вЂ"  Archive catalog labels, colour coded
   =========================================================== */
[data-theme="forge"] .hltb-badge.hltb-green  { background: #211d15; color: #3da564; border:1px solid rgba(61,165,100,.22); border-radius: 3px; font-family: 'JetBrains Mono','Consolas',monospace; font-size:9px; font-weight:500; letter-spacing:0; }
[data-theme="forge"] .hltb-badge.hltb-yellow { background: #211d15; color: #d4af37; border:1px solid rgba(212,175,55,.18); border-radius: 3px; font-family: 'JetBrains Mono','Consolas',monospace; font-size:9px; font-weight:500; letter-spacing:0; }
[data-theme="forge"] .hltb-badge.hltb-orange { background: #211d15; color: #c0814e; border:1px solid rgba(192,129,78,.18); border-radius: 3px; font-family: 'JetBrains Mono','Consolas',monospace; font-size:9px; font-weight:500; letter-spacing:0; }
[data-theme="forge"] .hltb-badge.hltb-red    { background: #211d15; color: #c0814e; border:1px solid rgba(192,129,78,.22); border-radius: 3px; font-family: 'JetBrains Mono','Consolas',monospace; font-size:9px; font-weight:500; letter-spacing:0; }
[data-theme="forge"] .hltb-badge.hltb-black  { background: #211d15; color: #9a9488; border:1px solid rgba(241,237,225,.10); border-radius: 3px; font-family: 'JetBrains Mono','Consolas',monospace; font-size:9px; font-weight:500; letter-spacing:0; }

/* ===========================================================
   26. RENDERED CONTENT + FOOTER + MISC
   =========================================================== */

/* в"Ђв"Ђ Rendered content в"Ђв"Ђ */
[data-theme="forge"] .rendered-content a { color: #d9a441; }
[data-theme="forge"] .rendered-content a:hover { color: #e8bd5f; }
[data-theme="forge"] .rendered-content blockquote {
  border-left: 3px solid #d9a441;
  background: rgba(217,164,65,.03);
  border-radius: 0 10px 10px 0;
}
[data-theme="forge"] .rendered-content code { color: #d4af37; }

/* в"Ђв"Ђ Footer в"Ђв"Ђ */
[data-theme="forge"] .site-footer {
  border-top-color: rgba(255,255,255,.035);
}
[data-theme="forge"] .footer-links a { color: #615a4c; }
[data-theme="forge"] .footer-links a:hover { color: #f1ede1; }

/* в"Ђв"Ђ Cover overlays (forest-dark gradients) в"Ђв"Ђ */
[data-theme="forge"] .slide-overlay {
  background:
    linear-gradient(105deg, rgba(18,16,13,.96) 0%, rgba(18,16,13,.68) 45%, rgba(18,16,13,.14) 75%, transparent 100%),
    linear-gradient(to top, rgba(18,16,13,.82) 0%, rgba(18,16,13,.18) 20%, transparent 48%, rgba(18,16,13,.18) 84%, rgba(18,16,13,.64) 100%),
    radial-gradient(ellipse at center, transparent 55%, rgba(18,16,13,.34) 100%);
}

[data-theme="forge"] .news-hero-overlay {
  background:
    linear-gradient(to top, rgba(8,10,13,.74) 0%, rgba(8,10,13,.30) 18%, rgba(8,10,13,.06) 42%, transparent 58%),
    linear-gradient(to right, rgba(12,13,14,.78) 0%, rgba(12,13,14,.36) 34%, rgba(12,13,14,.05) 62%, transparent 80%),
    linear-gradient(to bottom, rgba(8,10,13,.50) 0%, transparent 22%);
}

[data-theme="forge"] .card-cover-overlay {
  background: linear-gradient(to top, rgba(18,16,13,.95) 0%, rgba(18,16,13,.24) 40%, transparent 100%);
}

[data-theme="forge"] .card-pending-badge {
  background: rgba(18,16,13,.78);
  border-color: rgba(212,175,55,.4);
  color: #d4af37;
  animation-name: pending-pulse-forge;
}
@keyframes pending-pulse-forge {
  0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(212,175,55,.3); }
  50%      { opacity: .8; box-shadow: 0 0 10px 2px rgba(212,175,55,.12); }
}

[data-theme="forge"] .card-pending-badge--stale {
  background: rgba(140,10,10,.78);
  border-color: rgba(255,70,70,.5);
  color: #ff5555;
  animation-name: pending-blink-forge;
}
[data-theme="forge"] .card-pending-badge--stale i { color: #ff6666; }

[data-theme="forge"] .card-chat-badge {
  background: rgba(14, 48, 67, .88);
  border-color: rgba(93, 190, 225, .52);
  color: #b9e6f2;
  animation-name: chat-unread-pulse;
}
[data-theme="forge"] .card-chat-badge i { color: #8fd8ed; }

@keyframes pending-blink-forge {
  0%, 100% { opacity: 1;   box-shadow: 0 0 0 0 rgba(255,70,70,.45); }
  50%      { opacity: .5;  box-shadow: 0 0 16px 4px rgba(255,70,70,.25); }
}

[data-theme="forge"] .live-mini-cover-overlay {
  background: linear-gradient(to top, rgba(18,16,13,.95) 0%, rgba(18,16,13,.14) 60%, transparent 100%);
}

[data-theme="forge"] .streamer-cover-overlay {
  background: linear-gradient(to top, rgba(18,16,13,.95) 0%, rgba(18,16,13,.14) 60%, transparent 100%);
}

/* в"Ђв"Ђ Live dot вЂ" copper в"Ђв"Ђ */
[data-theme="forge"] .nav-live-dot {
  background: #c0814e;
}

/* в"Ђв"Ђ Алея label (секция „Нашите поддръжници") в"Ђв"Ђ */
[data-theme="forge"] .alley-label {
  background: #211d15 !important;
  border-color: rgba(212,175,55,.24) !important;
  color: #d4af37 !important;
  border-radius: 3px !important;
  font-family: 'JetBrains Mono','Consolas',monospace;
  font-size: 9px; font-weight: 500; letter-spacing: 0;
}

/* в"Ђв"Ђ Pending tests badge в"Ђв"Ђ */
[data-theme="forge"] .pending-tests-badge {
  background: #211d15;
  border: 1px solid rgba(212,175,55,.22);
  border-radius: 3px;
  font-family: 'JetBrains Mono','Consolas',monospace;
  font-size: 9px; font-weight: 500; letter-spacing: 0;
  color: #d4af37;
}
[data-theme="forge"] .pending-tests-badge:hover {
  background: #28231a;
  border-color: rgba(212,175,55,.36);
}

/* Compact badge overlay – компактните карти (начална страница): същият
   бадж като в каталога (горе вдясно, нормален размер) */
[data-theme="forge"] .game-card--compact .card-status-badge {
  top: 10px; right: 10px; left: auto; bottom: auto;
}

/* ===========================================================
   27. FRIENDS BANNERS  —  compact friend cards under Donate/Vote
       Archive-glass skin on the shared card layout: amber border
       glow, blueprint frame, radial halo behind each character,
       ember sparks. The gold shimmer/pulse animations on the
       gothic titles come from style.css (token-driven, both themes).
   =========================================================== */

[data-theme="forge"] .friend-banner {
  background: linear-gradient(135deg,
    rgba(26,23,18,.62) 0%, rgba(18,16,13,.78) 55%, var(--fb-accent-soft) 135%);
  border-color: rgba(217,164,65,.14);
  border-radius: var(--r-lg);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Blueprint inner frame — same language as .game-card::before */
[data-theme="forge"] .friend-banner::before {
  content: '';
  position: absolute; inset: 3px; pointer-events: none; z-index: 3;
  border: 1px dashed rgba(217,164,65,.10);
  border-radius: calc(var(--r-lg) - 4px);
}

/* Hover — amber ignition, consistent with the side cards */
[data-theme="forge"] .friend-banner:hover {
  border-color: rgba(217,164,65,.32);
  box-shadow:
    0 28px 56px -20px rgba(0,0,0,.7),
    0 0 26px var(--fb-accent-glow),
    inset 0 1px 0 rgba(255,255,255,.06);
}

/* ── Divide panel, forge: warm ember glow + copper counter-glow,
   edge ring slightly brighter so the cut reads on glass ── */
[data-theme="forge"] .friend-banner__art::after {
  background:
    radial-gradient(circle at 38% 46%, var(--fb-accent-soft) 0%, transparent 58%),
    radial-gradient(circle at 72% 84%, color-mix(in srgb, var(--c-red) 9%, transparent) 0%, transparent 55%),
    linear-gradient(165deg, rgba(241,237,225,.03) 0%, transparent 45%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c-yellow) 18%, transparent);
}

/* Crescent band, forge: warm soot plate with a hard amber-smoked inner edge */
[data-theme="forge"] .friend-banner__arc {
  background: radial-gradient(50% 50% at 50% 50%,
    transparent 0%,
    transparent 88%,
    color-mix(in srgb, #1a1712 86%, var(--fb-accent)) 88.5%,
    color-mix(in srgb, #12100d 94%, var(--fb-accent)) 100%);
}

/* ── Radial halo behind the dominant character — glow-orb language ── */
[data-theme="forge"] .friend-banner__art::before {
  content: '';
  position: absolute; inset: -10%; z-index: -1;
  background: radial-gradient(circle at 48% 62%, var(--fb-accent-soft) 0%, transparent 70%);
  opacity: .95;
  transition: opacity .4s var(--ease-out);
}
[data-theme="forge"] .friend-banner:hover .friend-banner__art::before { opacity: 1; }
[data-theme="forge"] .friend-banner:hover .friend-banner__art img {
  filter:
    drop-shadow(2px 0 1px color-mix(in srgb, var(--c-yellow) 60%, transparent))
    drop-shadow(11px 2px 18px var(--fb-accent-glow))
    drop-shadow(0 4px 8px rgba(0,0,0,.5))
    drop-shadow(0 16px 26px rgba(0,0,0,.55))
    drop-shadow(0 0 26px var(--fb-accent-soft));
}

/* Ground fog pool, forge: deeper soot + warm copper ember core */
[data-theme="forge"] .friend-banner__sparks::after {
  background:
    radial-gradient(62% 88% at 46% 100%, rgba(6,4,2,.6) 0%, rgba(6,4,2,.28) 46%, transparent 74%),
    radial-gradient(32% 58% at 46% 100%, color-mix(in srgb, var(--c-red) 12%, transparent) 0%, transparent 70%);
}

/* Carved titles catch more light on hover */
[data-theme="forge"] .friend-banner:hover .friend-banner__title {
  -webkit-text-stroke-color: color-mix(in srgb, var(--c-yellow) 78%, transparent);
}

/* ── Sparks — brighter forge embers ── */
[data-theme="forge"] .friend-banner__spark {
  background: var(--fb-accent);
  box-shadow: 0 0 8px var(--fb-accent-glow), 0 0 2px var(--t-1);
}

/* ===========================================================
   28. RESPONSIVE  вЂ"  Overlay arrow flip
   =========================================================== */
@media (max-width: 768px) {
  [data-theme="forge"] .complexity-overlay::after {
    border-right-color: transparent;
    border-left-color: rgba(26,23,18,.96);
  }
  [data-theme="forge"] .complexity-overlay::before {
    border-right-color: transparent;
    border-left-color: rgba(217,164,65,.08);
  }
}

/* ═══════════════════════════════════════════════════════════════
   Mobile / touch devices — strip the heavy forge flair.
   Fixed full-screen layers, glass backdrop-blur and looping animations
   are the main causes of scroll jank, stutter and snap-backs on phone
   GPUs. Desktop (hover + fine pointer) keeps the full effect.
   ═══════════════════════════════════════════════════════════════ */
@media (hover: none) and (pointer: coarse) {
  /* Reactive network SVG (belt & braces — the JS touch guard already
     skips injection; this also covers desktop-mode edge cases). */
  .forge-network { display: none !important; }

  /* Kill every looping animation (shimmer sweeps, glows, heartbeats,
     breathing hubs, pulses) and all glass blur — the two biggest
     sources of mobile stutter. Transitions stay, so taps stay snappy. */
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}