/* ============================================================
   CRIMZIN • NEON COAST THEME V1
   GTA6-inspired visual system using CRIMZIN-owned branding only.
   Loaded last so the existing site structure, data, and JS survive.
   ============================================================ */

:root{
  --g6-night:#070716;
  --g6-night-2:#0d0820;
  --g6-deep:#14082d;
  --g6-panel:rgba(17,11,37,.82);
  --g6-panel-2:rgba(27,13,47,.78);
  --g6-pink:#ff2f92;
  --g6-coral:#ff5d72;
  --g6-orange:#ff9f43;
  --g6-sun:#ffd26a;
  --g6-violet:#723cff;
  --g6-cyan:#4ce9ff;
  --g6-white:#fff8ff;
  --g6-muted:#d7cbe4;
  --g6-line:rgba(255,255,255,.11);
  --g6-pink-soft:rgba(255,47,146,.26);
  --g6-cyan-soft:rgba(76,233,255,.18);
  --g6-shadow:0 24px 80px rgba(0,0,0,.46);
  --g6-glow:0 0 22px rgba(255,47,146,.22),0 0 46px rgba(114,60,255,.16);
  --g6-radius:22px;
}

html{
  background:var(--g6-night)!important;
  color-scheme:dark;
}

body[data-crimzin-theme="gta6-v1"]{
  color:var(--g6-white)!important;
  background:
    radial-gradient(circle at 15% -5%, rgba(255,47,146,.24), transparent 28rem),
    radial-gradient(circle at 85% 4%, rgba(76,233,255,.16), transparent 30rem),
    radial-gradient(circle at 72% 36%, rgba(255,159,67,.09), transparent 25rem),
    linear-gradient(180deg,#090718 0%,#0c0820 28%,#070713 70%,#05050d 100%)!important;
  min-height:100vh;
  overflow-x:hidden;
}

body[data-crimzin-theme="gta6-v1"]::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.018) 0,
      rgba(255,255,255,.018) 1px,
      transparent 1px,
      transparent 4px
    ),
    linear-gradient(115deg,transparent 0 42%,rgba(255,47,146,.025) 42% 43%,transparent 43% 100%);
  opacity:.72;
}

body[data-crimzin-theme="gta6-v1"]::after{
  content:"";
  position:fixed;
  inset:auto -12vw -18vw auto;
  width:min(64vw,860px);
  aspect-ratio:1;
  z-index:-1;
  pointer-events:none;
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(255,210,106,.22) 0 10%,rgba(255,93,114,.14) 28%,rgba(255,47,146,.08) 46%,transparent 66%);
  filter:blur(2px);
}

/* ---------- shared chrome ---------- */

body[data-crimzin-theme="gta6-v1"] :is(
  header.nav,
  .site-header,
  body>header,
  header
){
  background:
    linear-gradient(180deg,rgba(5,5,14,.93),rgba(11,7,27,.83))!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 12px 45px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}

body[data-crimzin-theme="gta6-v1"] :is(
  header.nav,
  .site-header,
  body>header
)::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--g6-pink),var(--g6-orange),var(--g6-cyan),transparent);
  opacity:.88;
}

body[data-crimzin-theme="gta6-v1"] :is(
  .nav-logo img,
  .crimzin-brand-logo,
  .site-brand img,
  header img[src*="crimzin"],
  footer img[src*="crimzin"]
){
  filter:
    drop-shadow(0 0 8px rgba(255,255,255,.14))
    drop-shadow(0 0 18px rgba(255,47,146,.20))!important;
}

body[data-crimzin-theme="gta6-v1"] :is(
  .nav-links a,
  .site-nav a,
  .shop-site-nav a,
  header nav a
){
  color:#f9f2ff!important;
  letter-spacing:.075em;
  text-shadow:0 0 16px rgba(255,255,255,.06);
  transition:color .18s ease,text-shadow .18s ease,transform .18s ease!important;
}

body[data-crimzin-theme="gta6-v1"] :is(
  .nav-links a,
  .site-nav a,
  .shop-site-nav a,
  header nav a
):hover{
  color:var(--g6-cyan)!important;
  text-shadow:0 0 16px rgba(76,233,255,.45)!important;
}

