/* PokéPackRadar V14-25 | Production-candidate HERO refinements only.
   Retains V14-24 layout, API behavior, Set Spotlight interaction and the rest of the homepage.
   The three illustrations are exact user supplied artworks, resized and compressed only. */

/* Bigger, better-balanced desktop headline and supplied side mascots. */
.hero.ppr23-hero .ppr24-heading {
  max-width:1400px;
  grid-template-columns:clamp(205px,19vw,282px) minmax(0,1fr) clamp(205px,19vw,282px);
  gap:clamp(8px,1.1vw,18px);
  margin-bottom:26px!important;
}
.hero.ppr23-hero .ppr24-heading h1 {
  font-size:clamp(44px,4.05vw,63px)!important;
  line-height:1.055!important;
  letter-spacing:-.048em!important;
  max-width:900px!important;
  margin:12px auto 12px!important;
}
.hero.ppr23-hero .ppr24-heading p {max-width:770px!important;font-size:15.8px!important;line-height:1.53!important}
.ppr24-hero-fox {max-width:282px!important;max-height:280px!important;width:100%;height:auto;object-fit:contain}
.ppr24-fox-pink {
  /* Both supplied PNGs have true alpha; preserve their outlines and details. */
  -webkit-mask-image:none!important;mask-image:none!important;
  filter:drop-shadow(0 16px 19px rgba(7,10,65,.2));
}
.ppr24-heading .ppr23-kicker {font-size:11px!important;letter-spacing:.115em!important}

