/* === SOURCE: css/186-v5542-specialization-gold-bloom.css === */

/* v5.5.42 · Make equipped specialization gold richer and fuller without
   changing the slower ceremony timing introduced in v5.5.41. */
@media(min-width:761px){
  #specializationCards .specialization-card.spec-card.state-3{
    border-color:rgba(222,188,92,.64)!important;
    background:
      radial-gradient(ellipse 84% 28% at 50% -2%,rgba(247,221,136,.16),transparent 70%),
      linear-gradient(180deg,rgba(222,188,92,.095),rgba(222,188,92,.040) 30%,rgba(222,188,92,.018) 54%,transparent 74%),
      linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.010) 44%,transparent 72%),
      rgba(12,18,24,.965)!important;
    box-shadow:
      0 18px 38px rgba(0,0,0,.24),
      0 0 0 1px rgba(222,188,92,.17),
      0 -10px 34px rgba(239,211,116,.19),
      0 0 34px rgba(222,188,92,.17),
      0 0 58px rgba(222,188,92,.085),
      inset 0 0 28px rgba(222,188,92,.040)!important;
  }

  #specializationCards .specialization-card.spec-card.state-3::before{
    background:
      radial-gradient(ellipse 70% 24% at 50% 0%,rgba(255,232,154,.27),transparent 70%),
      linear-gradient(180deg,
        rgba(255,240,190,.022) 0,
        transparent 24%,
        transparent calc(100% - 92px),
        rgba(222,188,92,.028) calc(100% - 74px),
        rgba(222,188,92,.080) calc(100% - 42px),
        rgba(222,188,92,.128) 100%)!important;
  }

  #specializationCards .specialization-card.spec-card.state-3::after{
    background:linear-gradient(90deg,transparent,rgba(232,199,101,.62),transparent)!important;
    opacity:1!important;
  }

  #specializationCards .specialization-card.spec-card.state-3 .spec-card-title h3{
    color:#f2df97!important;
    text-shadow:0 0 14px rgba(232,199,101,.12)!important;
  }

  #specializationCards .specialization-card.spec-card.state-3 .spec-card-status{
    color:#edd37a!important;
    border-color:rgba(222,188,92,.40)!important;
    background:linear-gradient(180deg,rgba(58,46,19,.84),rgba(34,28,13,.74))!important;
    box-shadow:inset 0 0 0 1px rgba(255,230,150,.032),0 0 15px rgba(222,188,92,.08)!important;
  }

  #specializationCards .specialization-card.spec-card.state-3 .spec-action-btn.is-active,
  #specializationCards .specialization-card.spec-card.state-3 .spec-equip-btn.equipped{
    color:#f0dd96!important;
    border-color:rgba(222,188,92,.42)!important;
    background:linear-gradient(180deg,rgba(222,188,92,.14),rgba(222,188,92,.060))!important;
    box-shadow:inset 0 0 0 1px rgba(255,231,156,.028),0 0 14px rgba(222,188,92,.07)!important;
  }
}

/* === SOURCE: css/187-v5543-specialization-sequenced-glow.css === */

/* v5.5.43 · Fix unlock flash, sequence gold edge -> inner light,
   and give the equipped archetype card a warm identity state. */