body[data-crimzin-theme="gta6-v1"] :is(
  .nav-links a[href*="discord"],
  .site-nav a[href*="discord"],
  .shop-site-nav a[href*="discord"],
  header a[href*="discord"]
){
  color:#fff!important;
  border-color:rgba(255,95,173,.55)!important;
  background:linear-gradient(135deg,rgba(255,47,146,.25),rgba(114,60,255,.24))!important;
  box-shadow:0 0 24px rgba(255,47,146,.14)!important;
}

/* ---------- typography ---------- */

body[data-crimzin-theme="gta6-v1"] :is(
  h1,h2,h3,
  .section-title,
  .hero-title,
  .intro h1,
  .intro h2,
  .aboutv3-hero h1,
  .shopv2-hero h1
){
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold","Arial Narrow",system-ui,sans-serif!important;
  font-weight:800!important;
  letter-spacing:.035em!important;
  text-transform:uppercase;
}

body[data-crimzin-theme="gta6-v1"] :is(
  h1,
  .hero h1,
  .page-hero h1,
  .events-hero h1,
  .games-hero h1,
  .recruitment-hero h1,
  .aboutv3-hero h1,
  .shopv2-hero h1
){
  color:#fff!important;
  text-shadow:
    0 2px 0 rgba(0,0,0,.35),
    0 0 24px rgba(255,47,146,.22),
    0 0 48px rgba(114,60,255,.14)!important;
}

body[data-crimzin-theme="gta6-v1"] :is(
  h2,
  .section-title,
  .section-heading
){
  background:linear-gradient(90deg,#fff 0%,#ffd6ea 32%,#ff8bba 62%,#78efff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}

body[data-crimzin-theme="gta6-v1"] :is(
  p,
  .muted,
  .subtitle,
  .hero-copy,
  .aboutv3-hero-copy,
  .shopv2-hero p,
  .game-description
){
  color:var(--g6-muted)!important;
}

/* ---------- hero system ---------- */

body[data-crimzin-theme="gta6-v1"] :is(
  .hero,
  .page-hero,
  .events-hero,
  .games-hero,
  .recruitment-hero,
  .aboutv3-hero,
  .shopv2-hero,
  .intro
){
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  background:
    radial-gradient(circle at 78% 34%,rgba(255,210,106,.96) 0 3.5%,rgba(255,159,67,.72) 4.2%,rgba(255,93,114,.48) 12%,rgba(255,47,146,.26) 22%,transparent 42%),
    radial-gradient(circle at 12% 18%,rgba(114,60,255,.32),transparent 34%),
    radial-gradient(circle at 88% 90%,rgba(76,233,255,.14),transparent 32%),
    linear-gradient(145deg,#100724 0%,#1b0a3a 42%,#351148 64%,#10102a 100%)!important;
  box-shadow:inset 0 -80px 120px rgba(0,0,0,.28)!important;
}

body[data-crimzin-theme="gta6-v1"] :is(
  .hero,
  .page-hero,
  .events-hero,
  .games-hero,
  .recruitment-hero,
  .aboutv3-hero,
  .shopv2-hero,
  .intro
)::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  pointer-events:none!important;
  opacity:1!important;
  background:
    linear-gradient(180deg,transparent 0 58%,rgba(5,5,13,.18) 58% 62%,rgba(5,5,13,.68) 100%),
    repeating-linear-gradient(
      0deg,
      transparent 0 10px,
      rgba(255,255,255,.035) 10px 11px
    )!important;
}

body[data-crimzin-theme="gta6-v1"] :is(
  .hero,
  .page-hero,
  .events-hero,
  .games-hero,
  .recruitment-hero,
  .aboutv3-hero,
  .shopv2-hero,
  .intro
)::after{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  pointer-events:none!important;
  inset:4% 2% 0 auto!important;
  width:min(42vw,560px)!important;
  height:92%!important;
  opacity:.11!important;
  background:
    url("/assets/crimzin-gta6-helm.png") center right / contain no-repeat!important;
  filter:
    drop-shadow(0 0 18px rgba(255,255,255,.28))
    drop-shadow(0 0 36px rgba(255,47,146,.22))!important;
  transform:rotate(-4deg);
}

body[data-crimzin-theme="gta6-v1"] :is(
  .hero,
  .page-hero,
  .events-hero,
  .games-hero,
  .recruitment-hero,
  .aboutv3-hero,
  .shopv2-hero,
  .intro
)>*{
  position:relative;
  z-index:2;
}

body[data-crimzin-theme="gta6-v1"] .hero-main-image{
  filter:saturate(1.28) contrast(1.04) brightness(.90)!important;
  box-shadow:0 26px 75px rgba(0,0,0,.42),0 0 58px rgba(255,47,146,.12)!important;
  border-color:rgba(255,255,255,.12)!important;
}

body[data-crimzin-theme="gta6-v1"] .hero-image-wrap{
  position:relative;
}

body[data-crimzin-theme="gta6-v1"] .hero-image-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,47,146,.13),transparent 45%,rgba(76,233,255,.10));
  mix-blend-mode:screen;
}