/* A lighter, more premium blue -> violet spotlight pair with readable white text. */
.hero.ppr23-hero .ppr23-set-card {
  background:linear-gradient(148deg,#1f5eb2 0%,#3559b6 43%,#5543ba 100%)!important;
  border:1px solid rgba(196,227,255,.56)!important;
  box-shadow:0 17px 39px rgba(10,17,84,.19), inset 0 1px rgba(255,255,255,.22);
}
.hero.ppr23-hero .ppr23-set-card:nth-of-type(3) {
  background:linear-gradient(148deg,#3156b0 0%,#5152b8 45%,#6d4cc3 100%)!important;
  border-color:rgba(223,205,255,.58)!important;
}
.hero.ppr23-hero .ppr23-set-card:after {
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 90% 0%,rgba(190,219,255,.14),transparent 65%);
}
.hero.ppr23-hero .ppr23-card-top,
.hero.ppr23-hero .ppr23-set-main,
.hero.ppr23-hero .ppr23-insight,
.hero.ppr23-hero .ppr23-set-bottom,
.hero.ppr23-hero .ppr23-status {position:relative;z-index:1}
.hero.ppr23-hero .ppr23-index {color:#dae7ff!important}
.hero.ppr23-hero .ppr23-set-copy p {color:#e5edff!important}
.hero.ppr23-hero .ppr23-mini-kicker {color:#b8f2ff}
.hero.ppr23-hero .ppr23-insight {
  background:linear-gradient(110deg,rgba(177,217,255,.23),rgba(211,188,255,.19))!important;
  border-color:rgba(220,234,255,.24)!important;
}
.hero.ppr23-hero .ppr23-insight-copy small {color:#c9f0ff}
.hero.ppr23-hero .ppr23-set-art {background:linear-gradient(138deg,rgba(189,222,255,.27),rgba(198,165,255,.23))}
.hero.ppr23-hero .ppr23-set-shuffle {background:rgba(245,247,255,.16);border-color:rgba(224,237,255,.33)}
.hero.ppr23-hero .ppr23-status {color:#e1eaff}

/* Featured center card: larger supplied star, fewer competing words, same useful links. */
.hero.ppr23-hero .ppr23-featured {
  padding:15px 23px 20px!important;
  background:radial-gradient(ellipse at 50% 16%,rgba(177,137,255,.39),transparent 60%),linear-gradient(150deg,#4e39b7,#674cc8 57%,#445dbf)!important;
  border-color:rgba(223,206,255,.66);
}
.hero.ppr23-hero .ppr23-mascot-frame {
  flex:0 0 auto;height:259px!important;
  margin:2px 0 5px!important;
}
.hero.ppr23-hero .ppr23-mascot-frame img {
  width:100%!important;
  height:100%!important;
  max-width:295px!important;
  max-height:258px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 13px 16px rgba(8,21,89,.2));
}
.hero.ppr23-hero .ppr23-mascot-halo {width:245px;height:220px}
.hero.ppr23-hero .ppr23-featured-copy h2 {
  font-size:clamp(25px,2.15vw,33px)!important;
  margin:1px 0 9px!important;
}
.hero.ppr23-hero .ppr23-featured-copy p {max-width:290px;font-size:12px!important;margin:0 auto 12px!important}
.hero.ppr23-hero .ppr23-feature-main {margin-top:auto}

@media(max-width:1150px) {
  .hero.ppr23-hero .ppr24-heading{grid-template-columns:minmax(145px,18vw) minmax(0,1fr) minmax(145px,18vw);gap:7px}
  .ppr24-hero-fox{max-width:228px!important;max-height:226px!important}
  .hero.ppr23-hero .ppr24-heading h1{font-size:clamp(38px,4.25vw,52px)!important}
  .hero.ppr23-hero .ppr23-mascot-frame{height:220px!important}
  .hero.ppr23-hero .ppr23-mascot-frame img{max-width:246px!important;max-height:220px!important}
}
@media(max-width:800px) {
  .hero.ppr23-hero .ppr24-heading h1{font-size:clamp(36px,5.3vw,45px)!important}
  .hero.ppr23-hero .ppr23-featured {grid-template-columns:1fr 1fr;min-height:310px!important}
  .hero.ppr23-hero .ppr23-mascot-frame {height:252px!important;grid-column:1;grid-row:1}
  .hero.ppr23-hero .ppr23-mascot-frame img {max-width:256px!important;max-height:250px!important}
  .hero.ppr23-hero .ppr23-featured-copy {grid-column:2;grid-row:1;justify-content:center}
}
@media(max-width:700px) {
  .hero.ppr23-hero .ppr24-heading{grid-template-columns:1fr 1fr;gap:0 7px;margin-bottom:22px!important}
  .ppr24-fox-blue,.ppr24-fox-pink{grid-row:1;max-width:148px!important;max-height:146px!important}
  .ppr24-fox-blue{grid-column:1;justify-self:end;margin:0 8px 0 auto}
  .ppr24-fox-pink{grid-column:2;justify-self:start;margin:0 auto 0 8px}
  .ppr24-heading-copy{grid-column:1/-1;grid-row:2}
  .hero.ppr23-hero .ppr24-heading h1{font-size:clamp(35px,8vw,46px)!important;line-height:1.065!important;margin:10px auto 12px!important}
  .hero.ppr23-hero .ppr24-heading p{font-size:13.5px!important;line-height:1.48!important}
}
@media(max-width:550px){
  .hero.ppr23-hero .ppr23-featured{display:flex;min-height:0!important;padding:14px 20px 20px!important}
  .hero.ppr23-hero .ppr23-mascot-frame{width:100%;height:240px!important;margin:0 auto 2px!important}
  .hero.ppr23-hero .ppr23-mascot-frame img{max-width:252px!important;max-height:238px!important}
  .hero.ppr23-hero .ppr23-featured-copy{align-items:center;text-align:center;width:100%}
  .hero.ppr23-hero .ppr23-featured-copy h2{font-size:29px!important}
  .hero.ppr23-hero .ppr23-featured-copy p{font-size:12.5px!important}
}
@media(max-width:390px){
  .ppr24-fox-blue,.ppr24-fox-pink{max-width:124px!important;max-height:124px!important}
  .hero.ppr23-hero .ppr24-heading h1{font-size:clamp(32px,9vw,36px)!important}
  .hero.ppr23-hero .ppr24-heading .ppr23-kicker{font-size:8.5px!important;letter-spacing:.065em!important}
  .hero.ppr23-hero .ppr23-mascot-frame{height:216px!important}
  .hero.ppr23-hero .ppr23-mascot-frame img{max-height:216px!important}
}