/* Quiet SVG artwork differentiates feature cards without competing with copy.
   Each illustration is decorative; all important information stays in HTML. */
.feature-surface {
  background-repeat:no-repeat;
  background-position:right center;
  background-size:auto 108%;
}

.feature-surface-matchday {
  background-color:#172c37;
  background-image:linear-gradient(100deg,rgba(19,39,52,.98) 0%,rgba(22,48,61,.94) 48%,rgba(22,48,61,.74) 100%),url("../assets/ui/card-matchday.svg");
  background-position:center,right center;
  background-size:100% 100%,auto 118%;
  border-color:#567681;
}
.feature-surface-tournament {
  background-color:#192e2d;
  background-image:linear-gradient(105deg,rgba(25,46,45,.98) 0%,rgba(28,53,48,.94) 55%,rgba(28,53,48,.74) 100%),url("../assets/ui/card-tournament.svg");
  background-position:center,right center;
  background-size:100% 100%,auto 112%;
  border-color:#557367;
}
.feature-surface-training {
  background-color:#1e352f;
  background-image:linear-gradient(105deg,rgba(29,51,45,.98) 0%,rgba(33,58,49,.94) 55%,rgba(33,58,49,.74) 100%),url("../assets/ui/card-training.svg");
  background-position:center,right center;
  background-size:100% 100%,auto 112%;
  border-color:#506d5a;
}
.feature-surface-club {
  background-color:#282f2c;
  background-image:linear-gradient(105deg,rgba(39,47,44,.98) 0%,rgba(47,54,47,.94) 55%,rgba(47,54,47,.74) 100%),url("../assets/ui/card-club.svg");
  background-position:center,right center;
  background-size:100% 100%,auto 112%;
  border-color:#666e59;
}
.feature-surface-scouting {
  background-color:#173a37;
  background-image:linear-gradient(105deg,rgba(20,49,49,.98) 0%,rgba(23,58,55,.95) 52%,rgba(23,58,55,.65) 100%),url("../assets/ui/card-scouting.svg");
  background-position:center,right center;
  background-size:100% 100%,auto 120%;
  border-color:#527d72;
}
.feature-surface-reward {
  background-color:#342e24;
  background-image:linear-gradient(105deg,rgba(50,45,34,.98) 0%,rgba(61,53,38,.94) 55%,rgba(61,53,38,.74) 100%),url("../assets/ui/card-rewards.svg");
  background-position:center,right center;
  background-size:100% 100%,auto 112%;
  border-color:#756746;
}

.competition-hero.feature-surface-matchday {
  background-repeat:no-repeat;
  background-position:center,right center;
  background-size:100% 100%,auto 118%;
}
#competition-current.feature-surface-matchday {
  background-color:#172c37;
  background-image:linear-gradient(100deg,rgba(19,39,52,.98) 0%,rgba(22,48,61,.94) 48%,rgba(22,48,61,.74) 100%),url("../assets/ui/card-matchday.svg");
  background-repeat:no-repeat;
  background-position:center,right center;
  background-size:100% 100%,auto 118%;
  border-color:#567681;
  text-shadow:0 1px 5px rgba(0,0,0,.18);
}
.competition-hero.feature-surface-matchday {box-shadow:inset 0 1px rgba(235,246,236,.06),0 8px 22px rgba(4,14,18,.12);}
.competition-hero.feature-surface-matchday h3 {text-shadow:0 1px 8px rgba(0,0,0,.22);}
.competition-stage.selected.feature-surface-tournament {
  background-color:#192e2d;
  background-image:linear-gradient(105deg,rgba(25,46,45,.98) 0%,rgba(28,53,48,.94) 55%,rgba(28,53,48,.74) 100%),url("../assets/ui/card-tournament.svg");
  background-repeat:no-repeat;background-position:center,right center;background-size:100% 100%,auto 112%;border-color:#557367;
}
.competition-cup-card.feature-surface-reward {border-color:#796d4d;}
.competition-offline.ready.feature-surface-reward {border-color:#87b999;box-shadow:inset 0 0 0 1px rgba(157,203,152,.08);}
#team-training-panel .team-advice.feature-surface-training {
  background-color:#1e352f;
  background-image:linear-gradient(105deg,rgba(29,51,45,.98) 0%,rgba(33,58,49,.94) 55%,rgba(33,58,49,.74) 100%),url("../assets/ui/card-training.svg");
  background-repeat:no-repeat;background-position:center,right center;background-size:100% 100%,auto 112%;
  border-color:#506d5a;border-left-color:#d6b879;
}
#tactics-cards .club-upgrade-card.feature-surface-club {padding:10px;}
#tactics-cards .club-upgrade-card.feature-surface-club .wc-ic {background:rgba(18,29,27,.76);border:1px solid rgba(205,213,165,.12);}
#tactics-cards .club-facility-card.feature-surface-club {margin:8px 0;padding:10px 12px;border-style:solid;border-width:1px;border-radius:10px;}
#tactics-cards .club-facility-card.feature-surface-club+.club-facility-card.feature-surface-club {border-top-width:1px;}
#store-cards .store-reward-card.is-ready {border-color:#c4a85f;box-shadow:inset 0 0 0 1px rgba(235,205,130,.12);}
#store-cards .store-gift-card.has-gifts {border-color:#739b74;box-shadow:inset 0 0 0 1px rgba(157,203,152,.1);}
#store-cards .store-deal-card {background:linear-gradient(105deg,#263641,#202d37);border-color:#405667;}

@media(max-width:360px) {
  #competition-current.feature-surface-matchday,
  .competition-hero.feature-surface-matchday,
  .competition-pro.feature-surface-tournament,
  .competition-brief.feature-surface-tournament,
  .competition-stage.selected.feature-surface-tournament,
  .competition-cup-card.feature-surface-reward,
  .competition-offline.ready.feature-surface-reward,
  #training-cards .training-item-card.feature-surface-training,
  #team-training-panel .team-advice.feature-surface-training,
  #team-training-panel .team-plan.feature-surface-training,
  #team-training-panel .team-session.feature-surface-training,
  #team-training-panel .team-result.feature-surface-training,
  #team-training-panel .team-ground.feature-surface-club,
  .feature-surface-scouting,
  #tactics-cards .club-upgrade-card.feature-surface-club,
  #tactics-cards .club-facility-card.feature-surface-club,
  #store-cards .store-reward-card.feature-surface-reward,
  #store-cards .store-gift-card.feature-surface-reward {background-size:100% 100%,auto 94%;}
  .feature-surface-scouting {background-size:100% 100%,auto 105%;}
}

/* Keep one illustrated focus per flow; repeatable choices use quiet surfaces. */
#team-training-panel .team-advice.feature-surface-training {background:#243b35;background-image:none;border-color:#456656;border-left:3px solid #d6b879;}
#team-training-panel .team-ground.feature-surface-club {background:#1b2c29;background-image:none;}
#tactics-cards .club-upgrade-card.feature-surface-club,
#tactics-cards .club-facility-card.feature-surface-club {background:#252f2c;background-image:none;}
#store-cards .store-gift-card.feature-surface-reward {background:#2c3028;background-image:none;}
#competition-hub .competition-stage.selected.feature-surface-tournament {background:#203e42;background-image:none;border-color:#557367;}
#competition-hub .competition-pro.feature-surface-tournament,
#competition-hub .competition-cup-card.feature-surface-reward {background:#1b2c34;background-image:none;}
#competition-hub .competition-offline.ready.feature-surface-reward {background:#273328;background-image:none;}