/* ---------- sections / cards ---------- */

body[data-crimzin-theme="gta6-v1"] :is(
  .section,
  .section-alt,
  .library,
  .aboutv3-section,
  .shopv2-intro,
  .shopv2-catalog,
  main>section
){
  border-color:rgba(255,255,255,.07)!important;
}

body[data-crimzin-theme="gta6-v1"] .section-alt,
body[data-crimzin-theme="gta6-v1"] .aboutv3-section-alt{
  background:
    linear-gradient(180deg,rgba(255,47,146,.025),rgba(76,233,255,.018)),
    rgba(8,7,18,.34)!important;
}

body[data-crimzin-theme="gta6-v1"] :is(
  .card,
  [class$="-card"],
  [class*="-card "],
  article[class],
  .phase2-card,
  .game-card,
  .event-card,
  .path-card,
  .value-card,
  .shopv2-product,
  .shopv2-item
){
  background:
    linear-gradient(145deg,rgba(31,15,55,.86),rgba(11,10,27,.88))!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:
    0 18px 50px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

body[data-crimzin-theme="gta6-v1"] :is(
  .card,
  [class$="-card"],
  [class*="-card "],
  article[class],
  .phase2-card,
  .game-card,
  .event-card,
  .path-card,
  .value-card,
  .shopv2-product,
  .shopv2-item
):hover{
  border-color:rgba(255,82,165,.40)!important;
  box-shadow:
    0 22px 62px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,47,146,.08),
    0 0 34px rgba(255,47,146,.10)!important;
}

body[data-crimzin-theme="gta6-v1"] :is(
  .tag,
  .badge,
  .eyebrow,
  .kicker,
  .label,
  [class*="status"]
){
  color:#fff!important;
  border-color:rgba(255,119,187,.38)!important;
  background:linear-gradient(135deg,rgba(255,47,146,.16),rgba(114,60,255,.15))!important;
}

/* ---------- buttons ---------- */

body[data-crimzin-theme="gta6-v1"] :is(
  .button,
  .btn,
  [class*="button"],
  .cta,
  .cta-link
){
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:999px!important;
  color:#fff!important;
  background:
    linear-gradient(135deg,var(--g6-pink) 0%,var(--g6-coral) 42%,var(--g6-violet) 100%)!important;
  box-shadow:
    0 10px 26px rgba(255,47,146,.18),
    inset 0 1px 0 rgba(255,255,255,.24)!important;
  text-shadow:0 1px 10px rgba(0,0,0,.28)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}

body[data-crimzin-theme="gta6-v1"] :is(
  .button,
  .btn,
  [class*="button"],
  .cta,
  .cta-link
):hover{
  transform:translateY(-2px)!important;
  filter:saturate(1.08) brightness(1.06)!important;
  box-shadow:
    0 14px 34px rgba(255,47,146,.25),
    0 0 28px rgba(114,60,255,.16)!important;
}

body[data-crimzin-theme="gta6-v1"] :is(
  .button-secondary,
  .secondary,
  [class*="secondary"]
){
  background:
    linear-gradient(135deg,rgba(76,233,255,.12),rgba(114,60,255,.18))!important;
  border-color:rgba(76,233,255,.32)!important;
}

/* ---------- forms / filters / search ---------- */

body[data-crimzin-theme="gta6-v1"] :is(
  input,
  select,
  textarea,
  .search,
  .filter,
  [class*="filter"]
){
  color:#fff!important;
  border-color:rgba(255,255,255,.13)!important;
  background:rgba(8,7,20,.76)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}