@media(min-width:761px){
  /* Stage 1 for equipped specialties: edge and aura first, interior still restrained. */
  #specializationCards .specialization-card.spec-card.state-3.gold-edge-phase{
    border-color:rgba(222,188,92,.58)!important;
    background:
      radial-gradient(ellipse 82% 26% at 50% -2%,rgba(244,219,138,.11),transparent 72%),
      linear-gradient(180deg,rgba(222,188,92,.045),rgba(222,188,92,.014) 28%,transparent 58%),
      linear-gradient(145deg,rgba(255,255,255,.036),rgba(255,255,255,.010) 44%,transparent 72%),
      rgba(12,18,24,.965)!important;
    box-shadow:
      0 18px 38px rgba(0,0,0,.24),
      0 0 0 1px rgba(222,188,92,.15),
      0 -8px 26px rgba(239,211,116,.16),
      0 0 28px rgba(222,188,92,.16),
      0 0 48px rgba(222,188,92,.075)!important;
  }
  #specializationCards .specialization-card.spec-card.state-3.gold-edge-phase::before{
    opacity:.18!important;
    background:
      radial-gradient(ellipse 68% 23% at 50% 0%,rgba(255,232,154,.18),transparent 70%),
      linear-gradient(180deg,
        transparent 0,
        transparent calc(100% - 86px),
        rgba(222,188,92,.010) calc(100% - 72px),
        rgba(222,188,92,.032) calc(100% - 42px),
        rgba(222,188,92,.056) 100%)!important;
  }
  #specializationCards .specialization-card.spec-card.state-3.gold-edge-phase::after{
    opacity:1!important;
    background:linear-gradient(90deg,transparent,rgba(232,199,101,.56),transparent)!important;
  }
  #specializationCards .specialization-card.spec-card.state-3.gold-edge-phase .spec-card-title h3{
    color:#edd88e!important;
    text-shadow:0 0 10px rgba(232,199,101,.08)!important;
  }
  #specializationCards .specialization-card.spec-card.state-3.gold-edge-phase .spec-card-status{
    color:#e4cc79!important;
    border-color:rgba(222,188,92,.32)!important;
    background:linear-gradient(180deg,rgba(46,38,17,.74),rgba(25,21,10,.66))!important;
    box-shadow:none!important;
  }

  /* Equipped archetype: warmer than the silver idle state, but still clearly milder
     than a fully equipped specialty. */
  #specializationCards .specialization-card.base-card.state-3{
    border-color:rgba(220,190,108,.48)!important;
    background:
      radial-gradient(ellipse 78% 26% at 50% -3%,rgba(233,210,136,.095),transparent 72%),
      linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.010) 44%,transparent 72%),
      rgba(12,18,24,.965)!important;
    box-shadow:
      0 15px 34px rgba(0,0,0,.22),
      0 0 0 1px rgba(220,190,108,.12),
      0 0 24px rgba(220,190,108,.075),
      inset 0 0 22px rgba(220,190,108,.020)!important;
    transition:
      border-color 1.15s cubic-bezier(.22,.68,.24,1),
      box-shadow 1.35s cubic-bezier(.22,.68,.24,1),
      background 1.35s cubic-bezier(.22,.68,.24,1)!important;
  }
  #specializationCards .specialization-card.base-card.state-3 .spec-base-visual{
    background:radial-gradient(circle at 50% 48%,rgba(228,202,124,.14),transparent 44%)!important;
  }
  #specializationCards .specialization-card.base-card.state-3 .spec-base-visual img{
    filter:
      sepia(1)
      saturate(2.25)
      hue-rotate(347deg)
      brightness(1.02)
      drop-shadow(0 10px 20px rgba(0,0,0,.28))
      drop-shadow(0 0 13px rgba(224,193,108,.16))!important;
    transition:filter 1.35s cubic-bezier(.22,.68,.24,1)!important;
  }
  #specializationCards .specialization-card.base-card.state-3 .spec-card-title h3{
    color:#edd88d!important;
    text-shadow:0 0 12px rgba(232,199,101,.10)!important;
    transition:color 1.15s ease, text-shadow 1.15s ease!important;
  }
  #specializationCards .specialization-card.base-card.state-3 .spec-card-status{
    color:#e6ce7a!important;
    border-color:rgba(220,190,108,.32)!important;
    background:linear-gradient(180deg,rgba(50,41,18,.72),rgba(28,23,12,.66))!important;
    box-shadow:0 0 12px rgba(220,190,108,.06)!important;
    transition:color 1.15s ease,border-color 1.15s ease,background 1.15s ease,box-shadow 1.15s ease!important;
  }
  #specializationCards .specialization-card.base-card.state-3 .spec-action-btn.is-active,
  #specializationCards .specialization-card.base-card.state-3 .spec-equip-btn.equipped{
    color:#ecd789!important;
    border-color:rgba(220,190,108,.34)!important;
    background:linear-gradient(180deg,rgba(220,190,108,.13),rgba(220,190,108,.050))!important;
    box-shadow:inset 0 0 0 1px rgba(255,229,148,.028),0 0 12px rgba(220,190,108,.055)!important;
    transition:color 1.15s ease,border-color 1.15s ease,background 1.15s ease,box-shadow 1.15s ease!important;
  }
  #specializationCards .specialization-card.base-card.state-3::before{
    background:
      radial-gradient(ellipse 66% 21% at 50% 0%,rgba(248,229,163,.18),transparent 72%),
      linear-gradient(180deg,transparent 0,transparent 74%,rgba(220,190,108,.048) 100%)!important;
  }
  #specializationCards .specialization-card.base-card.state-3::after{
    background:linear-gradient(90deg,transparent,rgba(220,190,108,.42),transparent)!important;
  }
}