/* PokéPackRadar V14-26 — HERO-only production patch.
   Styling changes limited to .hero.ppr23-hero. All markup/data/links below the hero untouched.
   Restores original V14-23 featured violet, stronger blue-to-purple set cards,
   supplied right-hand illustration, optional pointer-hover polish. */

/* Color clarity: saturated navy/cobalt transitioning into clean ultraviolet, not dusty lavender. */
.hero.ppr23-hero .ppr23-set-card {
  background:linear-gradient(128deg,#102d75 0%,#16489e 37%,#29409b 67%,#482da9 100%)!important;
  border:1px solid rgba(124,200,255,.60)!important;
  box-shadow:0 17px 36px rgba(4,13,69,.30),inset 0 1px 0 rgba(255,255,255,.13);
}
.hero.ppr23-hero .ppr23-set-card:nth-of-type(3) {
  background:linear-gradient(130deg,#132d75 0%,#22429b 37%,#343995 62%,#562db0 100%)!important;
  border-color:rgba(193,155,255,.63)!important;
}
.hero.ppr23-hero .ppr23-set-card:after {
  background:radial-gradient(ellipse at 87% 6%,rgba(135,208,255,.13),transparent 63%);
}
.hero.ppr23-hero .ppr23-insight {
  background:linear-gradient(110deg,rgba(68,150,239,.20),rgba(134,103,240,.21))!important;
  border-color:rgba(180,207,255,.32)!important;
}
.hero.ppr23-hero .ppr23-set-art {
  background:linear-gradient(135deg,rgba(81,151,240,.33),rgba(140,102,237,.34))!important;
  border-color:rgba(209,224,255,.25)!important;
}
.hero.ppr23-hero .ppr23-set-shuffle {
  background:rgba(185,185,255,.13)!important;
  border-color:rgba(226,218,255,.36)!important;
}

/* Exactly the original featured center-card palette, balanced to the new side cards. */
.hero.ppr23-hero .ppr23-featured {
  background:radial-gradient(ellipse at 50% 24%,rgba(179,128,255,.5),transparent 52%),linear-gradient(150deg,#3f2eb0 0%,#603dc4 51%,#314cb5 100%)!important;
  border:1px solid rgba(228,199,255,.64)!important;
  padding:18px 23px 20px!important;
}
.hero.ppr23-hero .ppr23-featured-top {
  display:flex;justify-content:center;align-items:center;
  gap:6px;width:100%;position:relative;z-index:2;
  margin:0 auto 5px;color:#e5e8ff;font-size:10px;
  letter-spacing:.11em;font-weight:900;line-height:1.35;
}
.hero.ppr23-hero .ppr23-featured .ppr23-live-dot{margin:0 4px 0 0}
.hero.ppr23-hero .ppr23-mascot-frame {
  height:208px!important;
  margin:7px 0 5px!important;
}
.hero.ppr23-hero .ppr23-mascot-frame img {
  max-width:248px!important;
  max-height:207px!important;
}
.hero.ppr23-hero .ppr23-mascot-halo{width:220px;height:196px}
.hero.ppr23-hero .ppr23-featured-copy h2{margin:6px 0 9px!important}

/* Motion on pointer devices only, all decorative images remain non-links. */
@media (hover:hover) and (pointer:fine) {
  .hero.ppr23-hero .ppr24-hero-fox,
  .hero.ppr23-hero .ppr23-mascot-frame img {
    transition:transform .36s cubic-bezier(.2,.75,.25,1),filter .36s ease;
    will-change:transform;
  }
  .hero.ppr23-hero .ppr24-hero-fox {pointer-events:auto}
  .hero.ppr23-hero .ppr24-fox-blue:hover {transform:translateY(-7px) rotate(-2deg) scale(1.045)}
  .hero.ppr23-hero .ppr24-fox-pink:hover {transform:translateY(-7px) rotate(2deg) scale(1.045)}
  .hero.ppr23-hero .ppr23-featured:hover .ppr23-mascot-frame img {transform:translateY(-6px) scale(1.04)}
}
@media (max-width:1150px) {
  .hero.ppr23-hero .ppr23-mascot-frame{height:186px!important}
  .hero.ppr23-hero .ppr23-mascot-frame img{max-width:218px!important;max-height:184px!important}
}
@media (max-width:800px) {
  .hero.ppr23-hero .ppr23-featured{grid-template-rows:auto 1fr}
  .hero.ppr23-hero .ppr23-featured-top{grid-column:1/-1;grid-row:1;justify-content:center}
  .hero.ppr23-hero .ppr23-mascot-frame{grid-column:1;grid-row:2;height:215px!important}
  .hero.ppr23-hero .ppr23-mascot-frame img{max-width:215px!important;max-height:213px!important}
  .hero.ppr23-hero .ppr23-featured-copy{grid-column:2;grid-row:2}
}
@media (max-width:550px) {
  .hero.ppr23-hero .ppr23-featured{display:flex;min-height:0!important;padding:17px 20px 20px!important}
  .hero.ppr23-hero .ppr23-featured-top{font-size:9.8px;letter-spacing:.09em;margin-bottom:4px}
  .hero.ppr23-hero .ppr23-mascot-frame{height:188px!important;margin:2px auto 5px!important}
  .hero.ppr23-hero .ppr23-mascot-frame img{max-width:205px!important;max-height:186px!important}
}
@media (max-width:390px) {
  .hero.ppr23-hero .ppr23-mascot-frame{height:172px!important}
  .hero.ppr23-hero .ppr23-mascot-frame img{max-width:185px!important;max-height:170px!important}
}
@media (prefers-reduced-motion:reduce) {
  .hero.ppr23-hero .ppr24-hero-fox,
  .hero.ppr23-hero .ppr23-mascot-frame img {transition:none!important;transform:none!important;will-change:auto!important}
}