body[data-crimzin-theme="gta6-v1"] :is(input,select,textarea):focus{
  border-color:rgba(76,233,255,.58)!important;
  box-shadow:0 0 0 3px rgba(76,233,255,.10)!important;
  outline:none!important;
}

/* ---------- links / accents ---------- */

body[data-crimzin-theme="gta6-v1"] main a:not([class*="button"]):not(.button):not(.btn){
  color:#ff8fc3;
}

body[data-crimzin-theme="gta6-v1"] main a:not([class*="button"]):not(.button):not(.btn):hover{
  color:var(--g6-cyan);
}

body[data-crimzin-theme="gta6-v1"] hr{
  border-color:rgba(255,255,255,.08)!important;
}

body[data-crimzin-theme="gta6-v1"] ::selection{
  background:rgba(255,47,146,.78);
  color:#fff;
}

/* ---------- footer ---------- */

body[data-crimzin-theme="gta6-v1"] footer{
  position:relative;
  color:var(--g6-muted)!important;
  background:
    radial-gradient(circle at 50% 0,rgba(255,47,146,.08),transparent 28rem),
    #05050d!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}

body[data-crimzin-theme="gta6-v1"] footer::before{
  content:"";
  position:absolute;
  top:-1px;
  left:8%;
  right:8%;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--g6-pink),var(--g6-cyan),transparent);
}

/* ---------- GTA6-style wordmark treatment ---------- */

body[data-crimzin-theme="gta6-v1"] :is(
  img[src*="crimzin-gta6-wordmark"],
  img[src*="crimzin-wordmark"]
){
  filter:
    drop-shadow(0 2px 0 rgba(0,0,0,.24))
    drop-shadow(0 0 12px rgba(255,255,255,.14))
    drop-shadow(0 0 28px rgba(255,47,146,.22))!important;
}

body[data-crimzin-theme="gta6-v1"] :is(
  img[src*="crimzin-gta6-helm"],
  img[src*="crimzin-logo-display"]
){
  filter:
    drop-shadow(0 0 8px rgba(255,255,255,.18))
    drop-shadow(0 0 30px rgba(76,233,255,.16))!important;
}

/* ---------- scrollbars ---------- */

@supports selector(::-webkit-scrollbar){
  body[data-crimzin-theme="gta6-v1"]::-webkit-scrollbar{
    width:11px;
  }
  body[data-crimzin-theme="gta6-v1"]::-webkit-scrollbar-track{
    background:#070714;
  }
  body[data-crimzin-theme="gta6-v1"]::-webkit-scrollbar-thumb{
    border:3px solid #070714;
    border-radius:999px;
    background:linear-gradient(var(--g6-pink),var(--g6-violet),var(--g6-cyan));
  }
}

/* ---------- mobile ---------- */

@media (max-width:900px){
  body[data-crimzin-theme="gta6-v1"] :is(
    .hero,
    .page-hero,
    .events-hero,
    .games-hero,
    .recruitment-hero,
    .aboutv3-hero,
    .shopv2-hero,
    .intro
  )::after{
    width:min(70vw,440px)!important;
    inset:16% -12% 0 auto!important;
    opacity:.075!important;
  }

  body[data-crimzin-theme="gta6-v1"] :is(
    h1,
    .hero h1,
    .page-hero h1,
    .aboutv3-hero h1,
    .shopv2-hero h1
  ){
    letter-spacing:.018em!important;
  }
}

@media (max-width:600px){
  body[data-crimzin-theme="gta6-v1"]{
    background:
      radial-gradient(circle at 25% 0,rgba(255,47,146,.18),transparent 22rem),
      linear-gradient(180deg,#090718,#080616 62%,#05050d)!important;
  }

  body[data-crimzin-theme="gta6-v1"] :is(
    .card,
    [class$="-card"],
    [class*="-card "],
    article[class]
  ){
    border-radius:18px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body[data-crimzin-theme="gta6-v1"] *,
  body[data-crimzin-theme="gta6-v1"] *::before,
  body[data-crimzin-theme="gta6-v1"] *::after{
    scroll-behavior:auto!important;
    animation:none!important;
    transition:none!important;
  }
}