/* Gamercity Story Page (Scoped with data-*) */

[data-gc-storypage]{
  /* Theme vars */
  --gc-bg: rgba(35,34,39,1);
  --gc-text: rgba(255,255,255,.86);
  --gc-muted: rgba(255,255,255,.62);
  --gc-line: rgba(255,255,255,.10);
  --gc-accent: #403E8F;

  /* Fallback background */
  background: rgba(35,34,39,1);

  /* Modern background */
  background: radial-gradient(900px 500px at 15% 0%, rgba(64,62,143,.28), transparent 60%),
              radial-gradient(800px 500px at 85% 15%, rgba(64,62,143,.18), transparent 62%),
              var(--gc-bg);

  color: var(--gc-text);
  min-height: 100vh;
}

/* Breadcrumb */
[data-gc-breadcrumb]{
  font-size: 13px;
  color: var(--gc-muted);
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
[data-gc-bc-link]{ color: var(--gc-muted); text-decoration: none; }
[data-gc-bc-link:hover]{ color:#fff; }
[data-gc-bc-sep]{ opacity:.55; }
[data-gc-bc-current]{ color:#fff; opacity:.9; }

/* Titles */
[data-gc-title]{ font-weight: 800; letter-spacing: .2px; }
[data-gc-subtitle]{ color: var(--gc-muted); max-width: 60ch; }

/* Pill */
[data-gc-pill]{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--gc-line);
  padding: 10px 12px;
  border-radius: 14px;
}
[data-gc-pill-dot]{
  width: 10px; height: 10px;
  border-radius: 50%;
  background: var(--gc-accent);
  box-shadow: 0 0 0 4px rgba(64,62,143,.25);
}
[data-gc-pill-muted]{ color: var(--gc-muted); font-weight: 600; }

/* Hero banner */
[data-gc-hero-banner]{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid var(--gc-line);
  border-radius: 18px;
  padding: 16px;
}
[data-gc-hero-banner-title]{ font-weight: 800; margin-bottom: 4px; }
[data-gc-hero-banner-text]{ color: var(--gc-muted); }

/* Card */
[data-gc-card]{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid var(--gc-line);
  border-radius: 18px;
  overflow: hidden;
}
[data-gc-card-head]{ padding: 16px 16px 0 16px; }
[data-gc-card-kicker]{
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.62);
}
[data-gc-card-title]{ margin: 8px 0 0 0; font-weight: 800; }
[data-gc-card-body]{ padding: 14px 16px 16px 16px; }
[data-gc-card-body p]{ color: var(--gc-text); }
[data-gc-card-body p:last-child]{ margin-bottom: 0; }

/* Quote */
[data-gc-quote]{
  display: flex;
  gap: 12px;
  margin-top: 14px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(64,62,143,.12);
  border: 1px solid rgba(64,62,143,.30);
}
[data-gc-quote-mark]{
  font-size: 34px;
  line-height: 1;
  font-weight: 900;
  color: rgba(255,255,255,.75);
}
[data-gc-quote-text]{ font-weight: 700; }
[data-gc-quote-meta]{ margin-top: 4px; color: var(--gc-muted); font-size: 13px; }

/* Mini blocks */
[data-gc-mini]{
  background: rgba(255,255,255,.04);
  border: 1px solid var(--gc-line);
  border-radius: 16px;
  padding: 12px;
  height: 100%;
}
[data-gc-mini-title]{ font-weight: 800; margin-bottom: 4px; }
[data-gc-mini-text]{ color: var(--gc-muted); font-size: 14px; }

/* Callout */
[data-gc-callout]{
  margin-top: 14px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  border: 1px dashed rgba(255,255,255,.18);
}
[data-gc-callout-title]{ font-weight: 900; margin-bottom: 6px; }
[data-gc-callout-text]{ color: var(--gc-muted); }

/* Lists */
[data-gc-list]{ margin: 0; padding-left: 18px; color: var(--gc-muted); }
[data-gc-list li]{ margin-bottom: 8px; }
[data-gc-list li:last-child]{ margin-bottom: 0; }
[data-gc-list b]{ color:#fff; }

/* Buttons */
[data-gc-btn="primary"]{
  background: var(--gc-accent);
  border: 1px solid rgba(64,62,143,.65);
  color:#fff;
}
[data-gc-btn="primary"]:hover{
  background: rgba(64,62,143,.92);
  color:#fff;
}
[data-gc-btn="ghost"]{
  background: rgba(255,255,255,.04);
  border: 1px solid var(--gc-line);
  color: rgba(255,255,255,.82);
}
[data-gc-btn="ghost"]:hover{
  background: rgba(255,255,255,.06);
  color:#fff;
}

/* Next box */
[data-gc-navbox]{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--gc-line);
  background: rgba(255,255,255,.03);
  border-radius: 18px;
  padding: 14px 16px;
}
[data-gc-navbox-label]{
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--gc-muted);
}
[data-gc-navbox-link]{
  display: inline-block;
  margin-top: 4px;
  color:#fff;
  font-weight: 900;
  text-decoration: none;
}
[data-gc-navbox-link:hover]{ text-decoration: underline; }

/* Sticky right column */
[data-gc-sticky]{
  position: sticky;
  top: 18px;
}

/* Note variation */
[data-gc-note]{
  background: rgba(64,62,143,.10);
  border-color: rgba(64,62,143,.28);
}
[data-gc-note-title]{ font-weight: 900; }
[data-gc-note-text]{ color: rgba(255,255,255,.72); font-size: 14px; }