:root {
  --bg:#071016;
  --panel:#0d1820;
  --panel2:#111f29;
  --border:#243640;
  --text:#f3f7f5;
  --muted:#8da0aa;
  --green:#42e88d;
  --green2:#20bd70;
  --club-secondary:#f4f7f5;
  --button-text:#032313;
  --theme-flash:#42e88d;
  --red:#f05252;
  --gold:#f1c75b;
}

* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth
}

body {
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--btl-display-font);
  min-height:100vh
}

button,input,select {
  font:inherit
}

.hidden {
  display:none!important
}

.topbar {
  height:72px;
  display:flex;
  align-items:center;
  gap:38px;
  padding:0 max(5vw,24px);
  border-bottom:1px solid var(--border);
  background:rgba(7,16,22,.94);
  position:sticky;
  top:0;
  z-index:20;
  backdrop-filter:blur(14px)
}

.logo {
  font-weight:800;
  font-size:21px;
  color:#fff;
  text-decoration:none
}

.logo span,h1 span,.eyebrow {
  color:var(--green)
}

nav {
  display:flex;
  gap:10px;
  flex:1
}

nav button {
  background:none;
  border:0;
  color:var(--muted);
  padding:10px 12px;
  cursor:pointer;
  border-bottom:2px solid transparent
}

nav button.active,nav button:hover {
  color:#fff;
  border-color:var(--green)
}

.top-actions {
  display:flex;
  gap:8px;
  align-items:center
}

.mini-profile {
  font-weight:700;
  background:var(--panel);
  border:1px solid var(--border);
  padding:9px 13px;
  border-radius:10px
}

.ghost {
  background:transparent;
  color:var(--muted);
  border:1px solid var(--border);
  padding:9px 12px;
  border-radius:8px
}

.ghost:hover {
  color:#fff;
  border-color:#526873
}

.view {
  display:none
}

.view.active {
  display:block
}

.hero {
  min-height:calc(100vh - 72px);
  position:relative;
  overflow:hidden;
  padding:10vh max(7vw,30px);
  background:radial-gradient(circle at 70% 35%,#18333a 0,transparent 34%),linear-gradient(120deg,#071016 30%,#0a1d23)
}

.hero-glow {
  position:absolute;
  width:600px;
  height:600px;
  border-radius:50%;
  right:8%;
  top:8%;
  background:radial-gradient(circle,rgba(66,232,141,.16),transparent 65%)
}

.hero-content {
  max-width:690px;
  position:relative;
  z-index:2
}

.eyebrow {
  font-size:12px;
  font-weight:800;
  letter-spacing:.16em
}

.hero h1 {
  font-size:clamp(48px,7vw,92px);
  line-height:.95;
  margin:18px 0
}

.lead {
  font-size:18px;
  line-height:1.7;
  color:#bdc9ce;
  max-width:650px
}

button {
  border:0;
  cursor:pointer;
  transition:.18s ease
}

button:disabled {
  opacity:.45;
  cursor:not-allowed;
  transform:none!important
}

.primary {
  background:linear-gradient(135deg,var(--green),color-mix(in srgb,var(--green) 72%,var(--club-secondary)));
  color:var(--button-text);
  font-weight:800;
  border-radius:8px;
  padding:13px 18px
}

.primary:hover:not(:disabled) {
  background:linear-gradient(135deg,color-mix(in srgb,var(--green) 82%,white),color-mix(in srgb,var(--green) 62%,var(--club-secondary)));
  transform:translateY(-1px)
}

.big {
  font-size:16px;
  padding:16px 22px;
  margin-top:18px
}

.secondary {
  background:#15262f;
  color:#fff;
  border:1px solid var(--border);
  font-weight:700;
  border-radius:8px;
  padding:12px
}

.secondary:hover:not(:disabled) {
  border-color:#526873
}

.full {
  width:100%
}

.hero-stats {
  display:flex;
  gap:55px;
  margin-top:70px
}

.hero-stats div {
  display:flex;
  flex-direction:column
}

.hero-stats strong {
  font-size:26px
}

.hero-stats small {
  color:var(--muted)
}

.player-silhouette {
  position:absolute;
  right:10%;
  bottom:-40px;
  width:330px;
  height:70%;
  border-radius:48% 48% 15% 15%;
  background:linear-gradient(#25343b,#111a1f);
  opacity:.75;
  display:grid;
  place-items:center;
  box-shadow:0 0 100px rgba(66,232,141,.1)
}

.player-silhouette span {
  font-size:120px;
  font-weight:800;
  color:#071016
}

.page {
  max-width:1180px;
  margin:auto;
  padding:55px 24px 90px
}

.page-head {
  margin-bottom:28px
}

.page-head h2 {
  font-size:36px;
  margin:8px 0
}

.page-head p:not(.eyebrow) {
  color:var(--muted)
}

.panel {
  background:linear-gradient(145deg,var(--panel),#0a151c);
  border:1px solid var(--border);
  border-radius:12px;
  padding:22px
}

.form-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  max-width:920px
}

.form-grid label {
  font-size:13px;
  font-weight:700;
  color:#c9d3d7;
  display:flex;
  flex-direction:column;
  gap:8px
}

.form-grid input,.form-grid select {
  background:#09131a;
  color:#fff;
  border:1px solid var(--border);
  padding:13px;
  border-radius:7px;
  outline:none
}

.form-grid input:focus,.form-grid select:focus {
  border-color:var(--green)
}

.form-grid .full {
  grid-column:1/-1
}

.field-help {
  font-weight:400;
  color:var(--muted)
}

.club-picker {
  margin-top:8px;
  padding-top:20px;
  border-top:1px solid var(--border)
}

.club-picker-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-bottom:16px
}

.club-picker-head h3 {
  margin:5px 0
}

.club-status {
  background:#09131a;
  border:1px dashed var(--border);
  border-radius:8px;
  padding:14px;
  color:var(--muted);
  font-size:13px
}

.club-status.loading {
  color:var(--green)
}

.club-options {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:14px
}

.club-option {
  position:relative;
  text-align:left;
  background:#0a151c;
  color:#fff;
  border:1px solid var(--border);
  border-radius:10px;
  padding:17px;
  min-height:110px
}

.club-option:hover {
  border-color:#4c6a76;
  transform:translateY(-2px)
}

.club-option.selected {
  border-color:var(--green);
  box-shadow:0 0 0 1px var(--green) inset;
  background:#0c1d19
}

.club-option strong {
  display:block;
  font-size:16px;
  margin-bottom:7px
}

.club-option small {
  display:block;
  color:var(--muted);
  line-height:1.45
}

.club-option .check {
  position:absolute;
  right:12px;
  top:12px;
  color:var(--green);
  font-weight:800
}

.club-source {
  margin-top:10px;
  color:var(--muted);
  font-size:11px
}

.dashboard-grid {
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:18px
}

.profile-card {
  display:grid;
  grid-template-columns:78px 1fr auto;
  gap:18px;
  align-items:center
}

.avatar {
  width:72px;
  height:82px;
  border-radius:10px;
  background:linear-gradient(160deg,#243741,#101c23);
  display:grid;
  place-items:center;
  font-size:28px;
  font-weight:800;
  color:var(--green)
}

.profile-card h2 {
  margin:3px 0
}

.muted {
  color:var(--muted);
  font-size:12px;
  margin:5px 0
}

.overall {
  text-align:center
}

.overall strong {
  display:block;
  font-size:38px
}

.overall small {
  color:var(--muted)
}

.club-line,.value-line {
  grid-column:1/-1;
  background:#09131a;
  border:1px solid #1c2c35;
  padding:13px;
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:12px
}

.club-line small,.national-team-line small {
  display:block;
  color:var(--muted);
  margin-top:4px
}

.club-badge {
  font-size:25px
}

.value-line {
  justify-content:space-between
}

.value-line span {
  color:var(--muted);
  font-size:13px
}

.next-match h3 {
  font-size:22px;
  margin:12px 0
}

.competition-tag {
  display:inline-flex;
  font-size:11px;
  font-weight:800;
  color:var(--gold);
  border:1px solid rgba(241,199,91,.3);
  background:rgba(241,199,91,.06);
  padding:6px 8px;
  border-radius:20px
}

.versus {
  display:flex;
  align-items:center;
  justify-content:space-around;
  gap:12px;
  font-size:17px;
  font-weight:800;
  padding:27px 0
}

.versus span {
  text-align:center;
  max-width:42%
}

.versus b {
  font-size:28px;
  color:var(--muted)
}

.section-title {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px
}

.section-title h3 {
  margin:0 0 18px
}

.section-title>span {
  font-size:11px;
  color:var(--green);
  border:1px solid rgba(66,232,141,.3);
  padding:6px 8px;
  border-radius:20px
}

.stat-row {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid var(--border);
  border-radius:8px;
  overflow:hidden;
  margin:8px 0 18px
}

.stat-row div {
  text-align:center;
  padding:16px 7px;
  border-right:1px solid var(--border)
}

.stat-row div:last-child {
  border:0
}

.stat-row strong {
  display:block;
  font-size:20px
}

.stat-row small {
  color:var(--muted);
  font-size:11px
}

.competition-list {
  display:flex;
  flex-wrap:wrap;
  gap:9px
}

.competition-item {
  background:#09131a;
  border:1px solid var(--border);
  border-radius:8px;
  padding:10px 12px;
  font-size:12px
}

.competition-item.international {
  border-color:rgba(241,199,91,.35);
  color:#f4d987
}

.national-team-line {
  display:flex;
  gap:12px;
  align-items:center;
  background:#09131a;
  border:1px solid var(--border);
  padding:14px;
  border-radius:9px
}

.flag-circle {
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#152832;
  font-size:22px
}

.mini-stat-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:12px
}

.mini-stat-row div {
  background:#09131a;
  border:1px solid var(--border);
  padding:11px;
  border-radius:8px;
  text-align:center
}

.mini-stat-row strong {
  display:block
}

.mini-stat-row small {
  color:var(--muted)
}

.news-item {
  padding:12px 0;
  border-bottom:1px solid var(--border)
}

.news-item:last-child {
  border:0
}

.news-item strong {
  display:block;
  font-size:13px;
  line-height:1.45
}

.news-item small {
  color:var(--muted)
}

.match-result {
  margin-top:18px
}

.icon-btn {
  background:none;
  color:#fff;
  font-size:25px
}

.score {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:35px;
  font-size:20px;
  padding:25px
}

.score span {
  text-align:center
}

.score strong {
  font-size:38px
}

.stats-overview {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  margin-bottom:18px
}

.big-stat {
  text-align:center
}

.big-stat strong {
  font-size:38px;
  display:block;
  color:var(--green)
}

.big-stat span {
  color:var(--muted);
  font-size:13px
}

.table-wrap {
  overflow-x:auto
}

table {
  width:100%;
  border-collapse:collapse;
  min-width:760px
}

th,td {
  text-align:left;
  padding:14px;
  border-bottom:1px solid var(--border);
  font-size:13px
}

th {
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase
}

td:last-child {
  max-width:250px;
  color:var(--muted)
}

.offers {
  display:grid;
  gap:15px
}

.offer {
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center
}

.offer h3 {
  margin:0 0 5px
}

.offer p {
  color:var(--muted);
  font-size:13px
}

.offer-actions {
  display:flex;
  gap:8px
}

.danger {
  background:#8d252a;
  color:#fff;
  border-radius:7px;
  padding:11px 15px;
  font-weight:700
}

.danger:hover {
  background:#a52c33
}

.toast {
  position:fixed;
  right:24px;
  bottom:24px;
  background:#eafdf2;
  color:#07341c;
  padding:14px 18px;
  border-radius:9px;
  font-weight:700;
  transform:translateY(100px);
  opacity:0;
  transition:.3s;
  z-index:30;
  max-width:min(420px,calc(100vw - 48px))
}

.toast.show {
  transform:none;
  opacity:1
}

@media(max-width:860px) {
  nav {
    display:none
  }
  .topbar {
    justify-content:space-between
  }
  .player-silhouette {
    opacity:.2;
    right:-100px
  }
  .hero-content {
    z-index:3
  }
  .hero-stats {
    gap:25px
  }
  .form-grid,.dashboard-grid {
    grid-template-columns:1fr
  }
  .club-options {
    grid-template-columns:1fr
  }
  .stats-overview {
    grid-template-columns:1fr 1fr
  }
  .offer {
    grid-template-columns:1fr;
    gap:15px
  }
  .form-grid .full {
    grid-column:auto
  }
  .top-actions .mini-profile {
    display:none!important
  }
}

@media(max-width:520px) {
  .hero {
    padding-top:60px
  }
  .hero h1 {
    font-size:48px
  }
  .hero-stats {
    margin-top:45px;
    flex-wrap:wrap
  }
  .profile-card {
    grid-template-columns:65px 1fr auto
  }
  .avatar {
    width:60px
  }
  .stat-row {
    grid-template-columns:1fr 1fr
  }
  .stat-row div:nth-child(2) {
    border-right:0
  }
  .stats-overview {
    grid-template-columns:1fr 1fr
  }
  .club-picker-head {
    align-items:flex-start;
    flex-direction:column
  }
  .score {
    gap:16px;
    font-size:15px
  }
  .score strong {
    font-size:30px
  }
}

/* ===== CareerSim V3 ===== */
:root {
  --theme-transition:background-color .65s ease,border-color .65s ease,color .35s ease,box-shadow .65s ease
}

body,.topbar,.panel,.hero,.club-line,.value-line,.competition-item,.national-team-line,.mini-stat-row div,.form-grid input,.form-grid select {
  transition:var(--theme-transition)
}

.hero {
  background:radial-gradient(circle at 70% 35%,color-mix(in srgb,var(--green) 18%,transparent) 0,transparent 35%),linear-gradient(120deg,var(--bg) 30%,var(--panel2))
}

.hero-glow {
  background:radial-gradient(circle,color-mix(in srgb,var(--green) 18%,transparent),transparent 65%)
}

.rating-stack {
  display:flex;
  gap:12px;
  align-items:center
}

.potential {
  text-align:center;
  padding-left:12px;
  border-left:1px solid var(--border)
}

.potential strong {
  display:block;
  font-size:25px;
  color:var(--green)
}

.potential small {
  color:var(--muted);
  font-size:10px
}

.crest-shell {
  width:46px;
  height:46px;
  flex:0 0 46px;
  border-radius:10px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--border);
  display:grid;
  place-items:center;
  overflow:hidden
}

.crest-shell.small {
  width:38px;
  height:38px;
  position:absolute;
  left:15px;
  top:15px
}

.club-badge-img {
  width:82%;
  height:82%;
  object-fit:contain
}

.crest-fallback {
  font-size:22px
}

.club-option {
  padding-left:64px
}

.club-option .check {
  z-index:2
}

.league-progress {
  padding:4px 0 18px
}

.league-progress>div:first-child {
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-size:12px;
  color:var(--muted)
}

.league-progress strong {
  color:var(--text)
}

.progress-track {
  height:7px;
  background:#071017;
  border-radius:20px;
  overflow:hidden;
  margin-top:9px;
  border:1px solid var(--border)
}

.progress-track span {
  display:block;
  height:100%;
  width:0;
  background:var(--green);
  transition:width .35s ease
}

.competition-item {
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:210px
}

.competition-item strong {
  font-size:12px
}

.competition-item small {
  color:var(--muted);
  font-size:10px;
  line-height:1.4
}

.competition-item.international small {
  color:#d9c887
}

.retired-banner {
  margin-bottom:18px;
  padding:16px 20px;
  border-radius:10px;
  border:1px solid color-mix(in srgb,var(--green) 40%,var(--border));
  background:color-mix(in srgb,var(--green) 8%,var(--panel));
  display:flex;
  gap:7px;
  align-items:center
}

.retired-banner strong {
  color:var(--green)
}

.stats-split {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
  margin-bottom:18px
}

.history-panel {
  margin-top:0
}

.honours-list {
  display:grid;
  gap:9px
}

.honours-list>div {
  display:flex;
  justify-content:space-between;
  gap:14px;
  background:#09131a;
  border:1px solid var(--border);
  border-radius:8px;
  padding:11px 13px;
  font-size:12px
}

.honours-list strong {
  color:var(--green)
}

.market-tier {
  margin-bottom:16px
}

.market-tier strong {
  color:var(--green)
}

.market-tier p {
  margin-bottom:0;
  color:var(--muted);
  line-height:1.5
}

.offer-main {
  display:flex;
  align-items:center;
  gap:14px
}

.offer .crest-shell {
  width:52px;
  height:52px;
  flex-basis:52px
}

.modal-backdrop {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.76);
  backdrop-filter:blur(7px);
  display:grid;
  place-items:center;
  padding:20px;
  z-index:100
}

.modal-card {
  width:min(620px,100%);
  background:linear-gradient(145deg,var(--panel2),var(--panel));
  border:1px solid var(--border);
  border-radius:16px;
  padding:28px;
  box-shadow:0 25px 80px rgba(0,0,0,.45);
  animation:modalIn .22s ease
}

.modal-card h2 {
  margin:8px 0 12px
}

.modal-card>p:not(.eyebrow) {
  color:#b8c6cc;
  line-height:1.65
}

.event-choices {
  display:grid;
  gap:10px;
  margin-top:22px
}

.event-choice {
  text-align:left;
  background:#08131a;
  color:#fff;
  border:1px solid var(--border);
  border-radius:10px;
  padding:15px
}

.event-choice:hover {
  border-color:var(--green);
  transform:translateY(-1px)
}

.event-choice strong,.event-choice small {
  display:block
}

.event-choice small {
  margin-top:5px;
  color:var(--muted);
  font-size:11px
}

.celebration {
  position:fixed;
  inset:0;
  background:rgba(1,6,9,.88);
  display:grid;
  place-items:center;
  z-index:120;
  overflow:hidden;
  padding:20px
}

.celebration-card {
  position:relative;
  z-index:3;
  width:min(540px,100%);
  text-align:center;
  background:linear-gradient(145deg,var(--panel2),var(--panel));
  border:1px solid color-mix(in srgb,var(--green) 50%,var(--border));
  border-radius:18px;
  padding:35px;
  box-shadow:0 0 90px color-mix(in srgb,var(--green) 18%,transparent);
  animation:trophyIn .55s cubic-bezier(.2,.9,.2,1.25)
}

.celebration-card h2 {
  font-size:32px;
  margin:8px 0
}

.celebration-card p:not(.eyebrow) {
  color:#becbd0
}

.celebration-icon {
  font-size:68px;
  animation:trophyPulse 1s ease infinite alternate
}

.confetti {
  position:absolute;
  inset:0;
  pointer-events:none
}

.confetti i {
  position:absolute;
  left:50%;
  top:45%;
  width:8px;
  height:14px;
  background:var(--green);
  border-radius:2px;
  animation:confettiFly var(--d) ease-out var(--delay) forwards;
  opacity:0
}

.confetti i:nth-child(3n) {
  background:#f1c75b
}

.confetti i:nth-child(4n) {
  background:#fff
}

.confetti i:nth-child(5n) {
  width:12px;
  height:7px
}

@keyframes modalIn {
  from {
    opacity:0;
    transform:translateY(12px) scale(.98)
  }
  to {
    opacity:1;
    transform:none
  }
}

@keyframes trophyIn {
  from {
    opacity:0;
    transform:scale(.72) rotate(-3deg)
  }
  to {
    opacity:1;
    transform:scale(1)
  }
}

@keyframes trophyPulse {
  from {
    transform:scale(1) rotate(-3deg)
  }
  to {
    transform:scale(1.08) rotate(3deg)
  }
}

@keyframes confettiFly {
  0% {
    opacity:1;
    transform:translate(0,0) rotate(0)
  }
  100% {
    opacity:0;
    transform:translate(var(--x),55vh) rotate(var(--r))
  }
}

@media(max-width:860px) {
  .stats-split {
    grid-template-columns:1fr
  }
  .rating-stack {
    gap:7px
  }
  .potential {
    padding-left:7px
  }
  .offer-main {
    align-items:flex-start
  }
}

@media(max-width:520px) {
  .rating-stack {
    flex-direction:column;
    gap:2px
  }
  .potential {
    border-left:0;
    border-top:1px solid var(--border);
    padding:5px 0 0
  }
  .potential strong {
    font-size:19px
  }
  .celebration-card {
    padding:26px 18px
  }
  .celebration-card h2 {
    font-size:25px
  }
  .modal-card {
    padding:22px 17px
  }
}

/* ===== CareerSim V4: tema do clube + simulação rápida ===== */
body {
  background:radial-gradient(circle at 92% 4%,color-mix(in srgb,var(--club-secondary) 5%,transparent),transparent 26%),radial-gradient(circle at 8% 90%,color-mix(in srgb,var(--green) 8%,transparent),transparent 30%),var(--bg)
}

body.theme-pulse::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:95;
  pointer-events:none;
  background:var(--theme-flash);
  animation:themeFlash .68s ease forwards;
  mix-blend-mode:screen
}

@keyframes themeFlash {
  0% {
    opacity:0
  }
  22% {
    opacity:.12
  }
  100% {
    opacity:0
  }
}

.topbar {
  background:color-mix(in srgb,var(--bg) 92%,transparent);
  box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--green) 24%,transparent)
}

.panel {
  background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel2) 74%,black));
  box-shadow:0 14px 34px rgba(0,0,0,.12)
}

.club-line,.value-line,.competition-item,.national-team-line,.mini-stat-row div,.honours-list>div,.event-choice,.form-grid input,.form-grid select {
  background:color-mix(in srgb,var(--panel) 78%,black)
}

.avatar {
  background:linear-gradient(160deg,color-mix(in srgb,var(--green) 25%,var(--panel2)),color-mix(in srgb,var(--panel) 75%,black));
  color:var(--club-secondary);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 32%,transparent)
}

.logo {
  color:var(--club-secondary)
}

.logo span {
  color:var(--green)
}

.favoritism-box {
  margin:0 0 16px;
  padding:12px 13px;
  border-radius:9px;
  border:1px solid color-mix(in srgb,var(--green) 28%,var(--border));
  background:color-mix(in srgb,var(--green) 6%,var(--panel));
  font-size:12px;
  line-height:1.5
}

.favoritism-box strong {
  color:var(--green)
}

.favoritism-box small {
  display:block;
  color:var(--muted);
  margin-top:4px
}

.spotlight-card {
  max-height:min(88vh,780px);
  overflow:auto
}

.spotlight-favorite {
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:9px;
  background:color-mix(in srgb,var(--green) 5%,var(--panel));
  font-size:12px!important
}

.match-timeline {
  display:grid;
  gap:9px;
  margin:18px 0
}

.timeline-moment {
  display:grid;
  grid-template-columns:48px 1fr;
  gap:10px;
  align-items:start;
  padding:11px 12px;
  border:1px solid var(--border);
  border-radius:9px;
  background:color-mix(in srgb,var(--panel) 82%,black)
}

.timeline-moment span {
  font-weight:800;
  color:var(--green)
}

.timeline-moment p {
  margin:0;
  color:#c4d0d5;
  font-size:13px;
  line-height:1.5
}

.next-match {
  position:relative;
  overflow:hidden
}

.next-match::after {
  content:"";
  position:absolute;
  width:170px;
  height:170px;
  border-radius:50%;
  right:-80px;
  top:-80px;
  background:color-mix(in srgb,var(--green) 10%,transparent);
  pointer-events:none
}

/* ===== CareerSim V5: decisões e resumo de temporada ===== */
.decision-card {
  max-width:650px
}

.decision-card>p {
  line-height:1.6
}

.decision-result {
  display:grid;
  gap:8px;
  margin:18px 0;
  padding:16px;
  border-radius:10px;
  border:1px solid color-mix(in srgb,var(--green) 35%,var(--border));
  background:color-mix(in srgb,var(--green) 7%,var(--panel))
}

.decision-result strong {
  color:var(--green)
}

.decision-result span {
  font-size:13px;
  color:#c7d2d7
}

.season-summary-card {
  width:min(920px,100%);
  max-height:92vh;
  overflow:auto
}

.season-summary-card h3 {
  margin:24px 0 10px
}

.summary-table-wrap {
  overflow:auto;
  max-height:360px;
  border:1px solid var(--border);
  border-radius:10px
}

.summary-table {
  min-width:620px
}

.summary-table td,.summary-table th {
  padding:9px 11px
}

.summary-table .user-row {
  background:color-mix(in srgb,var(--green) 13%,var(--panel));
  color:var(--club-secondary)
}

.summary-table .user-row td:first-child,.summary-table .user-row strong {
  color:var(--green)
}

.summary-statuses {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px
}

.summary-status {
  padding:13px;
  border:1px solid var(--border);
  border-radius:9px;
  background:color-mix(in srgb,var(--panel) 80%,black);
  display:flex;
  justify-content:space-between;
  gap:15px
}

.summary-status span {
  color:var(--green);
  text-align:right
}

.summary-decisions {
  display:grid;
  gap:8px
}

.summary-decisions>div {
  padding:11px 13px;
  border:1px solid var(--border);
  border-radius:9px;
  background:color-mix(in srgb,var(--panel) 82%,black);
  display:grid;
  gap:4px
}

.summary-decisions span {
  font-size:12px;
  color:var(--muted)
}

.summary-actions {
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:24px
}

.summary-actions .secondary,.summary-actions .primary {
  width:auto
}

@media(max-width:620px) {
  .summary-statuses {
    grid-template-columns:1fr
  }
  .summary-actions {
    flex-direction:column
  }
  .summary-actions button {
    width:100%!important
  }
}

.summary-offers {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px
}

.summary-offer {
  padding:12px 13px;
  border:1px solid color-mix(in srgb,var(--green) 28%,var(--border));
  border-radius:9px;
  background:color-mix(in srgb,var(--green) 5%,var(--panel));
  display:grid;
  gap:4px
}

.summary-offer strong {
  color:var(--green)
}

.summary-offer span {
  font-size:12px;
  color:var(--muted)
}

@media(max-width:620px) {
  .summary-offers {
    grid-template-columns:1fr
  }
}

/* ===== Home redesign: estádio noturno / indigo + lime ===== */
#home.hero {
  --home-bg:#070914;
  --home-surface:#0e1224;
  --home-surface-2:#151a31;
  --home-border:rgba(255,255,255,.10);
  --home-text:#f7f8ff;
  --home-muted:#a8aec5;
  --home-violet:#7657ff;
  --home-violet-2:#9c86ff;
  --home-lime:#d9ff57;
  min-height:calc(100vh - 72px);
  padding:0;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
  radial-gradient(circle at 78% 31%,rgba(118,87,255,.30),transparent 25%),
  radial-gradient(circle at 16% 78%,rgba(217,255,87,.08),transparent 24%),
  linear-gradient(128deg,#060811 0%,#090d1d 46%,#0d1025 100%);
}

#home .hero-glow {
  width:780px;
  height:780px;
  right:-230px;
  top:-260px;
  background:radial-gradient(circle,rgba(118,87,255,.22) 0%,rgba(118,87,255,.06) 38%,transparent 68%);
  filter:blur(4px);
  opacity:1;
  pointer-events:none;
  z-index:-2;
}

#home .hero-grid {
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.17;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 88%);
}

#home .hero-shell {
  width:min(1380px,100%);
  min-height:calc(100vh - 116px);
  margin:0 auto;
  padding:clamp(58px,8vh,104px) clamp(26px,6vw,84px) 76px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  gap:clamp(44px,7vw,112px);
  align-items:center;
}

#home .hero-content {
  max-width:760px;
  position:relative;
  z-index:3
}

#home .hero-kicker {
  width:max-content;
  max-width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border:1px solid rgba(217,255,87,.24);
  border-radius:999px;
  background:rgba(217,255,87,.055);
  color:#e7ff98;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
}

#home .hero-kicker>span {
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--home-lime);
  box-shadow:0 0 16px var(--home-lime);
  animation:homePulse 1.6s ease-in-out infinite
}

#home.hero h1 {
  max-width:790px;
  margin:24px 0 22px;
  color:var(--home-text);
  font-family:var(--btl-display-font);
  font-size:clamp(56px,6.35vw,98px);
  line-height:.91;
  letter-spacing:-.055em;
  font-weight:700;
}

#home.hero h1 span {
  display:block;
  color:var(--home-lime);
  text-shadow:0 0 34px rgba(217,255,87,.10)
}

#home .lead {
  max-width:670px;
  margin:0;
  color:var(--home-muted);
  font-size:clamp(16px,1.35vw,19px);
  line-height:1.72
}

#home .hero-actions {
  display:flex;
  align-items:center;
  gap:22px;
  margin-top:34px;
  flex-wrap:wrap
}

#home .primary.big {
  margin:0;
  padding:17px 22px;
  border-radius:14px;
  background:var(--home-lime);
  color:#11150a;
  box-shadow:0 12px 34px rgba(217,255,87,.16);
  font-weight:800;
  font-size:15px;
}

#home .primary.big:hover {
  background:#e5ff82;
  transform:translateY(-2px);
  box-shadow:0 16px 40px rgba(217,255,87,.22)
}

#home .primary.big b {
  display:inline-block;
  margin-left:9px;
  font-size:18px;
  transition:transform .2s ease
}

#home .primary.big:hover b {
  transform:translateX(4px)
}

#home .hero-save-note {
  display:flex;
  align-items:center;
  gap:8px;
  color:#8e95af;
  font-size:12px;
  font-weight:600
}

#home .hero-save-note span {
  color:var(--home-violet-2);
  font-size:10px;
  text-shadow:0 0 12px var(--home-violet)
}

#home .hero-stats {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin-top:58px;
  max-width:610px;
  border-top:1px solid rgba(255,255,255,.09);
  padding-top:22px
}

#home .hero-stats div {
  padding:0 22px;
  border-left:1px solid rgba(255,255,255,.09)
}

#home .hero-stats div:first-child {
  padding-left:0;
  border-left:0
}

#home .hero-stats strong {
  font-family:var(--btl-display-font);
  font-size:25px;
  color:var(--home-text);
  line-height:1.1
}

#home .hero-stats small {
  margin-top:6px;
  color:#767e9b;
  font-size:11px;
  line-height:1.35
}

#home .hero-visual {
  position:relative;
  min-height:610px;
  display:grid;
  place-items:center;
  z-index:2
}

#home .visual-orbit {
  position:absolute;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
  pointer-events:none
}

#home .orbit-one {
  width:510px;
  height:510px;
  animation:orbitSpin 25s linear infinite
}

#home .orbit-two {
  width:390px;
  height:390px;
  border-style:dashed;
  border-color:rgba(217,255,87,.14);
  animation:orbitSpin 18s linear infinite reverse
}

#home .career-card {
  width:min(390px,84%);
  min-height:520px;
  position:relative;
  padding:26px;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  background:
  linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.015)),
  linear-gradient(145deg,#171b38 0%,#0d1125 58%,#11162d 100%);
  box-shadow:0 42px 100px rgba(0,0,0,.44),0 0 0 1px rgba(118,87,255,.08) inset;
  transform:rotate(2.2deg);
}

#home .career-card::before {
  content:"";
  position:absolute;
  inset:-35% 22% 52% -28%;
  background:linear-gradient(110deg,transparent,rgba(118,87,255,.28),transparent);
  transform:rotate(18deg);
  filter:blur(8px);
}

#home .career-card::after {
  content:"";
  position:absolute;
  left:-12%;
  right:-12%;
  bottom:112px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(217,255,87,.34),transparent);
}

#home .career-card-top {
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#e8eaff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em
}

#home .career-card-top>span span {
  color:var(--home-lime)
}

#home .career-card-top small {
  color:#7f87a5;
  font-size:9px;
  letter-spacing:.16em
}

#home .jersey {
  height:292px;
  position:relative;
  display:grid;
  place-items:center;
  margin:15px 0 0
}

#home .jersey i {
  position:absolute;
  width:220px;
  height:245px;
  clip-path:polygon(21% 7%,38% 0,50% 9%,62% 0,79% 7%,100% 25%,84% 45%,76% 37%,77% 100%,23% 100%,24% 37%,16% 45%,0 25%);
  background:linear-gradient(145deg,#8c75ff 0%,#6749ef 47%,#3d2aa5 100%);
  filter:drop-shadow(0 24px 25px rgba(0,0,0,.34));
}

#home .jersey i::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 48%,rgba(255,255,255,.10) 49%,rgba(255,255,255,.10) 51%,transparent 52%)
}

#home .jersey span {
  position:relative;
  z-index:2;
  margin-top:10px;
  color:#f6f3ff;
  font-family:var(--btl-display-font);
  font-size:86px;
  font-weight:700;
  letter-spacing:-.08em;
  text-shadow:0 8px 25px rgba(0,0,0,.28)
}

#home .career-card-copy {
  position:relative;
  z-index:2;
  display:grid;
  gap:3px;
  margin-top:-2px
}

#home .career-card-copy small {
  font-size:9px;
  color:#7f87a5;
  font-weight:800;
  letter-spacing:.15em
}

#home .career-card-copy strong {
  font-family:var(--btl-display-font);
  color:#fff;
  font-size:21px;
  letter-spacing:-.02em
}

#home .card-ratings {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:20px
}

#home .card-ratings div {
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(4,6,16,.38);
  border-radius:13px
}

#home .card-ratings strong {
  font-family:var(--btl-display-font);
  color:var(--home-lime);
  font-size:23px
}

#home .card-ratings small {
  color:#858dab;
  font-size:8px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.08em
}

#home .floating-chip {
  position:absolute;
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 14px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:15px;
  background:rgba(12,15,31,.82);
  box-shadow:0 18px 45px rgba(0,0,0,.28);
  backdrop-filter:blur(14px);
  z-index:4
}

#home .floating-chip>span {
  font-size:22px
}

#home .floating-chip div {
  display:grid;
  gap:1px
}

#home .floating-chip small {
  color:#7d86a5;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.1em
}

#home .floating-chip strong {
  color:#edf0ff;
  font-size:11px
}

#home .chip-one {
  left:-8px;
  top:19%;
  animation:chipFloat 4.4s ease-in-out infinite
}

#home .chip-two {
  right:-4px;
  bottom:18%;
  animation:chipFloat 5.2s ease-in-out .8s infinite
}

#home .hero-ticker {
  height:44px;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(5,7,15,.58);
  backdrop-filter:blur(10px);
  color:#5f6782;
  font-size:9px;
  font-weight:800;
  letter-spacing:.18em;
}

#home .hero-ticker i {
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--home-violet)
}

body:has(#home.active) .topbar {
  border-bottom-color:rgba(255,255,255,.08);
  background:rgba(7,9,20,.78);
  box-shadow:none;
  backdrop-filter:blur(18px);
}

body:has(#home.active) .logo {
  color:#f5f6ff
}

body:has(#home.active) .logo span {
  color:var(--home-lime,#d9ff57)
}

body:has(#home.active) nav button {
  color:#777f9e
}

body:has(#home.active) nav button.active,body:has(#home.active) nav button:hover {
  color:#fff;
  border-color:#7657ff
}

body:has(#home.active) .mini-profile {
  background:#11152a;
  border-color:rgba(255,255,255,.10)
}

body:has(#home.active) .ghost {
  border-color:rgba(255,255,255,.12);
  color:#939bb8
}

@keyframes homePulse {
  0%,100% {
    opacity:.55;
    transform:scale(.85)
  }
  50% {
    opacity:1;
    transform:scale(1.2)
  }
}

@keyframes orbitSpin {
  to {
    transform:rotate(360deg)
  }
}

@keyframes chipFloat {
  0%,100% {
    transform:translateY(0)
  }
  50% {
    transform:translateY(-10px)
  }
}

@media(max-width:1080px) {
  #home .hero-shell {
    grid-template-columns:minmax(0,1fr) 390px;
    gap:30px;
    padding-left:36px;
    padding-right:36px
  }
  #home .hero-visual {
    min-height:550px
  }
  #home .career-card {
    min-height:480px
  }
  #home .jersey {
    height:255px
  }
  #home .chip-one {
    left:-16px
  }
  #home .chip-two {
    right:-18px
  }
}

@media(max-width:860px) {
  #home.hero {
    min-height:calc(100vh - 72px)
  }
  #home .hero-shell {
    grid-template-columns:1fr;
    min-height:auto;
    padding:68px 26px 96px;
    text-align:center
  }
  #home .hero-content {
    max-width:720px;
    margin:0 auto
  }
  #home .hero-kicker {
    margin:0 auto
  }
  #home.hero h1 {
    font-size:clamp(52px,12vw,78px)
  }
  #home .lead {
    margin-inline:auto
  }
  #home .hero-actions {
    justify-content:center
  }
  #home .hero-stats {
    margin-inline:auto;
    text-align:left
  }
  #home .hero-visual {
    min-height:500px;
    margin-top:4px
  }
  #home .career-card {
    width:min(360px,78%);
    min-height:465px
  }
  #home .hero-ticker {
    gap:17px;
    overflow:hidden;
    white-space:nowrap
  }
}

@media(max-width:560px) {
  #home .hero-shell {
    padding:52px 18px 78px;
    gap:32px
  }
  #home .hero-kicker {
    font-size:9px;
    letter-spacing:.11em;
    padding:7px 10px
  }
  #home.hero h1 {
    font-size:clamp(46px,14vw,62px);
    margin-top:20px
  }
  #home .lead {
    font-size:15px
  }
  #home .hero-actions {
    display:grid;
    gap:14px
  }
  #home .hero-save-note {
    justify-content:center
  }
  #home .primary.big {
    width:100%
  }
  #home .hero-stats {
    grid-template-columns:1fr 1fr;
    row-gap:18px;
    margin-top:42px
  }
  #home .hero-stats div {
    padding:0 13px
  }
  #home .hero-stats div:nth-child(3) {
    grid-column:1/-1;
    border-left:0;
    padding-left:0;
    padding-top:14px;
    border-top:1px solid rgba(255,255,255,.08)
  }
  #home .hero-visual {
    min-height:405px
  }
  #home .career-card {
    width:min(310px,86%);
    min-height:390px;
    padding:20px;
    border-radius:27px
  }
  #home .jersey {
    height:210px
  }
  #home .jersey i {
    width:174px;
    height:194px
  }
  #home .jersey span {
    font-size:68px
  }
  #home .career-card-copy strong {
    font-size:17px
  }
  #home .card-ratings {
    margin-top:14px
  }
  #home .card-ratings div {
    padding:8px
  }
  #home .card-ratings strong {
    font-size:19px
  }
  #home .floating-chip {
    display:none
  }
  #home .orbit-one {
    width:360px;
    height:360px
  }
  #home .orbit-two {
    width:285px;
    height:285px
  }
  #home .hero-ticker {
    justify-content:flex-start;
    padding:0 18px
  }
}

/* ===== CareerSim V6: tema de clube aplicado por toda a interface ===== */
body {
  transition:background .35s ease,color .25s ease
}

.topbar {
  background:color-mix(in srgb,var(--bg) 91%,transparent);
  border-color:var(--border)
}

.panel {
  background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel) 72%,#000));
  border-color:var(--border)
}

.secondary {
  background:var(--panel2);
  border-color:var(--border)
}

.form-grid input,.form-grid select,.club-status,.club-option,.club-line,.value-line,.national-team-line,.mini-stat-row div,.competition-item {
  background:color-mix(in srgb,var(--panel) 70%,#000);
  border-color:var(--border)
}

.club-option.selected {
  background:color-mix(in srgb,var(--green) 10%,var(--panel));
  border-color:var(--green)
}

.avatar {
  background:linear-gradient(160deg,color-mix(in srgb,var(--green) 24%,var(--panel2)),color-mix(in srgb,var(--panel) 78%,#000));
  color:var(--green)
}

.mini-profile {
  background:var(--panel);
  border-color:var(--border)
}

.progress-track {
  background:color-mix(in srgb,var(--panel2) 78%,#000)
}

/* ===== Home V6: túnel do estádio + vestiário + plano de carreira ===== */
#home.hero {
  --home-lime:#d9ff57;
  min-height:calc(100vh - 72px);
  padding:0;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
  radial-gradient(ellipse at 77% 22%,rgba(255,255,255,.08),transparent 15%),
  radial-gradient(ellipse at 76% 58%,rgba(58,122,86,.16),transparent 28%),
  linear-gradient(112deg,#05080a 0%,#09100d 43%,#07140d 66%,#050807 100%);
}

#home .hero-glow {
  position:absolute;
  width:900px;
  height:900px;
  right:-280px;
  top:-360px;
  background:radial-gradient(circle,rgba(217,255,87,.13),transparent 64%);
  pointer-events:none;
  z-index:-2
}

#home .pitch-lines {
  position:absolute;
  right:-3vw;
  top:2%;
  width:min(49vw,720px);
  height:94%;
  border:1px solid rgba(217,255,87,.12);
  transform:perspective(900px) rotateY(-10deg) rotateZ(-1deg);
  opacity:.55;
  pointer-events:none;
  z-index:-2
}

#home .pitch-lines::before {
  content:"";
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  border-left:1px solid rgba(217,255,87,.13)
}

#home .pitch-circle {
  position:absolute;
  width:180px;
  height:180px;
  border:1px solid rgba(217,255,87,.13);
  border-radius:50%;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}

#home .pitch-center {
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:rgba(217,255,87,.35);
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}

#home .pitch-box {
  position:absolute;
  top:32%;
  width:20%;
  height:36%;
  border:1px solid rgba(217,255,87,.13)
}

#home .pitch-box-left {
  left:0;
  border-left:0
}

#home .pitch-box-right {
  right:0;
  border-right:0
}

#home .hero-shell {
  width:min(1420px,100%);
  min-height:calc(100vh - 116px);
  margin:auto;
  padding:clamp(54px,7vh,92px) clamp(26px,6vw,88px) 72px;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);
  gap:clamp(46px,7vw,108px);
  align-items:center
}

#home .hero-content {
  max-width:760px;
  z-index:3
}

#home .hero-kicker {
  width:max-content;
  max-width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 13px;
  border:1px solid rgba(217,255,87,.22);
  border-radius:999px;
  background:rgba(217,255,87,.055);
  color:#eaff9e;
  font-size:11px;
  font-weight:800;
  letter-spacing:.13em
}

#home .hero-kicker span {
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--home-lime);
  box-shadow:0 0 16px var(--home-lime)
}

#home.hero h1 {
  font-family:var(--btl-display-font);
  font-size:clamp(55px,6.4vw,98px);
  line-height:.91;
  letter-spacing:-.055em;
  margin:24px 0 22px;
  max-width:780px;
  color:#f6f8f3
}

#home.hero h1 span {
  display:block;
  color:var(--home-lime);
  text-shadow:0 0 34px rgba(217,255,87,.12)
}

#home .lead {
  font-size:clamp(16px,1.35vw,19px);
  line-height:1.72;
  max-width:680px;
  color:#aeb8b1
}

#home .hero-actions {
  display:flex;
  align-items:center;
  gap:22px;
  margin-top:34px;
  flex-wrap:wrap
}

#home .primary.big {
  margin:0;
  padding:17px 23px;
  border-radius:12px;
  background:var(--home-lime);
  color:#10150b;
  box-shadow:0 14px 38px rgba(217,255,87,.14);
  font-weight:800
}

#home .primary.big:hover {
  background:#e7ff82;
  transform:translateY(-2px);
  box-shadow:0 18px 44px rgba(217,255,87,.22)
}

#home .hero-save-note {
  display:flex;
  align-items:center;
  gap:8px;
  color:#839087;
  font-size:12px;
  font-weight:600
}

#home .hero-save-note span {
  color:var(--home-lime)
}

#home .hero-stats {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin-top:56px;
  max-width:600px;
  border-top:1px solid rgba(255,255,255,.09);
  padding-top:22px
}

#home .hero-stats div {
  padding:0 22px;
  border-left:1px solid rgba(255,255,255,.09)
}

#home .hero-stats div:first-child {
  padding-left:0;
  border-left:0
}

#home .hero-stats strong {
  font-family:var(--btl-display-font);
  font-size:27px;
  color:#f6f8f3
}

#home .hero-stats small {
  margin-top:6px;
  color:#778279;
  font-size:11px
}

#home .hero-visual {
  position:relative;
  min-height:620px;
  display:grid;
  place-items:center;
  z-index:2
}

#home .stadium-lights {
  position:absolute;
  top:4%;
  width:210px;
  height:20px;
  background:repeating-linear-gradient(90deg,#f4ffd4 0 7px,transparent 7px 13px);
  filter:blur(.2px);
  opacity:.35;
  box-shadow:0 0 50px rgba(217,255,87,.22)
}

#home .stadium-lights-left {
  left:0;
  transform:rotate(-13deg)
}

#home .stadium-lights-right {
  right:-20px;
  transform:rotate(13deg)
}

#home .locker-board {
  width:min(440px,90%);
  min-height:550px;
  padding:24px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(145deg,rgba(20,29,24,.96),rgba(8,13,10,.97));
  box-shadow:0 38px 100px rgba(0,0,0,.48),0 0 0 1px rgba(217,255,87,.03) inset;
  position:relative;
  overflow:hidden;
  transform:rotate(1deg)
}

#home .locker-board::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 24%,rgba(255,255,255,.035) 25%,transparent 26%);
  background-size:68px 68px;
  opacity:.45
}

#home .board-top {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.09);
  padding-bottom:15px
}

.board-top span {
  color:#f2f5ef;
  font-weight:900;
  letter-spacing:.08em
}

.board-top small {
  font-size:9px;
  letter-spacing:.14em;
  color:#7b887e
}

#home .shirt-display {
  height:265px;
  position:relative;
  display:grid;
  place-items:center
}

#home .shirt {
  position:relative;
  width:230px;
  height:230px;
  clip-path:polygon(20% 7%,38% 0,50% 9%,62% 0,80% 7%,100% 25%,84% 45%,76% 38%,77% 100%,23% 100%,24% 38%,16% 45%,0 25%);
  background:linear-gradient(145deg,#e5ff73,#b7e83b 53%,#789d1e);
  filter:drop-shadow(0 22px 22px rgba(0,0,0,.35));
  display:grid;
  place-items:center;
  align-content:center;
  gap:2px
}

#home .shirt::before {
  content:"";
  position:absolute;
  left:49%;
  top:0;
  bottom:0;
  width:2px;
  background:rgba(255,255,255,.13)
}

#home .shirt-name {
  font-size:11px;
  font-weight:900;
  letter-spacing:.15em;
  color:#20300e;
  position:relative;
  z-index:2
}

.shirt strong {
  font-family:var(--btl-display-font);
  font-size:82px;
  line-height:.85;
  color:#17220c;
  position:relative;
  z-index:2;
  letter-spacing:-.08em
}

#home .shirt-shadow {
  position:absolute;
  width:250px;
  height:50px;
  border-radius:50%;
  background:rgba(0,0,0,.35);
  bottom:14px;
  filter:blur(18px)
}

#home .career-route {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 24px 1fr 24px 1fr;
  align-items:center;
  margin-top:4px
}

.route-step {
  display:flex;
  gap:8px;
  align-items:center;
  min-width:0
}

.route-step i {
  width:28px;
  height:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#18201b;
  border:1px solid #334137;
  color:#748078;
  font-size:9px;
  font-style:normal;
  font-weight:800;
  flex:0 0 auto
}

.route-step.active i {
  border-color:rgba(217,255,87,.5);
  background:rgba(217,255,87,.1);
  color:var(--home-lime)
}

.route-step span {
  display:grid;
  gap:2px
}

.route-step b {
  font-size:10px;
  color:#dfe6df
}

.route-step small {
  font-size:8px;
  color:#6f7b72
}

.route-line {
  height:1px;
  background:rgba(255,255,255,.12)
}

#home .scout-strip {
  position:relative;
  z-index:2;
  margin-top:22px;
  padding:12px 13px;
  border-radius:12px;
  border:1px solid rgba(217,255,87,.16);
  background:rgba(217,255,87,.045);
  display:grid;
  grid-template-columns:1.3fr repeat(8,auto);
  gap:7px;
  align-items:center
}

.scout-strip span {
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  color:#8f9b91
}

.scout-strip b {
  font-size:9px;
  color:#748078
}

.scout-strip strong {
  font-size:13px;
  color:var(--home-lime)
}

#home .floating-chip {
  position:absolute;
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 14px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:14px;
  background:rgba(8,14,10,.88);
  box-shadow:0 18px 45px rgba(0,0,0,.3);
  backdrop-filter:blur(14px);
  z-index:4
}

.floating-chip>span {
  font-size:22px
}

.floating-chip div {
  display:grid
}

.floating-chip small {
  font-size:9px;
  color:#728077;
  text-transform:uppercase;
  letter-spacing:.09em
}

.floating-chip strong {
  font-size:11px;
  color:#ecf2ed
}

.chip-one {
  left:-18px;
  top:17%
}

.chip-two {
  right:-28px;
  bottom:18%
}

#home .hero-ticker {
  height:44px;
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(3,7,5,.65);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  color:#69756d;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  white-space:nowrap;
  overflow:hidden
}

.hero-ticker i {
  width:5px;
  height:5px;
  border-radius:50%;
  background:#b5db42
}

/* ===== Draft de atributos das lendas ===== */
.attribute-draft-page {
  max-width:1240px
}

.draft-layout {
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(340px,.75fr);
  gap:24px;
  align-items:start
}

.draft-copy {
  padding:18px 8px 8px
}

.draft-copy h2 {
  font-family:var(--btl-display-font);
  font-size:clamp(34px,4vw,58px);
  line-height:1;
  margin:10px 0 18px
}

.draft-copy>p:not(.eyebrow) {
  max-width:560px;
  color:var(--muted);
  line-height:1.7
}

.draft-progress {
  height:7px;
  background:var(--panel2);
  border-radius:999px;
  overflow:hidden;
  margin-top:34px
}

.draft-progress span {
  display:block;
  height:100%;
  width:0;
  background:var(--green);
  transition:width .3s ease
}

.draft-progress-copy {
  display:flex;
  justify-content:space-between;
  margin-top:10px;
  color:var(--muted);
  font-size:12px
}

.draft-progress-copy strong {
  color:var(--green)
}

.legend-draw-card {
  position:relative;
  overflow:hidden;
  min-height:520px;
  border:1px solid color-mix(in srgb,var(--green) 38%,var(--border));
  border-radius:24px;
  padding:24px;
  background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--green) 17%,transparent),transparent 36%),linear-gradient(150deg,var(--panel2),color-mix(in srgb,var(--panel) 74%,#000));
  box-shadow:0 28px 80px rgba(0,0,0,.28)
}

.legend-draw-card::before {
  content:"";
  position:absolute;
  inset:-20% 58% 40% -35%;
  background:linear-gradient(120deg,transparent,color-mix(in srgb,var(--green) 18%,transparent),transparent);
  transform:rotate(20deg)
}

.legend-card-head {
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:center
}

.legend-card-head span {
  font-weight:900;
  color:var(--green);
  font-size:12px;
  border:1px solid color-mix(in srgb,var(--green) 30%,transparent);
  padding:6px 9px;
  border-radius:999px
}

.legend-card-head small {
  font-size:9px;
  color:var(--muted);
  letter-spacing:.14em
}

.legend-badge {
  position:relative;
  width:150px;
  height:150px;
  margin:34px auto 20px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,color-mix(in srgb,var(--green) 22%,var(--panel2)),var(--panel));
  border:1px solid color-mix(in srgb,var(--green) 40%,var(--border));
  font-family:var(--btl-display-font);
  font-size:48px;
  font-weight:800;
  color:var(--green);
  box-shadow:0 0 50px color-mix(in srgb,var(--green) 12%,transparent)
}

.legend-draw-card h3 {
  text-align:center;
  font-family:var(--btl-display-font);
  font-size:30px;
  margin:0 0 8px
}

.legend-rating-line {
  display:flex;
  justify-content:center;
  gap:10px;
  align-items:center;
  color:var(--muted);
  font-size:11px
}

.legend-rating-line strong {
  font-size:16px;
  color:#fff
}

.drawn-attribute {
  margin:24px auto 20px;
  width:170px;
  text-align:center;
  padding:15px;
  border:1px solid color-mix(in srgb,var(--green) 32%,var(--border));
  border-radius:16px;
  background:color-mix(in srgb,var(--green) 7%,var(--panel))
}

.drawn-attribute small {
  display:block;
  color:var(--muted);
  font-weight:900;
  letter-spacing:.16em
}

.drawn-attribute strong {
  display:block;
  font-family:var(--btl-display-font);
  font-size:48px;
  line-height:1;
  color:var(--green);
  margin-top:5px
}

.draft-actions {
  display:grid;
  grid-template-columns:1fr 1.15fr;
  gap:10px;
  margin-top:18px
}

.draft-actions.single {
  grid-template-columns:1fr
}

.draft-build {
  grid-column:1/-1
}

.draft-slots {
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:9px
}

.draft-slot {
  min-width:0;
  padding:12px;
  border:1px solid var(--border);
  border-radius:11px;
  background:color-mix(in srgb,var(--panel) 78%,#000);
  display:grid;
  gap:4px
}

.draft-slot span {
  font-size:9px;
  font-weight:900;
  color:var(--muted)
}

.draft-slot strong {
  font-size:22px
}

.draft-slot small {
  font-size:9px;
  color:var(--muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.draft-slot.current {
  border-color:var(--green);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--green) 35%,transparent) inset
}

.draft-slot.done strong {
  color:var(--green)
}

.draft-note {
  margin:14px 0 0;
  color:var(--muted);
  font-size:11px
}

/* ===== Atributos e aposentadoria ===== */
.legend-source {
  display:block;
  text-align:center;
  color:var(--muted);
  font-size:9px;
  margin-top:5px;
  letter-spacing:.06em
}

.legend-attributes {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
  margin-top:22px
}

.draft-attribute-choice {
  min-width:0;
  padding:12px 8px;
  border:1px solid var(--border);
  border-radius:12px;
  background:color-mix(in srgb,var(--panel) 82%,#000);
  color:var(--text);
  display:grid;
  gap:3px;
  text-align:center
}

.draft-attribute-choice:hover:not(:disabled) {
  border-color:var(--green);
  transform:translateY(-2px);
  box-shadow:0 8px 24px color-mix(in srgb,var(--green) 10%,transparent)
}

.draft-attribute-choice span {
  font-size:9px;
  font-weight:900;
  color:var(--muted);
  letter-spacing:.08em
}

.draft-attribute-choice strong {
  font-family:var(--btl-display-font);
  font-size:25px;
  color:var(--green)
}

.draft-attribute-choice small {
  font-size:8px;
  color:var(--muted)
}

.draft-attribute-choice.locked {
  opacity:.32
}

.draft-rules {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px
}

.draft-rules span {
  font-size:10px;
  color:var(--muted);
  border:1px solid var(--border);
  background:color-mix(in srgb,var(--panel) 70%,transparent);
  padding:7px 9px;
  border-radius:999px
}

.draft-rules strong {
  color:var(--text)
}

.player-attributes-card {
  grid-column:1/-1
}

.player-attributes {
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:9px;
  margin:8px 0 12px
}

.player-attribute {
  padding:12px;
  border:1px solid var(--border);
  border-radius:10px;
  background:color-mix(in srgb,var(--panel) 75%,#000);
  display:grid;
  gap:3px
}

.player-attribute span {
  font-size:9px;
  font-weight:900;
  color:var(--muted)
}

.player-attribute strong {
  font-size:23px;
  color:var(--green)
}

.player-attribute small {
  font-size:9px;
  color:var(--muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.retire-career {
  grid-column:1/-1;
  margin-top:0;
  background:color-mix(in srgb,var(--red) 78%,#5a1418);
  border:1px solid color-mix(in srgb,var(--red) 48%,var(--border))
}

@media(max-width:980px) {
  #home .hero-shell {
    grid-template-columns:1fr;
    gap:30px
  }
  .hero-visual {
    min-height:560px!important
  }
  .draft-layout {
    grid-template-columns:1fr
  }
  .draft-slots,.player-attributes {
    grid-template-columns:repeat(4,1fr)
  }
}

@media(max-width:620px) {
  #home.hero h1 {
    font-size:50px
  }
  .hero-stats {
    grid-template-columns:1fr!important;
    gap:15px!important
  }
  .hero-stats div {
    padding:0!important;
    border:0!important
  }
  .hero-visual {
    min-height:500px!important
  }
  .locker-board {
    width:94%!important;
    min-height:500px!important
  }
  .career-route {
    grid-template-columns:1fr!important;
    gap:8px
  }
  .route-line {
    display:none
  }
  .scout-strip {
    grid-template-columns:1fr repeat(4,auto)!important
  }
  .scout-strip b:nth-of-type(n+3),.scout-strip strong:nth-of-type(n+3) {
    display:none
  }
  .floating-chip {
    display:none!important
  }
  .draft-actions {
    grid-template-columns:1fr
  }
  .legend-attributes {
    grid-template-columns:repeat(2,1fr)
  }
  .draft-slots,.player-attributes {
    grid-template-columns:repeat(2,1fr)
  }
}

/* V7.2: atributo principal da posição */
.draft-attribute-choice.role-primary,.player-attribute.role-primary {
  box-shadow:0 0 0 1px var(--green) inset;
  border-color:var(--green)!important
}

.draft-attribute-choice.role-primary small,.player-attribute.role-primary small {
  color:var(--green)
}

/* ===== V7.5: carreira mais leve visualmente ===== */
.dashboard-grid {
  grid-template-columns:1.15fr .95fr .95fr;
  grid-template-areas:
  "profile next next"
  "profile attrs attrs"
  "season comps national"
  "news news news";
  align-items:start;
}

.profile-card {
  grid-area:profile
}

.next-match {
  grid-area:next
}

.player-attributes-card {
  grid-area:attrs
}

.season-card {
  grid-area:season
}

.competitions-card {
  grid-area:comps
}

.national-card {
  grid-area:national
}

.news-card {
  grid-area:news
}

.dashboard-grid .panel {
  padding:18px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 92%,#111),color-mix(in srgb,var(--panel2) 68%,#05090d));
  box-shadow:0 12px 28px rgba(0,0,0,.16);
}

.profile-card .muted:first-child,.next-match .muted:first-child {
  letter-spacing:.12em;
  text-transform:uppercase
}

.section-title h3 {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:16px;
  margin:0
}

.player-attributes-card .section-title h3::before {
  content:"🧬"
}

.competitions-card .section-title h3::before {
  content:"🏁"
}

.national-card .section-title h3::before {
  content:"🌍"
}

.news-card .section-title h3::before {
  content:"📰"
}

.profile-card {
  row-gap:14px
}

.rating-stack {
  display:flex;
  gap:10px;
  align-items:stretch
}

.overall,.potential {
  min-width:74px;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:12px;
  background:color-mix(in srgb,var(--panel) 78%,#000)
}

.overall strong,.potential strong {
  font-family:var(--btl-display-font);
  line-height:1
}

.value-line,.club-line {
  background:color-mix(in srgb,var(--panel) 70%,#05090d)
}

.player-attributes {
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:8px
}

.player-attribute {
  padding:11px 10px 12px;
  gap:5px;
  border-radius:12px;
  background:color-mix(in srgb,var(--panel) 72%,#020406)
}

.player-attribute span {
  display:flex;
  align-items:center;
  gap:6px
}

.player-attribute span em {
  font-style:normal;
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:color-mix(in srgb,var(--green) 18%,transparent);
  font-size:11px
}

.player-attribute strong {
  font-family:var(--btl-display-font);
  font-size:21px;
  line-height:1
}

.player-attribute small {
  font-size:9px;
  line-height:1.4
}

.competition-list {
  display:grid;
  grid-template-columns:1fr;
  gap:8px
}

.competition-item {
  padding:12px 13px;
  border-radius:10px
}

.competition-item strong,.competition-item small {
  display:block
}

.competition-item small {
  margin-top:4px;
  color:var(--muted);
  line-height:1.35
}

.news-item {
  display:grid;
  grid-template-columns:18px 1fr;
  gap:10px;
  align-items:start
}

.news-item .news-icon {
  color:var(--green);
  font-size:14px;
  line-height:1.2;
  margin-top:1px
}

.news-item small {
  display:block;
  margin-top:4px
}

.next-match .versus {
  padding:18px 0 14px
}

.next-match .primary {
  margin-top:8px
}

.market-tier strong {
  display:block;
  margin-bottom:6px
}

.market-tier p {
  margin:0;
  color:var(--muted)
}

/* ===== V7.5: decisões de jogo visuais ===== */
.decision-card {
  max-width:760px
}

.decision-visual {
  margin-top:18px
}

.decision-visual-label {
  margin-bottom:10px;
  font-size:12px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.12em
}

.decision-visual .visual-stage {
  position:relative;
  overflow:hidden;
  border-radius:18px;
  border:1px solid var(--border);
  background:linear-gradient(180deg,#11311f 0,#0f4424 30%,#0c3a1c 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)
}

.decision-visual .visual-stage::before,.decision-visual .visual-stage::after {
  content:"";
  position:absolute;
  pointer-events:none
}

.goal-mouth .visual-stage {
  height:290px
}

.goal-mouth .visual-stage::before {
  left:12%;
  right:12%;
  top:22px;
  height:120px;
  border:6px solid rgba(238,243,245,.92);
  border-bottom:0;
  border-radius:10px 10px 0 0;
  box-shadow:0 16px 0 -10px rgba(255,255,255,.1)
}

.goal-mouth .visual-stage::after {
  left:0;
  right:0;
  bottom:40px;
  height:2px;
  background:rgba(255,255,255,.22)
}

.goal-mouth .visual-choice {
  position:absolute;
  top:36px;
  width:26%;
  min-height:104px
}

.goal-mouth .slot-left {
  left:9%
}

.goal-mouth .slot-center {
  left:37%
}

.goal-mouth .slot-right {
  right:9%
}

.goal-mouth .visual-choice:nth-child(4) {
  top:auto;
  bottom:26px;
  left:50%;
  transform:translateX(-50%);
  width:min(260px,72%);
  min-height:86px
}

.goalkeeper-board .visual-stage,.defense-board .visual-stage,.build-board .visual-stage {
  height:250px;
  background:linear-gradient(180deg,#123824 0,#0d4b28 36%,#0d3c21 100%)
}

.goalkeeper-board .visual-stage::before,.defense-board .visual-stage::before,.build-board .visual-stage::before {
  inset:18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px
}

.goalkeeper-board .visual-stage::after {
  left:28%;
  right:28%;
  top:18px;
  height:58px;
  border:4px solid rgba(238,243,245,.9);
  border-bottom:0;
  border-radius:8px 8px 0 0
}

.defense-board .visual-stage::after {
  left:50%;
  top:18px;
  bottom:18px;
  width:1px;
  background:rgba(255,255,255,.12)
}

.build-board .visual-stage::after {
  left:12%;
  right:12%;
  top:50%;
  height:1px;
  background:rgba(255,255,255,.12)
}

.goalkeeper-board .visual-choice,.defense-board .visual-choice,.build-board .visual-choice {
  position:absolute;
  width:28%;
  min-height:94px
}

.goalkeeper-board .lane-left,.defense-board .lane-left,.build-board .build-left {
  left:7%;
  top:50%;
  transform:translateY(-50%)
}

.goalkeeper-board .lane-center,.defense-board .lane-center,.build-board .build-center {
  left:36%;
  top:18px
}

.goalkeeper-board .lane-right,.defense-board .lane-right,.build-board .build-right {
  right:7%;
  top:50%;
  transform:translateY(-50%)
}

.defense-board .lane-center {
  top:auto;
  bottom:18px
}

.build-board .build-center {
  top:auto;
  left:50%;
  bottom:18px;
  transform:translateX(-50%)
}

.visual-choice {
  display:grid;
  align-content:start;
  gap:4px;
  text-align:left;
  padding:12px;
  border-radius:14px;
  border:1px solid color-mix(in srgb,var(--green) 22%,var(--border));
  background:rgba(7,16,22,.86);
  color:#fff;
  backdrop-filter:blur(6px)
}

.visual-choice:hover {
  border-color:var(--green);
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(0,0,0,.22)
}

.goalkeeper-board .lane-left:hover,.goalkeeper-board .lane-right:hover,.defense-board .lane-left:hover,.defense-board .lane-right:hover,.build-board .build-left:hover,.build-board .build-right:hover {
  transform:translateY(-50%) translateY(-2px)
}

.goalkeeper-board .lane-center:hover,.defense-board .lane-center:hover {
  transform:translateY(-2px)
}

.build-board .build-center:hover {
  transform:translateX(-50%) translateY(-2px)
}

.visual-choice span {
  font-size:18px;
  line-height:1
}

.visual-choice strong {
  font-size:13px
}

.visual-choice small {
  font-size:10px;
  color:#b8c5cb;
  line-height:1.35
}

@media(max-width:1100px) {
  .dashboard-grid {
    grid-template-columns:1fr 1fr;
    grid-template-areas:
    "profile next"
    "attrs attrs"
    "season comps"
    "national news";
  }
  .player-attributes {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
}

@media(max-width:860px) {
  .dashboard-grid {
    grid-template-columns:1fr;
    grid-template-areas:none
  }
  .profile-card,.next-match,.player-attributes-card,.season-card,.competitions-card,.national-card,.news-card {
    grid-area:auto
  }
}

@media(max-width:620px) {
  .player-attributes {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .goal-mouth .visual-stage,.goalkeeper-board .visual-stage,.defense-board .visual-stage,.build-board .visual-stage {
    height:auto;
    display:grid;
    gap:10px;
    padding:18px
  }
  .goal-mouth .visual-stage::before,.goal-mouth .visual-stage::after,.goalkeeper-board .visual-stage::before,.goalkeeper-board .visual-stage::after,.defense-board .visual-stage::before,.defense-board .visual-stage::after,.build-board .visual-stage::before,.build-board .visual-stage::after {
    display:none
  }
  .goal-mouth .visual-choice,.goalkeeper-board .visual-choice,.defense-board .visual-choice,.build-board .visual-choice {
    position:static;
    width:auto;
    transform:none!important;
    min-height:unset
  }
}

/* ===== V7.6: branding e home mais futebol ===== */
.logo {
  font-size:22px;
  letter-spacing:.01em
}

.hero-football-icons {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:22px 0 8px
}

.hero-football-icons span {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(5,12,16,.52);
  color:#dbe6ea;
  font-size:12px;
  font-weight:700;
  box-shadow:0 8px 22px rgba(0,0,0,.16)
}

.hero-football-icons span:first-child {
  border-color:rgba(241,199,91,.34);
  color:#f2d87d
}

#home .floating-chip span {
  display:grid;
  place-items:center
}

#home .chip-two {
  right:-18px;
  bottom:16%
}

#home .chip-two span {
  font-size:24px
}

/* ===== V7.6: cenários variados para decisões ===== */
.chance-board .visual-stage {
  height:270px;
  background:linear-gradient(180deg,#103520 0,#0f4a29 42%,#0d3e22 100%)
}

.chance-board .visual-stage::before {
  left:18px;
  right:18px;
  top:18px;
  bottom:18px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:16px
}

.chance-board .visual-stage::after {
  left:50%;
  top:18px;
  bottom:18px;
  width:1px;
  background:rgba(255,255,255,.12)
}

.chance-board .visual-choice {
  position:absolute;
  width:30%;
  min-height:96px
}

.chance-board .chance-left {
  left:6%;
  bottom:18px
}

.chance-board .chance-center {
  left:50%;
  top:18px;
  transform:translateX(-50%)
}

.chance-board .chance-right {
  right:6%;
  bottom:18px
}

.chance-board .chance-center:hover {
  transform:translateX(-50%) translateY(-2px)
}

@media(max-width:620px) {
  .hero-football-icons {
    gap:8px
  }
  .hero-football-icons span {
    font-size:11px;
    padding:8px 10px
  }
  .chance-board .visual-stage::before,.chance-board .visual-stage::after {
    display:none
  }
  .chance-board .visual-choice {
    position:static;
    width:auto;
    transform:none!important;
    min-height:unset
  }
}

/* ===== V7.7: identidade de troféus, seleção e fim de carreira ===== */
.competition-item {
  display:grid;
  grid-template-columns:42px 1fr;
  align-items:center;
  gap:10px
}

.competition-item .honour-art {
  width:38px;
  height:38px
}

.honour-row {
  display:grid!important;
  grid-template-columns:52px 1fr auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 12px!important
}

.honour-row>span:nth-child(2) {
  display:grid;
  gap:2px;
  min-width:0
}

.honour-row>span:nth-child(2) b {
  font-size:12px;
  color:var(--text);
  white-space:normal
}

.honour-row>span:nth-child(2) small {
  font-size:9px;
  color:var(--muted)
}

.honour-row>strong {
  font-size:13px;
  color:var(--green)
}

.honour-art {
  width:48px;
  height:48px;
  border-radius:12px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.02);
  display:grid;
  place-items:center;
  overflow:hidden;
  position:relative;
  flex:0 0 auto
}

.honour-art img {
  width:100%;
  height:100%;
  object-fit:contain;
  padding:2px;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.22));
  mix-blend-mode:normal
}

.honour-art b {
  display:none;
  place-items:center;
  width:100%;
  height:100%;
  font-size:10px;
  letter-spacing:.04em;
  color:var(--green);
  text-align:center;
  padding:4px
}

.honour-art.fallback b {
  display:grid
}

.celebration-icon img {
  width:90px;
  height:90px;
  object-fit:contain;
  border-radius:14px;
  filter:drop-shadow(0 14px 20px rgba(0,0,0,.28))
}

.national-role-line {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:12px 0 10px;
  padding:10px 12px;
  border-radius:9px;
  border:1px solid var(--border);
  background:color-mix(in srgb,var(--panel) 75%,#000);
  font-size:11px
}

.national-role-line span {
  color:var(--muted)
}

.national-role-line strong {
  color:var(--green)
}

.national-card #national-action {
  margin-top:4px
}

.national-modal-card {
  max-width:620px
}

.legacy-club-panel {
  margin:16px 0 18px;
  border-color:color-mix(in srgb,var(--green) 34%,var(--border));
  background:linear-gradient(145deg,color-mix(in srgb,var(--green) 6%,var(--panel2)),var(--panel))
}

.legacy-club-panel>p {
  color:var(--muted);
  line-height:1.55;
  margin:8px 0 16px
}

.legacy-club-controls {
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px
}

.legacy-club-controls select {
  min-width:0;
  background:#09131a;
  color:#fff;
  border:1px solid var(--border);
  padding:12px 13px;
  border-radius:9px;
  outline:none
}

.legacy-club-controls select:focus {
  border-color:var(--green)
}

.market-tier small {
  display:block;
  margin-top:9px;
  color:var(--muted)
}

.career-legacy-card {
  width:min(860px,100%);
  max-height:92vh;
  overflow:auto;
  background:radial-gradient(circle at 75% 10%,color-mix(in srgb,var(--green) 12%,transparent),transparent 32%),linear-gradient(150deg,var(--panel2),var(--panel));
  border-color:color-mix(in srgb,var(--green) 42%,var(--border))
}

.legacy-card-head {
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:start
}

.legacy-card-head h2 {
  font-family:var(--btl-display-font);
  font-size:36px;
  margin:6px 0
}

.legacy-card-head p {
  margin:0;
  color:var(--muted)
}

.legacy-rank-badge {
  min-width:120px;
  border:1px solid color-mix(in srgb,var(--green) 35%,var(--border));
  border-radius:16px;
  padding:13px;
  text-align:center;
  background:color-mix(in srgb,var(--green) 6%,var(--panel))
}

.legacy-rank-badge small {
  display:block;
  font-size:8px;
  letter-spacing:.1em;
  color:var(--muted)
}

.legacy-rank-badge strong {
  display:block;
  font-family:var(--btl-display-font);
  font-size:34px;
  color:var(--green);
  margin-top:4px
}

.legacy-card-hero {
  display:grid;
  grid-template-columns:190px 1fr;
  gap:22px;
  align-items:center;
  margin:24px 0
}

.legacy-shirt {
  height:190px;
  clip-path:polygon(20% 7%,38% 0,50% 9%,62% 0,80% 7%,100% 25%,84% 45%,76% 38%,77% 100%,23% 100%,24% 38%,16% 45%,0 25%);
  background:linear-gradient(145deg,var(--green),color-mix(in srgb,var(--green) 58%,var(--club-secondary)));
  display:grid;
  place-items:center;
  align-content:center;
  color:var(--button-text);
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.26))
}

.legacy-shirt span {
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em
}

.legacy-shirt strong {
  font-family:var(--btl-display-font);
  font-size:68px;
  line-height:.9
}

.legacy-card-mainstats {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px
}

.legacy-card-mainstats>div,.legacy-card-stats>div {
  border:1px solid var(--border);
  border-radius:12px;
  padding:14px;
  background:color-mix(in srgb,var(--panel) 74%,#000)
}

.legacy-card-mainstats small,.legacy-card-stats small {
  display:block;
  color:var(--muted);
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em
}

.legacy-card-mainstats strong {
  display:block;
  font-size:28px;
  margin-top:4px
}

.legacy-card-stats {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px
}

.legacy-card-stats strong {
  display:block;
  font-size:25px;
  color:var(--green);
  margin-bottom:3px
}

.legacy-honours-preview {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin-top:18px
}

.legacy-honours-preview>div {
  display:grid;
  grid-template-columns:46px 1fr;
  gap:9px;
  align-items:center;
  border:1px solid var(--border);
  border-radius:11px;
  padding:9px;
  background:color-mix(in srgb,var(--panel) 75%,#000)
}

.legacy-honours-preview .honour-art {
  width:42px;
  height:42px
}

.legacy-honours-preview span {
  display:grid;
  gap:2px;
  min-width:0
}

.legacy-honours-preview strong {
  font-size:10px;
  line-height:1.25
}

.legacy-honours-preview small {
  font-size:9px;
  color:var(--muted)
}

.legacy-rank-note {
  font-size:9px!important;
  color:var(--muted)!important;
  margin-top:16px!important
}

@media(max-width:720px) {
  .legacy-club-controls {
    grid-template-columns:1fr
  }
  .legacy-card-head {
    grid-template-columns:1fr
  }
  .legacy-rank-badge {
    justify-self:start
  }
  .legacy-card-hero {
    grid-template-columns:1fr
  }
  .legacy-shirt {
    width:180px;
    justify-self:center
  }
  .legacy-card-stats {
    grid-template-columns:repeat(2,1fr)
  }
  .legacy-honours-preview {
    grid-template-columns:1fr
  }
}

.summary-status.with-art {
  display:grid;
  grid-template-columns:44px 1fr auto;
  align-items:center
}

.summary-status.with-art .honour-art {
  width:40px;
  height:40px
}

.summary-status.with-art strong {
  font-size:11px
}

.summary-status.with-art span {
  font-size:11px
}

@media(max-width:620px) {
  .summary-status.with-art {
    grid-template-columns:40px 1fr
  }
  .summary-status.with-art span {
    grid-column:2;
    text-align:left
  }
}

/* ===== V7.8: legacy card expanded ===== */
.legacy-card-mainstats {
  grid-template-columns:repeat(3,1fr)
}

.legacy-major-wrap,.legacy-clubs-wrap {
  margin-top:18px
}

.legacy-major-wrap h3,.legacy-clubs-wrap h3 {
  margin:0 0 10px;
  font-size:13px;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#dce7eb
}

.legacy-major-titles {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px
}

.legacy-major-item {
  display:grid;
  grid-template-columns:46px 1fr;
  gap:10px;
  align-items:center;
  border:1px solid var(--border);
  border-radius:12px;
  padding:10px;
  background:color-mix(in srgb,var(--panel) 75%,#000)
}

.legacy-major-item strong {
  display:block;
  font-size:22px;
  color:var(--green);
  line-height:1
}

.legacy-major-item small {
  font-size:10px;
  color:var(--muted)
}

.legacy-clubs-list {
  display:flex;
  flex-wrap:wrap;
  gap:10px
}

.legacy-club-chip {
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border:1px solid var(--border);
  border-radius:999px;
  background:color-mix(in srgb,var(--panel) 75%,#000)
}

.legacy-club-chip b {
  font-size:11px;
  font-weight:700
}

@media(max-width:760px) {
  .legacy-card-mainstats {
    grid-template-columns:repeat(2,1fr)
  }
  .legacy-major-titles {
    grid-template-columns:repeat(2,1fr)
  }
}

@media(max-width:520px) {
  .legacy-major-titles {
    grid-template-columns:1fr
  }
}

/* ===== V7.9: imagens resilientes e ranking histórico ===== */
.celebration-icon {
  min-height:96px;
  display:grid;
  place-items:center;
  line-height:1
}

.celebration-icon img {
  display:block;
  max-width:110px;
  max-height:110px;
  width:auto;
  height:auto;
  object-fit:contain;
  background:transparent!important;
  border-radius:0!important
}

.honour-art {
  background:transparent!important;
  border-color:color-mix(in srgb,var(--border) 75%,transparent)
}

.honour-art img {
  background:transparent!important;
  max-width:100%;
  max-height:100%;
  object-fit:contain
}

.legacy-club-chip .crest-shell.small {
  position:static;
  left:auto;
  top:auto;
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:9px
}

.legacy-rank-explain {
  margin-top:16px;
  padding:13px 14px;
  border:1px solid color-mix(in srgb,var(--green) 30%,var(--border));
  border-radius:12px;
  background:color-mix(in srgb,var(--green) 5%,var(--panel))
}

.legacy-rank-explain strong {
  display:block;
  color:var(--green);
  font-size:12px;
  margin-bottom:5px
}

.legacy-rank-explain p {
  margin:0!important;
  color:var(--muted)!important;
  font-size:10px!important;
  line-height:1.55!important
}

/* V8.1 visual boost */
@keyframes btlRise {
  0% {
    opacity:0;
    transform:translateY(16px) scale(.985)
  }
  100% {
    opacity:1;
    transform:none
  }
}

@keyframes btlFloat {
  0%,100% {
    transform:translateY(0)
  }
  50% {
    transform:translateY(-5px)
  }
}

@keyframes btlGlow {
  0%,100% {
    box-shadow:0 0 0 rgba(66,232,141,0)
  }
  50% {
    box-shadow:0 0 24px rgba(66,232,141,.14)
  }
}

@keyframes btlSweep {
  0% {
    background-position:0% 50%
  }
  100% {
    background-position:100% 50%
  }
}

.panel,.offer,.legacy-major-item,.legacy-honours-preview>div,.legacy-club-chip,.summary-status,.mini-profile,.hero-card,.form-card,.story-card,.competition-item,.decision-card,.visual-choice {
  animation:btlRise .45s ease both
}

.panel:hover,.offer:hover,.legacy-major-item:hover,.legacy-club-chip:hover,.summary-status:hover,.visual-choice:hover {
  transform:translateY(-2px);
  transition:transform .2s ease, box-shadow .2s ease;
  box-shadow:0 12px 28px rgba(0,0,0,.18)
}

.hero .eyebrow,.hero h1,.hero p,.hero-actions,.hero-highlights li {
  animation:btlRise .5s ease both
}

.hero-football-icons>* {
  animation:btlFloat 4.5s ease-in-out infinite
}

.hero-football-icons>*:nth-child(2n) {
  animation-duration:5.5s
}

.hero-football-icons>*:nth-child(3n) {
  animation-duration:6.2s
}

.summary-status.with-art,.legacy-major-item,.offer .offer-main,.competition-item {
  background-image:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.06),rgba(255,255,255,.02));
  background-size:220% 220%;
  animation:btlRise .45s ease both,btlSweep 7s linear infinite
}

.honour-art,.celebration-icon img {
  animation:btlGlow 2.8s ease-in-out infinite
}

.visual-choice {
  position:relative;
  overflow:hidden
}

.visual-choice::after {
  content:"";
  position:absolute;
  inset:-120% auto auto -20%;
  width:38%;
  height:300%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);
  transform:rotate(24deg);
  animation:btlSweep 5s linear infinite
}

.summary-actions button,.offer-actions button,.top-actions button,#nav button {
  transition:transform .18s ease, box-shadow .18s ease
}

.summary-actions button:hover,.offer-actions button:hover,.top-actions button:hover,#nav button:hover {
  transform:translateY(-1px) scale(1.02)
}

.legacy-rank-note::before {
  content:"★ ";
  color:var(--green)
}

/* ===== V8.2 — interface mais visual ===== */
.draft-visual-rules {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:14px
}

.draft-visual-rules span {
  display:grid;
  place-items:center;
  gap:2px;
  padding:11px;
  border:1px solid var(--border);
  border-radius:12px;
  background:rgba(255,255,255,.025)
}

.draft-visual-rules b {
  font-size:22px;
  color:var(--green)
}

.draft-visual-rules small {
  font-size:9px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em
}

.profile-meta-chips {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:7px
}

.profile-meta-chips>span {
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:5px 8px;
  border-radius:999px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.025);
  font-size:10px
}

.profile-meta-chips small {
  color:var(--muted)
}

.match-context-chip {
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:5px 9px;
  border-radius:999px;
  background:color-mix(in srgb,var(--green) 10%,transparent);
  border:1px solid color-mix(in srgb,var(--green) 28%,var(--border));
  font-size:10px;
  color:#dce9e4;
  margin:3px 0 9px
}

.match-visual-meter {
  border:1px solid var(--border);
  border-radius:13px;
  padding:11px 12px;
  background:rgba(255,255,255,.02);
  margin:10px 0 13px
}

.match-meter-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  font-size:10px
}

.match-meter-head strong {
  font-size:12px
}

.match-meter-track {
  height:8px;
  border-radius:999px;
  background:#071016;
  overflow:hidden;
  margin:8px 0
}

.match-meter-track span {
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--green),var(--club-secondary));
  transition:width .5s cubic-bezier(.2,.8,.2,1)
}

.match-visual-meter small {
  font-size:9px;
  color:var(--muted);
  letter-spacing:.05em
}

.legend-key {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:9px
}

.legend-key span {
  padding:4px 7px;
  border-radius:999px;
  border:1px solid var(--border);
  font-size:8px;
  color:var(--muted);
  background:rgba(255,255,255,.018)
}

.national-trust-meter {
  height:22px;
  border-radius:999px;
  background:#071016;
  border:1px solid var(--border);
  position:relative;
  overflow:hidden;
  margin:10px 0
}

.national-trust-meter span {
  position:absolute;
  inset:0 auto 0 0;
  width:0;
  background:linear-gradient(90deg,color-mix(in srgb,var(--green) 60%,#1c3b2d),var(--green));
  transition:width .45s ease
}

.national-trust-meter b {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  font-size:9px;
  letter-spacing:.08em;
  color:#fff;
  text-shadow:0 1px 3px #000
}

.news-item.compact {
  min-height:48px;
  padding:9px 0
}

.news-item.compact strong {
  font-size:10px;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}

.news-item.compact .news-icon {
  width:28px;
  height:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid var(--border);
  background:rgba(255,255,255,.025);
  font-size:11px
}

.empty-visual,.empty-market {
  min-height:105px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:5px;
  text-align:center;
  border:1px dashed var(--border);
  border-radius:14px;
  color:var(--muted)
}

.empty-visual>span,.empty-market>span {
  font-size:28px;
  color:var(--green)
}

.empty-market strong {
  color:#e8eff1
}

.empty-market small {
  font-size:10px
}

.market-factors {
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:9px
}

.market-factors span,.legend-status-strip span {
  padding:6px 9px;
  border-radius:999px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.025);
  font-size:9px;
  font-weight:800;
  letter-spacing:.04em
}

.market-tier {
  padding:14px!important
}

.market-tier-visual {
  display:grid;
  grid-template-columns:42px 1fr auto;
  gap:10px;
  align-items:center
}

.market-tier-icon {
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--green) 35%,var(--border));
  background:color-mix(in srgb,var(--green) 7%,var(--panel2));
  font-size:21px;
  color:var(--green)
}

.market-tier-visual small {
  display:block;
  font-size:8px;
  color:var(--muted);
  letter-spacing:.09em
}

.market-tier-visual strong {
  display:block;
  font-size:15px
}

.market-ger {
  text-align:center;
  min-width:48px
}

.market-ger b {
  display:block;
  font-size:22px;
  color:var(--green)
}

.market-tier-track {
  height:7px;
  background:#071016;
  border-radius:999px;
  overflow:hidden;
  margin:11px 0 8px
}

.market-tier-track span {
  display:block;
  height:100%;
  background:linear-gradient(90deg,var(--green),var(--club-secondary));
  border-radius:inherit
}

.market-tier-chips {
  display:flex;
  gap:6px;
  flex-wrap:wrap
}

.market-tier-chips span {
  font-size:8px;
  padding:4px 7px;
  border-radius:999px;
  border:1px solid var(--border);
  color:var(--muted)
}

.compact-offer {
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:center;
  padding:13px!important
}

.compact-offer .offer-main {
  display:grid;
  grid-template-columns:52px 1fr;
  align-items:center;
  gap:10px
}

.compact-offer h3 {
  margin:2px 0 6px
}

.compact-offer small {
  font-size:8px;
  color:var(--muted)
}

.offer-metrics {
  display:flex;
  gap:6px;
  flex-wrap:wrap
}

.offer-metrics span {
  font-size:9px;
  font-weight:800;
  padding:4px 7px;
  border-radius:999px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.025)
}

.compact-offer .offer-actions {
  display:flex;
  gap:6px
}

.compact-offer .offer-actions button {
  min-width:auto;
  padding:9px 11px
}

.compact-offer .danger {
  width:36px
}

.legend-status-strip {
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin:8px 0 14px
}

.competitions-card .competition-item {
  grid-template-columns:50px 1fr
}

.competitions-card .honour-art {
  width:46px!important;
  height:46px!important
}

.honour-art img {
  padding:0!important;
  border-radius:9px
}

.honour-art {
  border:0!important;
  background:transparent!important
}

.honour-art b {
  display:none!important
}

.celebration-icon img {
  width:128px!important;
  height:128px!important;
  max-width:128px!important;
  max-height:128px!important;
  border-radius:18px!important;
  box-shadow:0 18px 45px rgba(0,0,0,.28)
}

@media(max-width:680px) {
  .draft-visual-rules {
    grid-template-columns:repeat(3,1fr)
  }
  .profile-meta-chips {
    gap:4px
  }
  .compact-offer {
    grid-template-columns:1fr
  }
  .compact-offer .offer-actions {
    justify-content:flex-end
  }
  .market-tier-visual {
    grid-template-columns:40px 1fr auto
  }
  .celebration-icon img {
    width:110px!important;
    height:110px!important
  }
}

.visual-event-choice {
  display:grid!important;
  grid-template-columns:38px 1fr!important;
  grid-template-rows:auto auto!important;
  gap:2px 10px!important;
  align-items:center!important;
  text-align:left!important
}

.visual-event-choice>span {
  grid-row:1/3;
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:color-mix(in srgb,var(--green) 10%,var(--panel2));
  border:1px solid color-mix(in srgb,var(--green) 30%,var(--border));
  color:var(--green);
  font-size:16px;
  font-weight:900
}

.visual-event-choice strong {
  font-size:11px
}

.visual-event-choice small {
  font-size:9px;
  color:var(--muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

/* V8.3 trophy fidelity boost */
.honour-art {
  width:56px!important;
  height:56px!important
}

.legacy-honours-preview .honour-art {
  width:50px!important;
  height:50px!important
}

.summary-status.with-art .honour-art {
  width:46px!important;
  height:46px!important
}

.celebration-icon img {
  width:144px!important;
  height:144px!important;
  max-width:144px!important;
  max-height:144px!important
}

.honour-art img {
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.26))
}

/* ===== V8.5: premiações especiais + resumo visual ===== */
.summary-honours-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
  margin:8px 0 18px
}

.summary-honour {
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid var(--border);
  background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 88%,#000),color-mix(in srgb,var(--panel2) 86%,#000));
  animation:btlRise .38s ease both
}

.summary-honour .honour-art {
  width:54px!important;
  height:54px!important;
  flex:0 0 auto
}

.summary-honour span {
  display:grid;
  gap:2px;
  min-width:0
}

.summary-honour strong {
  font-size:11px;
  line-height:1.25
}

.summary-honour small {
  font-size:9px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em
}

.season-honours-showcase {
  width:min(760px,92vw)!important;
  max-width:none!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
  font-size:initial!important;
  animation:none!important;
  margin:8px auto 18px
}

.season-honour-tile {
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
  padding:10px;
  border:1px solid color-mix(in srgb,var(--green) 30%,var(--border));
  border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015));
  animation:btlRise .45s ease both
}

.season-honour-tile .honour-art {
  width:56px!important;
  height:56px!important;
  flex:0 0 auto
}

.season-honour-tile span {
  display:grid;
  gap:2px
}

.season-honour-tile strong {
  font-size:11px;
  line-height:1.2
}

.season-honour-tile small {
  font-size:9px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em
}

.award-ceremony {
  position:fixed;
  inset:0;
  z-index:170;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 50% 15%,rgba(236,194,74,.18),rgba(1,5,8,.95) 58%);
  padding:18px;
  overflow:hidden
}

.award-ceremony-stage {
  position:relative;
  width:min(760px,96vw);
  min-height:570px;
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(180deg,#111927 0%,#091016 54%,#05080b 100%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 36px 100px rgba(0,0,0,.55);
  display:grid;
  place-items:center;
  isolation:isolate
}

.award-ceremony-stage::after {
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:0;
  height:22%;
  background:radial-gradient(ellipse at 50% 100%,rgba(255,255,255,.13),transparent 68%);
  z-index:-1
}

.award-curtain {
  position:absolute;
  top:0;
  bottom:0;
  width:52%;
  z-index:8;
  background:linear-gradient(90deg,#180b0e,#471621 45%,#260c12);
  box-shadow:inset -18px 0 30px rgba(0,0,0,.34);
  animation:awardCurtainOpen 1.15s cubic-bezier(.72,0,.2,1) .25s forwards
}

.award-curtain-left {
  left:0;
  transform-origin:left
}

.award-curtain-right {
  right:0;
  transform-origin:right;
  animation-name:awardCurtainOpenRight;
  background:linear-gradient(-90deg,#180b0e,#471621 45%,#260c12);
  box-shadow:inset 18px 0 30px rgba(0,0,0,.34)
}

.award-spotlight {
  position:absolute;
  top:-24%;
  width:36%;
  height:120%;
  filter:blur(3px);
  opacity:.26;
  z-index:-1;
  clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);
  background:linear-gradient(rgba(255,239,178,.85),rgba(255,239,178,0));
  transform-origin:top center;
  animation:awardSpotlight 4.4s ease-in-out infinite
}

.award-spotlight-a {
  left:10%;
  transform:rotate(13deg)
}

.award-spotlight-b {
  right:10%;
  transform:rotate(-13deg);
  animation-delay:-2.2s
}

.award-announcement {
  width:min(620px,90%);
  display:grid;
  place-items:center;
  text-align:center;
  gap:8px;
  z-index:4;
  padding:54px 28px 32px;
  animation:awardStageRise .7s ease 1.05s both
}

.award-and-the-winner {
  margin:4px 0 8px;
  font-size:clamp(16px,3vw,26px);
  font-weight:800;
  letter-spacing:.15em;
  color:#eef3f5;
  animation:awardTextPulse 1.2s ease 1.7s both
}

.award-envelope {
  position:relative;
  width:94px;
  height:62px;
  border-radius:8px;
  background:#e9e1cd;
  box-shadow:0 12px 30px rgba(0,0,0,.30);
  margin:4px 0 10px;
  animation:awardEnvelope 1.1s cubic-bezier(.2,.9,.2,1.1) 1.4s both
}

.award-envelope::before,.award-envelope::after {
  content:"";
  position:absolute;
  inset:0
}

.award-envelope::before {
  clip-path:polygon(0 0,50% 55%,100% 0);
  background:#fff9e8
}

.award-envelope::after {
  clip-path:polygon(0 100%,50% 45%,100% 100%);
  background:#d9cfb9
}

.award-envelope span {
  position:absolute;
  left:50%;
  top:43%;
  width:20px;
  height:20px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:#b72f3e;
  z-index:2
}

.award-ceremony-trophy {
  min-height:138px;
  display:grid;
  place-items:center;
  animation:awardTrophyRise .8s cubic-bezier(.2,.9,.2,1.2) 2s both
}

.award-ceremony-trophy .honour-art {
  width:128px!important;
  height:128px!important
}

.award-ceremony-trophy .honour-art img {
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.42))
}

.award-ceremony-stage h2 {
  font-size:clamp(26px,5vw,44px);
  margin:4px 0 2px;
  line-height:1.05;
  animation:awardWinnerReveal .75s ease 2.25s both
}

.award-ceremony-stage #award-ceremony-copy {
  max-width:520px;
  color:#c7d0d4;
  margin:4px 0 16px;
  animation:awardWinnerReveal .75s ease 2.45s both
}

.award-ceremony-stage #award-ceremony-continue {
  animation:awardWinnerReveal .75s ease 2.65s both
}

.award-presenter {
  position:absolute;
  left:6%;
  bottom:8%;
  width:92px;
  height:180px;
  z-index:3;
  opacity:.76;
  animation:presenterEnter .75s ease 1.05s both
}

.presenter-head {
  position:absolute;
  left:31px;
  top:0;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#10151b;
  border:2px solid rgba(255,255,255,.22)
}

.presenter-body {
  position:absolute;
  left:17px;
  top:34px;
  width:58px;
  height:112px;
  border-radius:28px 28px 12px 12px;
  background:linear-gradient(#171f28,#080b0f);
  border:1px solid rgba(255,255,255,.10)
}

.presenter-mic {
  position:absolute;
  right:0;
  top:50px;
  width:34px;
  height:6px;
  border-radius:8px;
  background:#bdc9cf;
  transform:rotate(-18deg)
}

.award-flashes i {
  position:absolute;
  width:9px;
  height:9px;
  border-radius:50%;
  background:white;
  box-shadow:0 0 24px 9px rgba(255,255,255,.65);
  opacity:0;
  animation:cameraFlash 3.8s steps(1,end) infinite
}

.award-flashes i:nth-child(1) {
  left:10%;
  bottom:16%;
  animation-delay:2.2s
}

.award-flashes i:nth-child(2) {
  left:24%;
  bottom:9%;
  animation-delay:3.1s
}

.award-flashes i:nth-child(3) {
  right:12%;
  bottom:18%;
  animation-delay:2.6s
}

.award-flashes i:nth-child(4) {
  right:29%;
  bottom:8%;
  animation-delay:3.7s
}

.award-flashes i:nth-child(5) {
  left:49%;
  bottom:5%;
  animation-delay:4.3s
}

.award-ceremony-stage.ballon-dor {
  --award:#f4d36b;
  background:radial-gradient(circle at 50% 36%,rgba(244,211,107,.14),transparent 33%),linear-gradient(180deg,#17140c,#0c0b08 58%,#060606)
}

.award-ceremony-stage.ballon-dor .eyebrow,.award-ceremony-stage.ballon-dor h2 {
  color:#f4d36b
}

.award-ceremony-stage.ballon-dor .award-ceremony-trophy {
  filter:drop-shadow(0 0 28px rgba(244,211,107,.20))
}

.award-ceremony-stage.golden-shoe {
  --award:#e7b85d;
  background:radial-gradient(circle at 50% 36%,rgba(231,184,93,.13),transparent 33%),linear-gradient(180deg,#18120b,#0d0906 58%,#050403)
}

.award-ceremony-stage.golden-shoe .eyebrow,.award-ceremony-stage.golden-shoe h2 {
  color:#e7b85d
}

@keyframes awardCurtainOpen {
  to {
    transform:translateX(-102%) skewX(-4deg)
  }
}

@keyframes awardCurtainOpenRight {
  to {
    transform:translateX(102%) skewX(4deg)
  }
}

@keyframes awardStageRise {
  from {
    opacity:0;
    transform:translateY(18px)
  }
  to {
    opacity:1;
    transform:none
  }
}

@keyframes awardEnvelope {
  0% {
    opacity:0;
    transform:translateY(24px) scale(.72) rotate(-4deg)
  }
  65% {
    opacity:1;
    transform:translateY(0) scale(1.06) rotate(1deg)
  }
  100% {
    opacity:1;
    transform:scale(1)
  }
}

@keyframes awardTrophyRise {
  from {
    opacity:0;
    transform:translateY(36px) scale(.72)
  }
  to {
    opacity:1;
    transform:none
  }
}

@keyframes awardWinnerReveal {
  from {
    opacity:0;
    transform:translateY(13px)
  }
  to {
    opacity:1;
    transform:none
  }
}

@keyframes awardTextPulse {
  0% {
    opacity:0;
    letter-spacing:.04em
  }
  100% {
    opacity:1;
    letter-spacing:.15em
  }
}

@keyframes presenterEnter {
  from {
    opacity:0;
    transform:translateX(-34px)
  }
  to {
    opacity:.76;
    transform:none
  }
}

@keyframes awardSpotlight {
  0%,100% {
    transform:rotate(12deg)
  }
  50% {
    transform:rotate(-12deg)
  }
}

@keyframes cameraFlash {
  0%,86%,100% {
    opacity:0
  }
  87% {
    opacity:1
  }
  88% {
    opacity:0
  }
}

@media(max-width:680px) {
  .award-ceremony-stage {
    min-height:520px
  }
  .award-presenter {
    display:none
  }
  .award-announcement {
    padding:42px 18px 26px
  }
  .award-ceremony-trophy .honour-art {
    width:110px!important;
    height:110px!important
  }
  .season-honours-showcase {
    grid-template-columns:1fr 1fr
  }
  .summary-honours-grid {
    grid-template-columns:1fr 1fr
  }
}

@media(max-width:460px) {
  .season-honours-showcase,.summary-honours-grid {
    grid-template-columns:1fr
  }
  .award-and-the-winner {
    letter-spacing:.08em
  }
}

/* ===== V8.5.1 — ajustes finos de espaçamento e centralização de troféus ===== */
.celebration-card {
  width:min(760px,96vw);
  padding:40px 34px 32px;
  display:grid;
  gap:16px;
  justify-items:center;
}

.celebration-card h2 {
  margin:0;
  line-height:1.06;
  max-width:640px;
}

.celebration-card .eyebrow {
  margin:0
}

.celebration-card p:not(.eyebrow) {
  margin:0;
  max-width:620px;
  line-height:1.45
}

.celebration-icon {
  min-height:auto;
  padding:2px 0 2px
}

.season-honours-showcase {
  width:min(660px,100%)!important;
  display:flex!important;
  flex-wrap:wrap;
  justify-content:center;
  align-items:stretch;
  gap:14px;
  margin:10px auto 20px;
}

.season-honour-tile {
  flex:1 1 240px;
  max-width:290px;
  min-width:min(240px,100%);
  min-height:92px;
  padding:14px 16px;
  gap:14px;
  align-items:center;
}

.season-honour-tile span {
  min-width:0;
  align-content:center
}

.season-honour-tile strong {
  font-size:12px;
  line-height:1.25
}

.season-honour-tile small {
  font-size:10px
}

.summary-honours-grid {
  gap:14px;
  margin:12px 0 22px
}

.summary-honour {
  min-height:86px;
  padding:14px 16px;
  gap:14px;
}

.summary-honour strong {
  font-size:12px;
  line-height:1.25
}

.summary-honour small {
  font-size:10px
}

.competitions-card .competition-item,
.summary-status.with-art,
.summary-honour,
.season-honour-tile,
.honour-row,
.legacy-major-item,
.legacy-honours-preview>div {
  column-gap:14px;
}

.competition-item {
  padding:14px 16px;
  gap:14px;
}

.competition-item>div {
  display:grid;
  gap:4px;
  min-width:0
}

.competition-item strong {
  font-size:12px;
  line-height:1.2
}

.competition-item small {
  line-height:1.45
}

.honour-art,
.summary-honour .honour-art,
.season-honour-tile .honour-art,
.summary-status.with-art .honour-art,
.competition-item .honour-art,
.award-ceremony-trophy .honour-art,
.celebration-icon img {
  display:grid;
  place-items:center;
}

.honour-art {
  overflow:hidden;
  padding:6px;
}

.honour-art img,
.summary-honour .honour-art img,
.season-honour-tile .honour-art img,
.summary-status.with-art .honour-art img,
.competition-item .honour-art img,
.award-ceremony-trophy .honour-art img,
.celebration-icon img {
  width:100%;
  height:100%;
  object-fit:contain!important;
  object-position:center center!important;
  display:block;
  margin:auto;
  padding:0!important;
  background:transparent!important;
}

.competition-item .honour-art {
  width:52px!important;
  height:52px!important;
  padding:6px
}

.summary-status.with-art .honour-art {
  width:50px!important;
  height:50px!important;
  padding:6px
}

.summary-honour .honour-art {
  width:60px!important;
  height:60px!important;
  padding:6px
}

.season-honour-tile .honour-art {
  width:64px!important;
  height:64px!important;
  padding:6px
}

.legacy-honours-preview .honour-art {
  width:54px!important;
  height:54px!important;
  padding:6px
}

.legacy-major-item .honour-art {
  width:54px!important;
  height:54px!important;
  padding:6px
}

.award-ceremony-trophy {
  min-height:154px;
  margin:6px 0 2px;
}

.award-ceremony-trophy .honour-art {
  width:150px!important;
  height:150px!important;
  padding:8px
}

.award-announcement {
  width:min(650px,92%);
  gap:14px;
  padding:60px 38px 36px;
}

.award-ceremony-stage h2 {
  max-width:620px;
  margin:0 auto 4px;
  line-height:1.08;
  font-size:clamp(24px,4.2vw,40px);
}

.award-ceremony-stage #award-ceremony-copy {
  max-width:560px;
  margin:2px auto 18px;
  line-height:1.5;
}

.award-ceremony-stage #award-ceremony-continue {
  margin-top:4px
}

.news-item.compact {
  display:grid;
  grid-template-columns:30px 1fr;
  gap:12px;
  align-items:start;
  min-height:58px;
  padding:14px 0;
}

.news-item.compact .news-icon {
  margin-top:1px
}

.news-item.compact strong {
  font-size:11px;
  line-height:1.45
}

@media(max-width:680px) {
  .celebration-card {
    padding:30px 20px 24px;
    gap:14px
  }
  .season-honours-showcase {
    width:min(100%,560px)!important;
    gap:12px
  }
  .season-honour-tile {
    flex:1 1 100%;
    max-width:none;
    min-width:0
  }
  .summary-honours-grid {
    grid-template-columns:1fr!important
  }
  .summary-honour {
    min-height:82px
  }
  .award-announcement {
    padding:46px 22px 28px;
    gap:12px
  }
  .award-ceremony-trophy .honour-art {
    width:122px!important;
    height:122px!important
  }
}

/* ===== V8.6 — alinhamento, respiro e imagens sem fundo ===== */
img {
  background:transparent!important
}

.club-badge-img,.honour-art img,.celebration-icon img,.award-ceremony-trophy img {
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
}

/* A imagem nunca preenche o quadro por corte: há margem interna para a taça inteira. */
.honour-art {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  padding:7px!important;
  border-radius:12px!important;
}

.honour-art img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:auto!important;
  padding:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 7px 10px rgba(0,0,0,.28));
}

/* Cards de conquistas: centralizados como um bloco, sem ficarem nas extremidades. */
.season-honours-showcase {
  width:min(650px,100%)!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(215px,270px))!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:18px!important;
  margin:14px auto 22px!important;
}

.season-honour-tile {
  width:100%!important;
  min-width:0!important;
  max-width:270px!important;
  min-height:104px!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  align-items:center!important;
  gap:16px!important;
  padding:16px 18px!important;
  margin:0!important;
}

.season-honour-tile .honour-art {
  width:68px!important;
  height:68px!important
}

.season-honour-tile span {
  display:grid!important;
  align-content:center!important;
  gap:4px!important;
  min-width:0!important
}

.season-honour-tile strong {
  font-size:12px!important;
  line-height:1.25!important;
  overflow-wrap:anywhere
}

.season-honour-tile small {
  font-size:9px!important;
  letter-spacing:.09em!important
}

.celebration-card {
  width:min(720px,96vw)!important;
  padding:42px 38px 34px!important;
  gap:18px!important;
}

.celebration-card>.eyebrow {
  margin:0!important
}

.celebration-card h2 {
  margin:0!important;
  line-height:1.08!important
}

.celebration-card>p:not(.eyebrow) {
  margin:0!important;
  line-height:1.5!important
}

.celebration-card .primary {
  margin-top:2px!important
}

/* Resumo da temporada: mesmos eixos e espaçamentos em todos os cards. */
.summary-honours-grid {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(215px,270px))!important;
  justify-content:start!important;
  gap:16px!important;
  margin:14px 0 28px!important;
}

.summary-honour {
  display:grid!important;
  grid-template-columns:66px minmax(0,1fr)!important;
  align-items:center!important;
  gap:15px!important;
  min-height:96px!important;
  padding:15px 17px!important;
}

.summary-honour .honour-art {
  width:62px!important;
  height:62px!important
}

.summary-honour span {
  gap:4px!important
}

.summary-honour strong {
  font-size:12px!important;
  line-height:1.3!important
}

.summary-honour small {
  font-size:9px!important
}

.competition-list {
  gap:14px!important
}

.competitions-card .competition-item {
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:15px!important;
  align-items:center!important;
  min-height:90px!important;
  padding:14px 16px!important;
}

.competitions-card .competition-item .honour-art {
  width:60px!important;
  height:60px!important
}

.competition-item>div {
  display:grid!important;
  gap:5px!important;
  min-width:0!important
}

.competition-item strong {
  line-height:1.25!important
}

.competition-item small {
  margin:0!important;
  line-height:1.45!important
}

.summary-status.with-art {
  grid-template-columns:58px minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
  padding:14px 16px!important;
}

.summary-status.with-art .honour-art {
  width:54px!important;
  height:54px!important
}

/* Cerimônia: elementos separados e centrados; resultado pode ser do usuário ou rival. */
.award-announcement {
  width:min(650px,92%)!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  align-content:center!important;
  gap:14px!important;
  padding:56px 34px 38px!important;
}

.award-and-the-winner {
  margin:4px 0 4px!important
}

.award-envelope {
  margin:4px 0 8px!important
}

.award-ceremony-trophy {
  width:176px!important;
  min-height:166px!important;
  display:grid!important;
  place-items:center!important;
  margin:4px auto 2px!important;
}

.award-ceremony-trophy .honour-art {
  width:160px!important;
  height:160px!important;
  padding:10px!important
}

.award-ceremony-stage h2 {
  width:100%!important;
  max-width:610px!important;
  text-align:center!important;
  margin:4px auto 0!important;
  font-size:clamp(26px,4.6vw,42px)!important;
  line-height:1.08!important;
}

.award-ceremony-stats {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin:4px auto 2px;
  max-width:590px;
}

.award-ceremony-stats span {
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.045);
  color:#edf2f4;
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
}

.award-ceremony-stage #award-ceremony-copy {
  max-width:570px!important;
  margin:4px auto 12px!important;
  line-height:1.5!important;
  text-align:center!important;
}

.award-ceremony-stage.award-lost #award-ceremony-continue {
  background:#27343c;
  color:#fff
}

/* Notícias: mais ar entre linhas e ícones alinhados ao topo do texto. */
.news-item.compact {
  grid-template-columns:32px minmax(0,1fr)!important;
  gap:14px!important;
  min-height:62px!important;
  padding:15px 0!important;
  align-items:start!important;
}

.news-item.compact .news-icon {
  margin-top:0!important
}

.news-item.compact strong {
  font-size:11px!important;
  line-height:1.5!important
}

/* Escudos e demais imagens visuais: sem placas de fundo adicionadas pela UI. */
.crest-shell,.club-badge,.club-badge-img,.legacy-club-chip .crest-shell {
  background:transparent!important;
  box-shadow:none!important;
}

.club-badge-img {
  object-fit:contain!important;
  object-position:center!important
}

@media(max-width:700px) {
  .season-honours-showcase,.summary-honours-grid {
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important
  }
  .season-honour-tile,.summary-honour {
    max-width:none!important
  }
  .celebration-card {
    padding:30px 20px 26px!important;
    gap:15px!important
  }
  .award-announcement {
    padding:44px 20px 28px!important;
    gap:12px!important
  }
  .award-ceremony-trophy {
    width:142px!important;
    min-height:136px!important
  }
  .award-ceremony-trophy .honour-art {
    width:132px!important;
    height:132px!important
  }
  .award-ceremony-stats {
    gap:6px
  }
  .summary-status.with-art {
    grid-template-columns:52px minmax(0,1fr)!important
  }
  .summary-status.with-art>span:last-child {
    grid-column:2
  }
}

/* V8.6 final polish — centralização consistente e imagens visualmente leves */
.summary-honours-grid {
  justify-content:center!important
}

.honour-art img,.celebration-icon img,.award-ceremony-trophy img,.club-badge-img {
  object-fit:contain!important;
  object-position:50% 50%!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

.honour-art img,.award-ceremony-trophy img {
  filter:drop-shadow(0 10px 14px rgba(0,0,0,.28))!important
}

.season-honour-tile,.summary-honour,.competition-item,.summary-status.with-art {
  overflow:visible!important
}

.season-honours-showcase {
  place-content:center!important
}

.award-ceremony-stage {
  padding-block:18px!important
}

.award-announcement>* {
  justify-self:center
}

.award-ceremony-stats {
  min-height:30px
}

@media(max-width:700px) {
  .award-ceremony-stage {
    padding-block:10px!important
  }
}

/* ===== V8.7 — aparência, seleção, patrocínios e novas animações ===== */
.appearance-builder {
  display:grid;
  grid-template-columns:260px 1fr;
  gap:26px;
  align-items:center;
  padding:22px;
  border:1px solid color-mix(in srgb,var(--green) 28%,var(--border));
  border-radius:16px;
  background:
    radial-gradient(circle at 14% 20%,rgba(66,232,141,.09),transparent 34%),
    linear-gradient(145deg,rgba(8,19,25,.98),rgba(12,29,37,.96));
  overflow:hidden;
  position:relative;
}

.appearance-builder::after {
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  right:-90px;
  top:-100px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(255,255,255,.015),0 0 0 70px rgba(255,255,255,.01);
  pointer-events:none;
}

.appearance-preview-wrap {
  display:grid;
  justify-items:center;
  gap:7px;
  text-align:center;
}

.appearance-preview-wrap h3 {
  margin:0 0 6px;
  font-size:18px;
}

.appearance-preview-wrap > small {
  color:var(--muted);
  max-width:220px;
  line-height:1.4;
}

.appearance-preview {
  width:170px;
  height:190px;
  display:grid;
  place-items:center;
  margin:5px 0 8px;
  border-radius:28px;
  background:
    linear-gradient(rgba(255,255,255,.035),rgba(255,255,255,0)),
    repeating-linear-gradient(90deg,transparent 0 22px,rgba(255,255,255,.018) 23px 24px);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 0 50px rgba(0,0,0,.28),0 18px 38px rgba(0,0,0,.2);
}

.appearance-controls {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 16px;
  position:relative;
  z-index:1;
}

.player-face {
  --skin:#c98965;
  --skin-dark:#9a6045;
  --hair-color:#17120f;
  width:126px;
  height:158px;
  position:relative;
  display:block;
  animation:faceIdle 4.8s ease-in-out infinite;
}

.player-face.skin-2 {
  --skin:#e5b18e;
  --skin-dark:#b77d5f;
}

.player-face.skin-3 {
  --skin:#c98965;
  --skin-dark:#965d43;
}

.player-face.skin-4 {
  --skin:#9a6348;
  --skin-dark:#704332;
}

.player-face.skin-5 {
  --skin:#68402f;
  --skin-dark:#482b22;
}

.player-face::before {
  content:"";
  position:absolute;
  width:82px;
  height:94px;
  left:22px;
  top:18px;
  border-radius:46% 46% 43% 43% / 38% 38% 56% 56%;
  background:linear-gradient(100deg,var(--skin-dark),var(--skin) 28%,var(--skin) 73%,var(--skin-dark));
  box-shadow:inset 0 -8px 12px rgba(91,45,27,.12),0 12px 18px rgba(0,0,0,.18);
  z-index:2;
}

.face-ear {
  position:absolute;
  width:13px;
  height:26px;
  top:52px;
  background:var(--skin-dark);
  border-radius:50%;
  z-index:1;
}

.ear-left {
  left:15px;
}

.ear-right {
  right:15px;
}

.face-eye {
  position:absolute;
  width:7px;
  height:5px;
  top:57px;
  border-radius:50%;
  background:#172128;
  z-index:5;
  animation:faceBlink 5.4s infinite;
}

.eye-left {
  left:44px;
}

.eye-right {
  right:44px;
}

.face-brow {
  position:absolute;
  width:17px;
  height:3px;
  top:49px;
  border-radius:20px;
  background:var(--hair-color);
  opacity:.75;
  z-index:5;
}

.brow-left {
  left:37px;
  transform:rotate(-4deg);
}

.brow-right {
  right:37px;
  transform:rotate(4deg);
}

.face-nose {
  position:absolute;
  width:8px;
  height:17px;
  left:59px;
  top:62px;
  border-right:2px solid rgba(89,48,34,.38);
  border-bottom:2px solid rgba(89,48,34,.24);
  border-radius:0 0 8px 0;
  z-index:5;
}

.face-mouth {
  position:absolute;
  width:25px;
  height:7px;
  left:51px;
  top:88px;
  border-bottom:2px solid rgba(80,35,31,.72);
  border-radius:50%;
  z-index:6;
}

.face-neck {
  position:absolute;
  width:34px;
  height:34px;
  left:46px;
  top:101px;
  background:linear-gradient(90deg,var(--skin-dark),var(--skin),var(--skin-dark));
  border-radius:5px 5px 12px 12px;
  z-index:1;
}

.face-jersey {
  position:absolute;
  left:15px;
  bottom:0;
  width:96px;
  height:45px;
  border-radius:18px 18px 8px 8px;
  background:linear-gradient(130deg,var(--green2),color-mix(in srgb,var(--club-secondary) 60%,var(--green)));
  border:1px solid rgba(255,255,255,.15);
  z-index:0;
  display:grid;
  place-items:center;
  overflow:hidden;
}

.face-jersey::before,
.face-jersey::after {
  content:"";
  position:absolute;
  width:28px;
  height:14px;
  background:rgba(0,0,0,.12);
  top:-2px;
}

.face-jersey::before {
  left:-7px;
  transform:rotate(-24deg);
}

.face-jersey::after {
  right:-7px;
  transform:rotate(24deg);
}

.face-jersey b {
  font-family:var(--btl-display-font);
  font-size:17px;
  color:#fff;
  text-shadow:0 2px 5px rgba(0,0,0,.35);
}

.face-hair {
  position:absolute;
  background:var(--hair-color);
  z-index:7;
  pointer-events:none;
}

.hair-bald .face-hair {
  display:none;
}

.hair-short .face-hair {
  width:78px;
  height:29px;
  top:13px;
  left:24px;
  border-radius:44px 44px 15px 15px;
  clip-path:polygon(4% 40%,12% 15%,31% 4%,73% 5%,93% 22%,100% 55%,88% 45%,79% 51%,67% 42%,52% 48%,37% 39%,21% 47%,6% 60%);
}

.hair-fade .face-hair {
  width:80px;
  height:33px;
  top:12px;
  left:23px;
  border-radius:50% 50% 18% 18%;
  clip-path:polygon(3% 42%,12% 15%,32% 2%,71% 3%,92% 18%,100% 48%,91% 63%,80% 40%,56% 31%,33% 37%,12% 62%);
}

.hair-curly .face-hair {
  width:86px;
  height:36px;
  top:8px;
  left:20px;
  border-radius:48% 48% 25% 25%;
  box-shadow:-8px 8px 0 -2px var(--hair-color),8px 7px 0 -2px var(--hair-color),-15px 14px 0 -5px var(--hair-color),15px 14px 0 -5px var(--hair-color);
}

.hair-afro .face-hair {
  width:102px;
  height:67px;
  left:12px;
  top:-13px;
  border-radius:50%;
  box-shadow:-10px 10px 0 -3px var(--hair-color),10px 10px 0 -3px var(--hair-color),0 -8px 0 -4px var(--hair-color);
}

.hair-mohawk .face-hair {
  width:35px;
  height:50px;
  left:46px;
  top:-10px;
  clip-path:polygon(50% 0,69% 23%,87% 5%,79% 50%,100% 38%,80% 86%,50% 100%,20% 86%,0 38%,21% 50%,13% 5%,32% 23%);
}

.hair-long .face-hair {
  width:91px;
  height:78px;
  left:18px;
  top:8px;
  border-radius:50% 50% 35% 35%;
  clip-path:polygon(0 26%,17% 4%,51% 0,83% 5%,100% 27%,91% 100%,79% 63%,74% 37%,55% 29%,35% 34%,22% 55%,13% 100%);
}

.face-beard {
  position:absolute;
  z-index:6;
  background:var(--hair-color);
  pointer-events:none;
}

.beard-none .face-beard {
  display:none;
}

.beard-stubble .face-beard {
  width:57px;
  height:28px;
  left:35px;
  top:80px;
  border-radius:10px 10px 42% 42%;
  opacity:.36;
  clip-path:polygon(0 0,18% 23%,50% 40%,82% 23%,100% 0,89% 82%,50% 100%,11% 82%);
}

.beard-goatee .face-beard {
  width:30px;
  height:32px;
  left:49px;
  top:81px;
  border-radius:45%;
  clip-path:polygon(18% 0,82% 0,72% 25%,86% 45%,67% 100%,33% 100%,14% 45%,28% 25%);
}

.beard-full .face-beard {
  width:65px;
  height:44px;
  left:31px;
  top:75px;
  border-radius:15px 15px 48% 48%;
  clip-path:polygon(0 0,17% 17%,50% 33%,83% 17%,100% 0,92% 72%,69% 100%,31% 100%,8% 72%);
}

.beard-mustache .face-beard {
  width:34px;
  height:10px;
  left:47px;
  top:81px;
  border-radius:50%;
  clip-path:polygon(0 55%,24% 12%,50% 42%,76% 12%,100% 55%,74% 100%,50% 75%,26% 100%);
}

.face-avatar {
  width:78px!important;
  height:92px!important;
  padding:0!important;
  background:linear-gradient(160deg,#132832,#081218)!important;
  overflow:hidden;
  border-radius:14px!important;
}

.face-avatar .player-face.compact {
  transform:scale(.58);
  transform-origin:center 30%;
  margin-top:17px;
}

.sponsor-profile-chip {
  border-color:rgba(255,255,255,.13)!important;
  background:linear-gradient(110deg,rgba(255,255,255,.06),rgba(66,232,141,.08))!important;
}

.sponsor-profile-chip small {
  opacity:.65;
  margin-right:5px;
}

.sponsor-brand-banner {
  grid-column:1/-1;
  min-height:86px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  padding:16px 18px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(120deg,#111,#232323);
  position:relative;
  overflow:hidden;
}

.sponsor-brand-banner::after {
  content:"";
  position:absolute;
  inset:-80% -20%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);
  transform:rotate(16deg);
  animation:sponsorSweep 2.8s linear infinite;
}

.sponsor-brand-banner > * {
  position:relative;
  z-index:1;
}

.sponsor-brand-banner span {
  font-size:9px;
  letter-spacing:.18em;
  color:var(--muted);
}

.sponsor-brand-banner strong {
  font-family:var(--btl-display-font);
  font-size:25px;
}

.sponsor-brand-banner small {
  color:var(--green);
  font-weight:800;
}

.sponsor-event-active .modal-card {
  box-shadow:0 26px 90px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.04),0 0 50px rgba(66,232,141,.08);
}

.national-event-active .modal-card {
  background:
    radial-gradient(circle at 80% 12%,rgba(47,111,255,.14),transparent 32%),
    linear-gradient(160deg,var(--panel),#08141c);
}

.national-card.world-cup-year {
  position:relative;
  overflow:hidden;
  border-color:color-mix(in srgb,#f1c75b 44%,var(--border));
  animation:worldCupCardGlow 3.4s ease-in-out infinite;
}

.national-card.world-cup-year::before {
  content:"COPA DO MUNDO";
  position:absolute;
  right:-31px;
  top:20px;
  transform:rotate(36deg);
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
  padding:5px 38px;
  color:#17130a;
  background:linear-gradient(90deg,#f1c75b,#fff0a1,#d49c2c);
  box-shadow:0 5px 18px rgba(0,0,0,.25);
}

.season-card.season-live,
.competitions-card.season-live {
  position:relative;
  overflow:hidden;
}

.season-card.season-live::after,
.competitions-card.season-live::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 18%,rgba(66,232,141,.045) 47%,transparent 75%);
  background-size:240% 100%;
  animation:seasonLightRun 6.8s linear infinite;
}

.season-card.season-live .progress-track span {
  position:relative;
  overflow:hidden;
}

.season-card.season-live .progress-track span::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  transform:translateX(-120%);
  animation:seasonProgressFlash 2.4s ease-in-out infinite;
}

.competitions-card.season-live .competition-item {
  animation:competitionBreath 4.2s ease-in-out infinite;
  animation-delay:var(--stagger,0s);
}

.match-cinematic {
  position:absolute;
  inset:0;
  border-radius:inherit;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
}

.decision-card > *:not(.match-cinematic) {
  position:relative;
  z-index:1;
}

.match-cinematic i {
  position:absolute;
  width:2px;
  height:48%;
  top:10%;
  left:50%;
  background:linear-gradient(transparent,rgba(255,255,255,.22),transparent);
  transform-origin:50% 100%;
  animation:stadiumRay 1.15s ease-out both;
}

.match-cinematic i:nth-child(1) {
  transform:rotate(-55deg);
}

.match-cinematic i:nth-child(2) {
  transform:rotate(-22deg);
  animation-delay:.07s;
}

.match-cinematic i:nth-child(3) {
  transform:rotate(24deg);
  animation-delay:.13s;
}

.match-cinematic i:nth-child(4) {
  transform:rotate(57deg);
  animation-delay:.18s;
}

.match-ball {
  position:absolute;
  width:16px;
  height:16px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff 0 30%,#1a2227 33% 45%,#f7f7f7 48% 70%,#1a2227 74%);
  box-shadow:0 7px 20px rgba(0,0,0,.42);
  opacity:0;
}

.cinematic-goal .match-ball,
.cinematic-penalty .match-ball,
.cinematic-chance .match-ball {
  left:17%;
  bottom:18%;
  animation:ballStrike 1.1s cubic-bezier(.19,.9,.28,1) forwards;
}

.cinematic-goalkeeper .match-ball,
.cinematic-defense .match-ball {
  right:15%;
  top:26%;
  animation:saveBall 1.1s cubic-bezier(.2,.8,.25,1) forwards;
}

.cinematic-build .match-ball {
  left:9%;
  bottom:25%;
  animation:passBall 1.25s ease-in-out forwards;
}

.match-flash {
  position:absolute;
  inset:0;
  opacity:0;
  background:radial-gradient(circle at center,rgba(66,232,141,.25),transparent 52%);
}

.cinematic-success .match-flash {
  animation:matchSuccessFlash .85s ease-out;
}

.cinematic-miss .match-flash {
  background:radial-gradient(circle at center,rgba(240,82,82,.18),transparent 52%);
  animation:matchSuccessFlash .85s ease-out;
}

.match-fx-success {
  animation:matchCardKick .46s ease-out;
}

.match-fx-miss {
  animation:matchCardMiss .44s ease-out;
}

.honour-art img[alt*="Brasileir"],
.honour-art img[alt*="Chuteira de Ouro"],
.award-ceremony-trophy img[alt*="Chuteira de Ouro"] {
  background:transparent!important;
  box-shadow:none!important;
  mix-blend-mode:normal!important;
}

@keyframes faceBlink {
  0%,45%,48%,100% {transform:scaleY(1)}
  46%,47% {transform:scaleY(.12)}
}

@keyframes faceIdle {
  0%,100% {transform:translateY(0)}
  50% {transform:translateY(-3px)}
}

@keyframes sponsorSweep {
  from {transform:translateX(-45%) rotate(16deg)}
  to {transform:translateX(45%) rotate(16deg)}
}

@keyframes worldCupCardGlow {
  0%,100% {box-shadow:0 12px 28px rgba(0,0,0,.16),0 0 0 rgba(241,199,91,0)}
  50% {box-shadow:0 14px 34px rgba(0,0,0,.22),0 0 28px rgba(241,199,91,.12)}
}

@keyframes seasonLightRun {
  0% {background-position:220% 0}
  100% {background-position:-120% 0}
}

@keyframes seasonProgressFlash {
  0%,30% {transform:translateX(-130%)}
  70%,100% {transform:translateX(140%)}
}

@keyframes competitionBreath {
  0%,100% {transform:translateY(0)}
  50% {transform:translateY(-2px)}
}

@keyframes stadiumRay {
  from {opacity:0;filter:blur(8px)}
  35% {opacity:.55}
  to {opacity:0;filter:blur(1px)}
}

@keyframes ballStrike {
  0% {opacity:0;transform:translate(0,0) scale(.7) rotate(0)}
  14% {opacity:1}
  100% {opacity:0;transform:translate(430px,-180px) scale(.45) rotate(540deg)}
}

@keyframes saveBall {
  0% {opacity:0;transform:translate(0,0) scale(.7)}
  15% {opacity:1}
  65% {opacity:1;transform:translate(-250px,95px) scale(1.05)}
  100% {opacity:0;transform:translate(-295px,78px) scale(.75)}
}

@keyframes passBall {
  0% {opacity:0;transform:translateX(0) scale(.65)}
  12% {opacity:1}
  50% {opacity:1;transform:translate(230px,-38px) scale(.9)}
  100% {opacity:0;transform:translate(480px,5px) scale(.65)}
}

@keyframes matchSuccessFlash {
  0% {opacity:0}
  35% {opacity:1}
  100% {opacity:0}
}

@keyframes matchCardKick {
  0% {transform:scale(1)}
  35% {transform:scale(1.012)}
  100% {transform:scale(1)}
}

@keyframes matchCardMiss {
  0%,100% {transform:translateX(0)}
  30% {transform:translateX(-3px)}
  60% {transform:translateX(3px)}
}

@media(max-width:760px) {
  .appearance-builder {
    grid-template-columns:1fr;
    padding:18px;
  }

  .appearance-controls {
    grid-template-columns:1fr;
  }

  .appearance-preview {
    width:154px;
    height:176px;
  }

  .sponsor-brand-banner {
    grid-template-columns:1fr;
    text-align:center;
  }

  .national-card.world-cup-year::before {
    display:none;
  }
}

/* ===== V8.9 — interface game-like, facial studio, archive, spacing fixes ===== */
.topbar{
  backdrop-filter:blur(16px);
  background:linear-gradient(180deg,rgba(7,11,22,.92),rgba(10,16,29,.78));
}
.topbar nav button{
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  border-radius:14px;
  box-shadow:0 10px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05);
}
#home.hero{
  min-height:calc(100vh - 112px);
  padding-bottom:38px;
}
#home .hero-shell{
  border-radius:28px;
  border:1px solid rgba(110,140,255,.16);
  box-shadow:0 28px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04);
}
#home .hero-content{
  gap:20px;
}
#home .hero-actions .primary,
#home .hero-actions .secondary{
  min-width:200px;
  border-radius:16px;
}
.home-hall{
  margin-top:24px;
  padding:18px 20px;
  border-radius:22px;
  background:linear-gradient(145deg,rgba(12,18,32,.94),rgba(15,24,42,.92));
}
.saved-careers-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
}
.saved-career-card{
  display:grid;
  grid-template-columns:74px 1fr;
  gap:14px;
  align-items:center;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
}
.saved-career-card strong{display:block;margin-bottom:4px}
.saved-career-card small{display:block;color:var(--muted);line-height:1.35}
.saved-career-meta{grid-column:2;display:flex;flex-wrap:wrap;gap:8px}
.saved-career-meta span{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.06);font-size:12px}
.saved-career-face{display:grid;place-items:center;min-height:84px}
.saved-career-face .player-face.compact{transform:scale(.58);transform-origin:center 26%;margin-top:10px}

.appearance-builder{
  grid-template-columns:300px 1fr;
  gap:28px;
  align-items:start;
}
.appearance-controls{
  grid-template-columns:1fr;
  gap:18px;
}
.appearance-controls>label{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
}
.appearance-studio{
  display:grid;
  gap:16px;
}
.appearance-group{
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.03);
}
.appearance-group.disabled{opacity:.48}
.appearance-group-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.appearance-group-head strong{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.appearance-group-options{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(110px,1fr));
  gap:10px;
}
.appearance-group-options.toggle{grid-template-columns:repeat(2,minmax(0,1fr))}
.appearance-group-options.swatches{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.appearance-chip{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  color:var(--text);
  font:inherit;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.appearance-chip:hover{transform:translateY(-1px);border-color:rgba(90,255,171,.35)}
.appearance-chip.active{
  border-color:rgba(90,255,171,.52);
  background:linear-gradient(180deg,rgba(66,232,141,.18),rgba(66,232,141,.08));
  box-shadow:0 10px 20px rgba(4,19,13,.18),0 0 0 1px rgba(66,232,141,.12) inset;
}
.appearance-chip.swatch{justify-content:flex-start}
.swatch-color{
  width:20px;height:20px;border-radius:50%;background:var(--swatch);border:2px solid rgba(255,255,255,.2);box-shadow:0 0 0 2px rgba(0,0,0,.18);
}
.appearance-preview{
  width:188px;
  height:214px;
}
.appearance-preview .player-face{transform:scale(1.08);transform-origin:center top}

.profile-card{
  grid-template-columns:92px 1fr auto;
  gap:20px;
}
.avatar{
  width:86px;
  height:98px;
  overflow:hidden;
}
.face-avatar{
  display:grid!important;
  place-items:center!important;
}
.face-avatar .player-face.compact{
  transform:scale(.66);
  transform-origin:center 22%;
  margin-top:12px;
}
.legacy-face{
  width:104px;
  height:124px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(160deg,#122231,#08111a);
  overflow:hidden;
}
.legacy-face-avatar .player-face.compact{transform:scale(.82);transform-origin:center 20%;margin-top:12px}
.legacy-actions{flex-wrap:wrap}

.dashboard-grid .panel,
.news-card,
.competitions-card,
.national-card,
.profile-card,
.next-match,
.player-attributes-card,
.season-card{
  border-radius:20px;
}
.competitions-card .section-title,
.news-card .section-title{margin-bottom:14px}
.competitions-card .competition-item,
.competition-item{
  gap:16px;
  padding:14px 16px;
  align-items:center;
  min-height:88px;
}
.competition-item>div{
  display:grid;
  gap:5px;
}
.competition-item strong{line-height:1.3}
.competition-item small{line-height:1.4;font-size:13px}
.competition-item .honour-art,
.summary-status.with-art .honour-art,
.season-honour-tile .honour-art{
  width:66px;
  min-width:66px;
  height:66px;
  padding:8px;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.04),rgba(255,255,255,.01));
}
.competition-item .honour-art img,
.summary-status.with-art .honour-art img,
.season-honour-tile .honour-art img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:transparent!important;
  mix-blend-mode:normal;
}
.news-card #news{display:grid;gap:12px}
.news-item.compact{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:12px;
  align-items:flex-start;
  padding:12px 2px 14px;
}
.news-item.compact strong{
  line-height:1.5;
  font-size:14px;
}
.news-item .news-icon{
  margin-top:2px;
}

img{background:transparent}
.honour-art img,.award-ceremony-trophy img,#celebration-icon img{background:transparent!important}

@media (max-width: 980px){
  .appearance-builder{grid-template-columns:1fr}
  .saved-careers-list{grid-template-columns:1fr}
}

.game-menu-actions{
  display:grid;
  gap:10px;
  width:min(520px,100%);
  margin:4px 0 0;
}
.game-menu-entry{
  display:grid;
  grid-template-columns:42px 1fr auto;
  align-items:center;
  gap:13px;
  min-height:64px;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:linear-gradient(100deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  color:var(--text);
  text-align:left;
  font:inherit;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.game-menu-entry:hover,.game-menu-entry.active{
  transform:translateX(5px);
  border-color:rgba(66,232,141,.44);
  background:linear-gradient(100deg,rgba(66,232,141,.17),rgba(66,232,141,.045));
  box-shadow:0 12px 30px rgba(0,0,0,.18),inset 3px 0 0 var(--green);
}
.game-menu-entry .game-menu-icon{
  width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:rgba(255,255,255,.06);color:var(--green);font-size:17px;font-weight:800;
}
.game-menu-entry>span:nth-child(2){display:grid;gap:2px}
.game-menu-entry b{font-size:15px}
.game-menu-entry small{color:var(--muted);font-size:11px}
.game-menu-entry em{font-style:normal;font-size:10px;letter-spacing:.1em;color:var(--muted)}

/* Mais variação cinematográfica nas decisões de partida */
.match-cinematic{
  overflow:hidden;
  border-radius:inherit;
}
.match-cinematic::before,
.match-cinematic::after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.match-cinematic::before{
  inset:0;
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.09),transparent 42%);
  opacity:0;
  animation:matchPulse 1.3s ease;
}
.match-cinematic.variant-0 .match-ball{animation:ballCurveLeft 1.15s cubic-bezier(.2,.8,.25,1) both}
.match-cinematic.variant-1 .match-ball{animation:ballCurveRight 1.15s cubic-bezier(.2,.8,.25,1) both}
.match-cinematic.variant-2 .match-ball{animation:ballRocket 1.05s cubic-bezier(.2,.8,.25,1) both}
.match-cinematic.variant-3 .match-ball{animation:ballChip 1.2s ease-out both}
.match-cinematic.variant-4 .match-ball{animation:ballLow 1.1s ease-out both}
.match-cinematic.variant-5 .match-ball{animation:ballStutter 1.15s ease-in-out both}
.match-cinematic .speed-line{
  position:absolute;
  width:80px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.8));
  opacity:.6;
  animation:speedLine 1s ease-out forwards;
}
.match-cinematic .speed-line.l1{top:26%;left:8%;--rot:-8deg}
.match-cinematic .speed-line.l2{top:42%;left:14%;--rot:3deg;animation-delay:.08s}
.match-cinematic .speed-line.l3{top:58%;left:5%;--rot:-3deg;animation-delay:.14s}
.match-cinematic .crowd-flash{
  position:absolute;inset:auto 0 0;height:18%;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 2px,transparent 2px 10px);
  opacity:.25;
  animation:crowdWave 1.2s ease both;
}
.match-fx-success .match-cinematic::after{
  inset:0;
  background:radial-gradient(circle at 50% 48%,rgba(66,232,141,.28),transparent 50%);
  animation:successBurst 1s ease-out both;
}
.match-fx-miss .match-cinematic::after{
  inset:0;
  background:linear-gradient(115deg,transparent 42%,rgba(239,83,80,.18) 50%,transparent 58%);
  animation:missSweep 1s ease both;
}
@keyframes matchPulse{0%{opacity:0}35%{opacity:1}100%{opacity:0}}
@keyframes ballCurveLeft{0%{transform:translate(-130px,70px) scale(.72) rotate(0)}55%{transform:translate(-20px,-28px) scale(.9) rotate(240deg)}100%{transform:translate(65px,-60px) scale(.65) rotate(520deg)}}
@keyframes ballCurveRight{0%{transform:translate(130px,70px) scale(.72) rotate(0)}55%{transform:translate(22px,-28px) scale(.9) rotate(-240deg)}100%{transform:translate(-65px,-60px) scale(.65) rotate(-520deg)}}
@keyframes ballRocket{0%{transform:translate(0,100px) scale(.7)}100%{transform:translate(0,-100px) scale(.52) rotate(620deg)}}
@keyframes ballChip{0%{transform:translate(-55px,72px) scale(.72)}48%{transform:translate(0,-90px) scale(.62)}100%{transform:translate(60px,-38px) scale(.5) rotate(400deg)}}
@keyframes ballLow{0%{transform:translate(-105px,74px) scale(.75)}100%{transform:translate(105px,60px) scale(.56) rotate(480deg)}}
@keyframes ballStutter{0%{transform:translate(-85px,68px)}22%{transform:translate(-40px,48px)}36%{transform:translate(-44px,48px)}100%{transform:translate(100px,-45px) rotate(450deg)}}
@keyframes speedLine{0%{transform:translateX(-80px) rotate(var(--rot));opacity:0}35%{opacity:.65}100%{transform:translateX(320px) rotate(var(--rot));opacity:0}}
@keyframes crowdWave{0%{transform:translateY(18px);opacity:0}45%{opacity:.35}100%{transform:none;opacity:.12}}
@keyframes successBurst{0%{opacity:0;transform:scale(.7)}45%{opacity:1}100%{opacity:0;transform:scale(1.2)}}
@keyframes missSweep{0%{opacity:0;transform:translateX(-30%)}45%{opacity:1}100%{opacity:0;transform:translateX(30%)}}

.idol-celebration .celebration-card{border-color:rgba(242,201,76,.5);box-shadow:0 0 80px rgba(242,201,76,.13),0 30px 80px rgba(0,0,0,.45)}
.idol-celebration .celebration-icon{animation:idolCrown 1.6s ease-in-out infinite}
@keyframes idolCrown{0%,100%{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.09) rotate(2deg);filter:drop-shadow(0 0 16px rgba(242,201,76,.48))}}

.appearance-group.disabled .appearance-group-options{pointer-events:none}
.appearance-chip.with-thumb{
  min-height:84px;
  display:grid;
  grid-template-columns:54px 1fr;
  justify-content:start;
  text-align:left;
  overflow:hidden;
}
.appearance-option-thumb{
  width:50px;height:62px;display:grid;place-items:center;overflow:hidden;border-radius:11px;
  background:linear-gradient(160deg,rgba(66,232,141,.08),rgba(255,255,255,.025));
}
.appearance-option-thumb .player-face.compact{
  transform:scale(.38);
  transform-origin:center 17%;
  margin-top:16px;
}
.appearance-option-thumb .face-jersey{display:none}
.legacy-card-hero{
  grid-template-columns:112px 180px 1fr;
  gap:22px;
}
.legacy-face-avatar{
  width:112px!important;
  height:132px!important;
  justify-self:center;
}
@media(max-width:760px){
  .legacy-card-hero{grid-template-columns:1fr}
  .legacy-face-avatar,.legacy-shirt{justify-self:center}
}

/* Centralização final da facial durante a carreira e no legado */
.face-avatar .player-face.compact{
  transform:scale(.58)!important;
  transform-origin:center center!important;
  margin:0!important;
}
.legacy-face-avatar .player-face.compact{
  transform:scale(.72)!important;
  transform-origin:center center!important;
  margin:0!important;
}

.appearance-group-options.grid{
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
}
.appearance-chip.with-thumb{
  grid-template-columns:50px minmax(0,1fr);
  gap:10px;
  padding:9px 10px;
}
.appearance-chip.with-thumb b{
  min-width:0;
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.2;
  font-size:12px;
}
@media(max-width:620px){
  .appearance-group-options.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .appearance-chip.with-thumb{grid-template-columns:42px minmax(0,1fr)}
  .appearance-option-thumb{width:42px;height:56px}
}
.game-menu-entry:disabled{
  opacity:.42;
  cursor:not-allowed;
  transform:none!important;
  border-color:rgba(255,255,255,.06)!important;
  box-shadow:none!important;
}

/* ===== V9.0 — menu de jogo, Hall da Fama, estúdio facial e cenas dinâmicas ===== */
#home.hero {
  display: block;
  min-height: calc(100vh - 76px);
  padding: 34px 22px 46px;
}

#home .hero-shell {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 760px);
  justify-content: center;
  width: min(1120px, 100%);
  margin: 0 auto;
  padding: 48px 42px 42px;
  overflow: hidden;
  border-radius: 30px;
  background:
    radial-gradient(circle at 50% -18%, rgba(81, 116, 255, .16), transparent 42%),
    linear-gradient(180deg, rgba(14, 22, 39, .97), rgba(9, 15, 28, .98));
}

#home .hero-content {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 18px;
}

#home .hero-content .lead {
  max-width: 720px;
  margin-inline: auto;
  line-height: 1.6;
}

#home .hero-kicker {
  justify-content: center;
}

#home .hero-football-icons {
  justify-content: center;
  max-width: 720px;
}

#home .game-menu-actions {
  width: min(620px, 100%);
  margin: 8px auto 0;
  display: grid;
  gap: 10px;
}

#home .game-menu-entry {
  width: 100%;
  min-height: 72px;
  display: grid;
  grid-template-columns: 46px 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 13px 16px;
  text-align: left;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, .08);
  background: linear-gradient(90deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

#home .game-menu-entry:hover,
#home .game-menu-entry.active {
  transform: translateX(5px);
  border-color: rgba(66, 232, 141, .38);
  background: linear-gradient(90deg, rgba(66,232,141,.14), rgba(255,255,255,.025));
  box-shadow: 0 16px 34px rgba(0,0,0,.2), inset 3px 0 0 var(--green);
}

#home .game-menu-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(66,232,141,.1);
  border: 1px solid rgba(66,232,141,.22);
  color: var(--green);
  font-weight: 900;
}

#home .game-menu-entry b {
  display: block;
  font-size: 15px;
}

#home .game-menu-entry small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
}

#home .game-menu-entry em {
  color: var(--muted);
  font-style: normal;
  font-size: 11px;
  letter-spacing: .08em;
}

#home .hero-stats {
  width: min(640px, 100%);
  margin: 8px auto 0;
}

#home .hero-visual {
  display: none !important;
}

#home .hero-save-note {
  justify-content: center;
}

#home .hero-ticker {
  width: min(1120px, 100%);
  margin: 18px auto 0;
  border-radius: 16px;
  overflow: hidden;
}

.home-hall {
  width: min(1120px, 100%);
  margin: 24px auto 0 !important;
  padding: 22px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(66,232,141,.07), transparent 42%),
    linear-gradient(180deg, rgba(13,21,37,.97), rgba(8,14,27,.98)) !important;
}

.home-hall .section-title {
  margin-bottom: 16px;
}

.saved-careers-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 420px));
  justify-content: center;
  gap: 16px;
}

.saved-career-card {
  position: relative;
  min-height: 190px;
  display: grid;
  grid-template-columns: 96px 1fr;
  grid-template-areas:
    "face info"
    "numbers numbers";
  gap: 14px 16px;
  align-items: center;
  padding: 18px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.085);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    radial-gradient(circle at 0 0, rgba(66,232,141,.09), transparent 46%);
  box-shadow: 0 18px 40px rgba(0,0,0,.18);
}

.saved-career-card::after {
  content: "";
  position: absolute;
  width: 160px;
  height: 160px;
  right: -70px;
  top: -70px;
  border: 1px solid rgba(255,255,255,.04);
  border-radius: 50%;
  box-shadow: 0 0 0 28px rgba(255,255,255,.012), 0 0 0 56px rgba(255,255,255,.008);
  pointer-events: none;
}

.saved-career-rank {
  position: absolute;
  top: 14px;
  right: 14px;
  display: grid;
  justify-items: end;
  z-index: 2;
}

.saved-career-rank small {
  font-size: 8px;
  letter-spacing: .12em;
  color: var(--muted);
}

.saved-career-rank strong {
  font-size: 22px;
  color: var(--green);
}

.saved-career-face {
  grid-area: face;
  position: relative;
  width: 92px;
  height: 112px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid rgba(66,232,141,.18);
  background: linear-gradient(160deg, rgba(31,54,66,.78), rgba(6,13,20,.96));
}

.saved-career-face .player-face.compact {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0 !important;
  transform: translate(-50%, -45%) scale(.67) !important;
  transform-origin: center center !important;
}

.saved-career-info {
  grid-area: info;
  min-width: 0;
  align-self: center;
  padding-right: 58px;
}

.saved-career-kicker {
  display: block;
  margin-bottom: 5px;
  color: var(--green);
  font-size: 8px;
  letter-spacing: .14em;
}

.saved-career-info h4 {
  margin: 0 0 4px;
  font-size: 18px;
}

.saved-career-info p {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
}

.saved-career-clubs {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 10px;
}

.saved-career-clubs span {
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  color: var(--muted);
  font-size: 8px;
}

.saved-career-numbers {
  grid-area: numbers;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.saved-career-numbers div {
  display: grid;
  justify-items: center;
  gap: 2px;
  padding: 8px 5px;
  border-radius: 12px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.045);
}

.saved-career-numbers strong {
  font-size: 15px;
}

.saved-career-numbers small {
  font-size: 7px;
  letter-spacing: .08em;
  color: var(--muted);
}

.hall-empty {
  grid-column: 1 / -1;
  min-height: 150px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 5px;
  text-align: center;
  color: var(--muted);
}

.hall-empty > span {
  font-size: 30px;
  color: var(--green);
}

.hall-empty strong {
  color: var(--text);
}

/* Estúdio facial compacto inspirado em editores de personagem de jogos */
.appearance-builder {
  grid-template-columns: 290px minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 24px !important;
  padding: 20px !important;
}

.appearance-preview-wrap {
  min-height: 390px;
  align-content: center;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at 50% 30%, rgba(66,232,141,.1), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
}

.appearance-preview {
  width: 200px !important;
  height: 236px !important;
  margin: 8px 0 10px !important;
  overflow: hidden;
}

.appearance-preview .player-face {
  position: relative;
  transform: scale(1.18) !important;
  transform-origin: center 20% !important;
}

.appearance-studio {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 14px;
}

.appearance-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 5px;
  border-radius: 16px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.055);
}

.appearance-tabs button {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  border-radius: 12px;
  color: var(--muted);
  background: transparent;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.appearance-tabs button span {
  font-size: 16px;
}

.appearance-tabs button.active {
  color: var(--text);
  background: linear-gradient(180deg, rgba(66,232,141,.15), rgba(66,232,141,.07));
  box-shadow: inset 0 0 0 1px rgba(66,232,141,.24);
}

.appearance-panel {
  display: grid;
  align-content: start;
  gap: 14px;
}

.appearance-group {
  padding: 14px !important;
  border-radius: 18px !important;
}

.appearance-group-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.appearance-group-head small {
  color: var(--muted);
  font-size: 9px;
}

.appearance-group-options {
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)) !important;
  gap: 9px !important;
}

.appearance-chip.preset-card {
  min-height: 84px;
  display: grid;
  grid-template-rows: 46px auto;
  place-items: center;
  gap: 5px;
  padding: 8px;
}

.appearance-chip.preset-card b {
  font-size: 9px;
  line-height: 1.15;
  text-align: center;
}

.preset-visual {
  position: relative;
  width: 52px;
  height: 42px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 10px;
  background: rgba(255,255,255,.035);
}

.hair-preset::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  left: 11px;
  top: 13px;
  border-radius: 48% 48% 42% 42%;
  background: #bd8060;
}

.hair-preset i {
  position: absolute;
  left: 10px;
  top: 4px;
  width: 32px;
  height: 20px;
  border-radius: 50% 50% 25% 25%;
  background: #1b1714;
}

.hair-preset.hair-short i { height: 14px; top: 9px; }
.hair-preset.hair-curly i { width: 38px; left: 7px; height: 21px; box-shadow: -4px 4px 0 -1px #1b1714, 4px 4px 0 -1px #1b1714; }
.hair-preset.hair-afro i { width: 42px; height: 30px; left: 5px; top: -1px; border-radius: 50%; }
.hair-preset.hair-mohawk i { width: 13px; height: 29px; left: 20px; top: -1px; clip-path: polygon(50% 0,100% 100%,0 100%); }
.hair-preset.hair-long i { width: 38px; height: 35px; left: 7px; top: 2px; border-radius: 45% 45% 35% 35%; }

.beard-preset::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 31px;
  left: 11px;
  top: 7px;
  border-radius: 48%;
  background: #bd8060;
}

.beard-preset i {
  position: absolute;
  left: 16px;
  top: 24px;
  width: 20px;
  height: 12px;
  border-radius: 5px 5px 50% 50%;
  background: #1b1714;
}

.beard-preset.beard-stubble i { opacity: .35; height: 9px; }
.beard-preset.beard-goatee i { width: 10px; left: 21px; height: 14px; }
.beard-preset.beard-full i { width: 26px; left: 13px; height: 17px; top: 21px; }
.beard-preset.beard-mustache i { height: 5px; top: 24px; border-radius: 50%; }

.skin-preset {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: var(--preset-skin);
  box-shadow: inset 0 -7px 14px rgba(0,0,0,.13);
}

.color-preset {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--preset-color);
  border: 2px solid rgba(255,255,255,.18);
}

.switch-preset {
  color: var(--green);
  font-size: 22px;
  font-weight: 900;
}

/* Centralização do rosto na carreira e no card final */
.profile-card {
  grid-template-columns: 104px 1fr auto !important;
}

.avatar.face-avatar {
  position: relative !important;
  width: 96px !important;
  height: 112px !important;
  display: block !important;
  overflow: hidden !important;
}

.face-avatar .player-face.compact {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  margin: 0 !important;
  transform: translate(-50%, -45%) scale(.67) !important;
  transform-origin: center center !important;
}

.legacy-face-avatar {
  position: relative !important;
  width: 118px !important;
  height: 136px !important;
  display: block !important;
  overflow: hidden !important;
}

.legacy-face-avatar .player-face.compact {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  margin: 0 !important;
  transform: translate(-50%, -44%) scale(.82) !important;
  transform-origin: center center !important;
}

/* Seleção nacional com mais respiro */
.national-card {
  display: flex !important;
  flex-direction: column;
  gap: 14px;
  padding: 20px !important;
}

.national-card .section-title {
  margin-bottom: 0 !important;
}

.national-team-line {
  min-height: 76px;
  padding: 14px !important;
  gap: 14px !important;
  align-items: center;
}

.national-team-line strong {
  display: block;
  margin-bottom: 4px;
}

.national-trust-meter {
  margin: 0 !important;
}

.national-card .mini-stat-row {
  gap: 10px !important;
  margin: 0 !important;
}

.national-card .mini-stat-row > div {
  min-height: 68px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 3px;
}

.national-role-line {
  min-height: 48px;
  padding: 11px 13px !important;
  margin: 0 !important;
}

.national-card #national-action {
  min-height: 48px;
  margin-top: 0 !important;
}

/* Cenas visuais para eventos de carreira */
#event-modal .modal-card {
  width: min(720px, 94vw);
}

#event-description {
  max-width: 650px;
  margin: 0 auto 8px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}

#event-choices {
  display: grid;
  gap: 12px;
}

.event-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.career-event-scene {
  position: relative;
  height: 156px;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.075);
  background: linear-gradient(180deg, #17293a, #0b131e 64%, #091017);
  box-shadow: inset 0 -35px 60px rgba(0,0,0,.28);
}

.career-event-scene small {
  position: absolute;
  left: 14px;
  bottom: 12px;
  z-index: 5;
  font-size: 8px;
  letter-spacing: .14em;
  color: rgba(255,255,255,.65);
}

.scene-sky {
  position: absolute;
  inset: 0;
}

.scene-sky i {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255,255,255,.48);
  filter: blur(.2px);
  animation: eventParticle 3.8s ease-in-out infinite;
}

.scene-sky i:nth-child(1) { left: 18%; top: 24%; }
.scene-sky i:nth-child(2) { right: 22%; top: 32%; animation-delay: -.8s; }
.scene-sky i:nth-child(3) { left: 47%; top: 16%; animation-delay: -1.7s; }

.scene-focus {
  position: absolute;
  left: 50%;
  top: 48%;
  width: 74px;
  height: 74px;
  display: grid;
  place-items: center;
  transform: translate(-50%, -50%);
  border-radius: 24px;
  color: #fff;
  font-size: 30px;
  font-weight: 900;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 16px 40px rgba(0,0,0,.25), 0 0 36px rgba(66,232,141,.08);
  animation: eventFocus 2.8s ease-in-out infinite;
}

.scene-floor {
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: 0;
  height: 48px;
  perspective: 180px;
}

.scene-floor span {
  position: absolute;
  left: 50%;
  bottom: -14px;
  width: 1px;
  height: 72px;
  background: rgba(255,255,255,.08);
  transform-origin: bottom;
}

.scene-floor span:nth-child(1) { transform: rotate(64deg); }
.scene-floor span:nth-child(2) { transform: rotate(90deg); }
.scene-floor span:nth-child(3) { transform: rotate(116deg); }

.scene-sponsor { background: radial-gradient(circle at 50% 35%, rgba(242,201,76,.2), transparent 35%), linear-gradient(180deg,#201a13,#0e0b09); }
.scene-sponsor .scene-focus { color:#f2c94c; box-shadow:0 0 50px rgba(242,201,76,.16); }
.scene-national { background: radial-gradient(circle at 50% 20%, rgba(55,214,123,.18), transparent 42%), linear-gradient(180deg,#0c2d28,#07140f); }
.scene-medical { background: radial-gradient(circle at 50% 25%, rgba(86,204,242,.17), transparent 42%), linear-gradient(180deg,#102838,#08131b); }
.scene-transfer { background: radial-gradient(circle at 50% 25%, rgba(86,112,255,.17), transparent 42%), linear-gradient(180deg,#161a38,#0a0c1c); }
.scene-training { background: linear-gradient(180deg,#183126,#0a1610 65%,#071008); }
.scene-media { background: radial-gradient(circle at 25% 30%, rgba(255,255,255,.18), transparent 12%), radial-gradient(circle at 75% 25%, rgba(255,255,255,.12), transparent 12%), linear-gradient(180deg,#2b202d,#100c13); }
.scene-crowd { background: radial-gradient(circle at 50% 12%, rgba(242,201,76,.12), transparent 28%), linear-gradient(180deg,#29231b,#100d09); }
.scene-locker { background: linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px), linear-gradient(180deg,#252833,#11131b); background-size:42px 100%,auto; }
.scene-travel { background: radial-gradient(circle at 75% 22%,rgba(255,255,255,.16),transparent 18%),linear-gradient(180deg,#17344b,#0a1722); }

.scene-result-badge {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  padding: 20px;
  text-align: center;
  background: rgba(5,10,16,.78);
  backdrop-filter: blur(8px);
  animation: sceneResultIn .35s ease both;
}

.scene-result-badge b {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #082515;
  background: var(--green);
  font-size: 22px;
}

.scene-result-badge span {
  max-width: 480px;
  font-size: 11px;
  line-height: 1.45;
}

@keyframes eventParticle { 0%,100%{opacity:.25;transform:translateY(0) scale(.8)} 50%{opacity:.85;transform:translateY(-9px) scale(1.15)} }
@keyframes eventFocus { 0%,100%{transform:translate(-50%,-50%) scale(1)} 50%{transform:translate(-50%,-54%) scale(1.05)} }
@keyframes sceneResultIn { from{opacity:0;transform:scale(.96)} to{opacity:1;transform:none} }

/* Cenários variados para decisões em campo */
#match-decision-modal .decision-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

#match-decision-modal .decision-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: .88;
}

#match-decision-modal .decision-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(5,9,15,.12), rgba(5,9,15,.76));
}

.decision-card.scene-night::before { background: radial-gradient(circle at 50% 0,rgba(96,120,255,.2),transparent 34%), linear-gradient(180deg,#111c36,#07111d); }
.decision-card.scene-floodlights::before { background: radial-gradient(circle at 14% 0,rgba(255,255,255,.27),transparent 18%),radial-gradient(circle at 86% 0,rgba(255,255,255,.23),transparent 18%),linear-gradient(180deg,#13263b,#07131d); }
.decision-card.scene-sunset::before { background: radial-gradient(circle at 50% 0,rgba(255,166,85,.24),transparent 36%),linear-gradient(180deg,#3a2330,#101626 60%,#08101b); }
.decision-card.scene-derby::before { background: radial-gradient(circle at 20% 10%,rgba(255,79,105,.18),transparent 28%),radial-gradient(circle at 80% 10%,rgba(66,232,141,.15),transparent 28%),linear-gradient(180deg,#241724,#0a101b); }
.decision-card.scene-fog::before { background: linear-gradient(180deg,rgba(210,225,235,.13),transparent 38%),linear-gradient(180deg,#26343d,#101820); }
.decision-card.scene-finale::before { background: radial-gradient(circle at 50% 0,rgba(242,201,76,.22),transparent 36%),linear-gradient(180deg,#2b2415,#0d1118); }
.decision-card.scene-rain::before { background: linear-gradient(115deg,transparent 0 46%,rgba(160,205,235,.08) 47% 49%,transparent 50% 100%),linear-gradient(180deg,#15293a,#09131d); background-size:22px 28px,auto; animation:rainMove .6s linear infinite; }

@keyframes rainMove { to{background-position:-22px 28px,0 0} }

#match-decision-modal .decision-visual {
  margin-top: 8px;
}

#match-decision-modal .visual-stage {
  min-height: 230px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.055), inset 0 -50px 80px rgba(0,0,0,.18);
}

#match-decision-modal .visual-choice {
  min-height: 78px;
  backdrop-filter: blur(7px);
}

#match-decision-modal .visual-choice > span {
  font-size: 20px;
}

/* Club initial draw */
#reroll-clubs:disabled {
  opacity: .46;
  cursor: not-allowed;
}

.club-option small:first-of-type {
  color: var(--green);
}

/* Maintain comfortable image spacing */
.competition-item,
.summary-honour,
.season-honour-tile,
.legacy-major-item,
.legacy-honours-preview > div {
  overflow: hidden;
}

.honour-art,
.competition-item .honour-art {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
}

.honour-art img,
.competition-item .honour-art img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

@media (max-width: 760px) {
  #home .hero-shell {
    padding: 32px 18px 28px;
  }

  #home .game-menu-entry {
    grid-template-columns: 42px 1fr;
  }

  #home .game-menu-entry em {
    display: none;
  }

  .saved-careers-list {
    grid-template-columns: 1fr;
  }

  .saved-career-card {
    grid-template-columns: 84px 1fr;
  }

  .saved-career-face {
    width: 82px;
    height: 102px;
  }

  .saved-career-numbers {
    grid-template-columns: repeat(2, 1fr);
  }

  .appearance-builder {
    grid-template-columns: 1fr !important;
  }

  .appearance-preview-wrap {
    min-height: 330px;
  }

  .appearance-group-options {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }

  .event-choice-grid {
    grid-template-columns: 1fr;
  }

  .profile-card {
    grid-template-columns: 90px 1fr !important;
  }

  .profile-card .rating-stack {
    grid-column: 1 / -1;
  }
}

/* V9.0.1 face centering hardening */
.appearance-preview {
  position: relative !important;
  display: block !important;
}

.appearance-preview .player-face {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  margin: 0 !important;
  transform: translate(-50%, -44%) scale(1.12) !important;
  transform-origin: center center !important;
}

/* ===== V9.1 — menu fora da carreira + cenários adicionais ===== */
body.career-mode #home {
  display: none !important;
}

body.career-mode #nav [data-view="home"] {
  display: none !important;
}

body.career-mode .logo {
  cursor: default;
}

.scene-photoshoot {
  background:
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.28), transparent 14%),
    radial-gradient(circle at 82% 18%, rgba(255,255,255,.18), transparent 16%),
    linear-gradient(180deg,#2a2230,#100d15);
}

.scene-bootroom {
  background:
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(180deg,#20262b,#0c1014);
  background-size:48px 100%,auto;
}

.scene-boardroom {
  background:
    radial-gradient(circle at 50% 80%, rgba(242,201,76,.12), transparent 35%),
    linear-gradient(180deg,#242018,#0d0b08);
}

.scene-anthem {
  background:
    linear-gradient(120deg, rgba(32,164,76,.28), transparent 35%),
    linear-gradient(240deg, rgba(245,215,55,.14), transparent 35%),
    linear-gradient(180deg,#10271c,#07120d);
}

.scene-tunnel {
  background:
    linear-gradient(90deg,rgba(255,255,255,.04),transparent 12%,transparent 88%,rgba(255,255,255,.04)),
    linear-gradient(180deg,#1e2630,#080d12);
}

.scene-national-training {
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 2px, transparent 2px 58px),
    linear-gradient(180deg,#153b2b,#08180f);
}

.scene-physio {
  background:
    radial-gradient(circle at 50% 25%, rgba(101,214,255,.17), transparent 36%),
    linear-gradient(180deg,#17303b,#091319);
}

.scene-recovery-pool {
  background:
    repeating-linear-gradient(0deg, rgba(86,204,242,.08) 0 3px, transparent 3px 15px),
    linear-gradient(180deg,#12344a,#08151d);
}

.scene-agent-office {
  background:
    linear-gradient(90deg,transparent 0 20%,rgba(255,255,255,.035) 20% 21%,transparent 21% 79%,rgba(255,255,255,.035) 79% 80%,transparent 80%),
    linear-gradient(180deg,#22283a,#0b0e18);
}

.scene-airport {
  background:
    radial-gradient(circle at 72% 20%, rgba(255,255,255,.2), transparent 18%),
    linear-gradient(180deg,#28445b,#0d1823);
}

.scene-gym {
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 2px, transparent 2px 34px),
    linear-gradient(180deg,#22282e,#0c1014);
}

.scene-tactical-room {
  background:
    radial-gradient(circle at 50% 45%, rgba(66,232,141,.12), transparent 28%),
    linear-gradient(180deg,#182820,#09130d);
}

.scene-analysis-room {
  background:
    linear-gradient(120deg,rgba(75,106,255,.16),transparent 34%),
    linear-gradient(180deg,#171e33,#080c16);
}

.scene-press-room {
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 42px,transparent 42px 84px),
    linear-gradient(180deg,#291d26,#100b10);
}

.scene-studio {
  background:
    radial-gradient(circle at 22% 15%,rgba(255,255,255,.2),transparent 14%),
    radial-gradient(circle at 78% 15%,rgba(255,255,255,.18),transparent 14%),
    linear-gradient(180deg,#1c2030,#0a0c12);
}

.scene-fan-zone {
  background:
    radial-gradient(circle at 12% 18%,rgba(255,77,98,.16),transparent 16%),
    radial-gradient(circle at 86% 18%,rgba(66,232,141,.16),transparent 16%),
    linear-gradient(180deg,#2b2226,#0f0c0f);
}

.scene-trophy-room {
  background:
    radial-gradient(circle at 50% 25%,rgba(242,201,76,.18),transparent 30%),
    linear-gradient(180deg,#282316,#0e0c08);
}

.scene-team-talk {
  background:
    radial-gradient(circle at 50% 85%,rgba(255,255,255,.05),transparent 28%),
    linear-gradient(180deg,#242834,#0f1118);
}

.scene-corridor,
.scene-club-corridor {
  background:
    linear-gradient(90deg,rgba(255,255,255,.03) 0 3%,transparent 3% 47%,rgba(255,255,255,.03) 47% 50%,transparent 50% 97%,rgba(255,255,255,.03) 97%),
    linear-gradient(180deg,#202a34,#0a1016);
}

.scene-team-bus {
  background:
    linear-gradient(180deg,rgba(111,151,196,.12),transparent 34%),
    linear-gradient(90deg,#0d151e 0 17%,#1c2a35 17% 83%,#0d151e 83%);
}

.scene-hotel {
  background:
    radial-gradient(circle at 72% 24%,rgba(255,207,120,.14),transparent 20%),
    linear-gradient(180deg,#2b241f,#100d0b);
}

.scene-city-night {
  background:
    radial-gradient(circle at 20% 20%,rgba(85,110,255,.16),transparent 20%),
    radial-gradient(circle at 82% 26%,rgba(255,88,150,.12),transparent 18%),
    linear-gradient(180deg,#13172b,#070912);
}

.scene-academy {
  background:
    radial-gradient(circle at 50% 20%,rgba(66,232,141,.16),transparent 32%),
    linear-gradient(180deg,#193126,#08130d);
}

.career-event-scene .scene-prop {
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.58;
}

.scene-prop i,
.scene-prop b,
.scene-prop em {
  position:absolute;
  display:block;
}

.prop-photoshoot i,
.prop-studio i,
.prop-press-room i {
  width:28px;
  height:40px;
  left:16%;
  top:25%;
  border:2px solid rgba(255,255,255,.15);
  border-radius:6px;
  box-shadow:430px 8px 0 -1px rgba(255,255,255,.08);
}

.prop-gym b {
  width:170px;
  height:8px;
  left:50%;
  top:65%;
  transform:translateX(-50%);
  border-radius:8px;
  background:rgba(255,255,255,.12);
  box-shadow:-60px 0 0 6px rgba(255,255,255,.08),60px 0 0 6px rgba(255,255,255,.08);
}

.prop-tactical-room i,
.prop-analysis-room i {
  width:180px;
  height:86px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.08) 50%,transparent 51%);
}

.prop-airport i,
.prop-travel i {
  width:120px;
  height:2px;
  right:10%;
  top:38%;
  background:rgba(255,255,255,.18);
  transform:rotate(-8deg);
}

.prop-trophy-room i {
  width:34px;
  height:58px;
  left:18%;
  bottom:22%;
  border-radius:50% 50% 28% 28%;
  border:2px solid rgba(242,201,76,.28);
  box-shadow:390px 0 0 -1px rgba(242,201,76,.12);
}

.decision-card.scene-storm::before {
  background:
    radial-gradient(circle at 74% 4%,rgba(255,255,255,.3),transparent 10%),
    linear-gradient(115deg,transparent 0 46%,rgba(174,218,245,.09) 47% 49%,transparent 50% 100%),
    linear-gradient(180deg,#172432,#071019);
  background-size:auto,20px 28px,auto;
  animation:stormMove .5s linear infinite;
}

.decision-card.scene-snow::before {
  background:
    radial-gradient(circle at 12% 18%,rgba(255,255,255,.22) 0 2px,transparent 3px),
    radial-gradient(circle at 72% 30%,rgba(255,255,255,.17) 0 2px,transparent 3px),
    linear-gradient(180deg,#34424f,#111a22);
  background-size:48px 54px,68px 70px,auto;
  animation:snowDrift 3s linear infinite;
}

.decision-card.scene-heat::before {
  background:
    radial-gradient(circle at 50% 0,rgba(255,190,80,.28),transparent 38%),
    linear-gradient(180deg,#4a2b1f,#1c1716 55%,#0e1214);
}

.decision-card.scene-away::before {
  background:
    radial-gradient(circle at 10% 14%,rgba(255,77,98,.14),transparent 20%),
    radial-gradient(circle at 90% 14%,rgba(255,77,98,.12),transparent 20%),
    linear-gradient(180deg,#2b1c27,#0c1018);
}

.decision-card.scene-hostile::before {
  background:
    repeating-linear-gradient(120deg,rgba(255,75,75,.05) 0 18px,transparent 18px 36px),
    linear-gradient(180deg,#29151b,#0b0d13);
}

.decision-card.scene-cup-night::before {
  background:
    radial-gradient(circle at 50% 0,rgba(242,201,76,.18),transparent 32%),
    radial-gradient(circle at 15% 0,rgba(255,255,255,.17),transparent 14%),
    radial-gradient(circle at 85% 0,rgba(255,255,255,.17),transparent 14%),
    linear-gradient(180deg,#192332,#080d14);
}

.decision-card.scene-extra-time::before {
  background:
    radial-gradient(circle at 50% 12%,rgba(255,255,255,.12),transparent 18%),
    linear-gradient(180deg,#1d2430,#090e15);
}

.decision-card.scene-morning::before {
  background:
    radial-gradient(circle at 76% 0,rgba(255,232,169,.24),transparent 28%),
    linear-gradient(180deg,#34546a,#13212c 55%,#0b151d);
}

.decision-card.scene-national-night::before {
  background:
    radial-gradient(circle at 50% 0,rgba(55,214,123,.18),transparent 28%),
    linear-gradient(120deg,rgba(245,215,55,.08),transparent 36%),
    linear-gradient(180deg,#102b23,#07120e);
}

.match-cinematic .camera-pan {
  position:absolute;
  inset:8% -18%;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.08);
  transform:skewX(-18deg) translateX(-18%);
  opacity:.42;
  animation:cameraSweep 1.25s ease-out both;
}

.match-cinematic .score-pulse {
  position:absolute;
  width:84px;
  height:84px;
  left:50%;
  top:48%;
  transform:translate(-50%,-50%) scale(.55);
  border:2px solid rgba(255,255,255,.18);
  border-radius:50%;
  opacity:0;
  animation:scorePulse 1.2s .15s ease-out both;
}

@keyframes stormMove {
  to { background-position:0 0,-20px 28px,0 0; }
}

@keyframes snowDrift {
  to { background-position:48px 54px,-68px 70px,0 0; }
}

@keyframes cameraSweep {
  from { opacity:0; transform:skewX(-18deg) translateX(-30%); }
  40% { opacity:.55; }
  to { opacity:0; transform:skewX(-18deg) translateX(28%); }
}

@keyframes scorePulse {
  0% { opacity:0; transform:translate(-50%,-50%) scale(.4); }
  35% { opacity:.75; }
  100% { opacity:0; transform:translate(-50%,-50%) scale(1.7); }
}

/* ===== V9.1 — menu inicial de jogo + cenários dinâmicos ===== */
/* Corrige a regressão da V9.0: a home só existe visualmente quando for a view ativa. */
#home.view:not(.active){
  display:none!important;
}
#home.view.active{
  display:block!important;
}
body.home-screen .topbar{
  display:none;
}
body.home-screen main{
  min-height:100vh;
}

/* Menu inicial inspirado em hub de career mode, não em landing page. */
#home.game-home{
  position:relative;
  min-height:100vh;
  padding:0!important;
  overflow-x:hidden;
  background:#07101b;
}
.game-home-bg{
  position:fixed;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 8%,rgba(76,119,255,.20),transparent 32%),
    radial-gradient(circle at 82% 50%,rgba(66,232,141,.08),transparent 28%),
    linear-gradient(180deg,#101a2b 0%,#08111e 48%,#060c15 100%);
}
.game-home-bg::before{
  content:"";
  position:absolute;
  left:-8%;right:-8%;bottom:-16%;height:53%;
  border-radius:50% 50% 0 0/18% 18% 0 0;
  background:
    linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.08) 49.8% 50.2%,transparent 50.3%),
    linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.015)),
    #0d392a;
  transform:perspective(760px) rotateX(63deg);
  transform-origin:bottom;
  box-shadow:0 -24px 70px rgba(0,0,0,.32);
}
.game-home-bg::after{
  content:"";
  position:absolute;
  left:50%;bottom:4%;width:36%;height:19%;
  transform:translateX(-50%) perspective(600px) rotateX(62deg);
  border:2px solid rgba(255,255,255,.08);
  border-radius:50%;
}
.stadium-beam{
  position:absolute;
  top:-12%;width:18%;height:82%;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(100,151,255,.035) 36%,transparent 72%);
  filter:blur(8px);
  opacity:.55;
  animation:homeBeamSweep 7s ease-in-out infinite alternate;
}
.beam-a{left:4%;transform:rotate(15deg)}
.beam-b{right:4%;transform:rotate(-15deg);animation-delay:-3s}
.stadium-stand{
  position:absolute;
  top:16%;width:34%;height:30%;
  opacity:.22;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 2px,transparent 2px 9px);
  transform:skewY(-8deg);
}
.stand-a{left:-7%}.stand-b{right:-7%;transform:skewY(8deg)}
.game-home-shell{
  position:relative;
  z-index:2;
  width:min(1180px,calc(100% - 42px));
  min-height:100vh;
  margin:0 auto;
  padding:52px 0 48px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:28px;
}
.game-brand-lockup{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  text-align:left;
}
.game-brand-mark{
  width:64px;
  height:64px;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.32));
}
.game-brand-kicker{
  display:block;
  margin-bottom:2px;
  color:var(--green);
  font-size:10px;
  font-weight:800;
  letter-spacing:.22em;
}
.game-brand-lockup h1{
  margin:0;
  font-family:var(--btl-display-font);
  font-size:clamp(31px,4vw,52px);
  line-height:.95;
  letter-spacing:-.055em;
}
.game-brand-lockup h1 strong{color:var(--green)}
.game-brand-lockup p{
  margin:7px 0 0;
  color:var(--muted);
  font-size:12px;
}
.game-home-main{
  width:min(1040px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  gap:20px;
  align-items:stretch;
}
.football-menu-list{
  display:grid;
  align-content:center;
  gap:9px;
  padding:18px;
  border:1px solid rgba(130,155,255,.13);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(14,22,38,.91),rgba(8,14,26,.94));
  box-shadow:0 30px 80px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(15px);
}
.football-menu-option{
  position:relative;
  display:grid;
  grid-template-columns:42px 1fr 32px;
  gap:13px;
  align-items:center;
  width:100%;
  min-height:72px;
  padding:13px 16px;
  border:1px solid transparent;
  border-radius:16px;
  color:#eef5fb;
  text-align:left;
  font:inherit;
  background:rgba(255,255,255,.025);
  cursor:pointer;
  overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.football-menu-option::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--green);
  transform:scaleY(0);
  transition:transform .18s ease;
}
.football-menu-option:hover,
.football-menu-option:focus-visible{
  transform:translateX(7px);
  border-color:rgba(66,232,141,.28);
  background:linear-gradient(90deg,rgba(66,232,141,.12),rgba(255,255,255,.035));
  box-shadow:0 14px 30px rgba(0,0,0,.20);
  outline:none;
}
.football-menu-option:hover::before,
.football-menu-option:focus-visible::before,
.football-menu-option.primary-option::before{transform:scaleY(1)}
.football-menu-option.primary-option{
  background:linear-gradient(90deg,rgba(66,232,141,.16),rgba(66,232,141,.035));
  border-color:rgba(66,232,141,.22);
}
.football-menu-option:disabled{opacity:.38;cursor:not-allowed;transform:none}
.football-menu-number{
  display:grid;
  place-items:center;
  width:38px;height:38px;
  border-radius:12px;
  color:var(--muted);
  background:rgba(255,255,255,.045);
  font-family:var(--btl-display-font);
  font-size:11px;
  font-weight:700;
}
.football-menu-copy{display:grid;gap:3px}
.football-menu-copy b{font-size:16px;letter-spacing:-.015em}
.football-menu-copy small{color:var(--muted);font-size:11px;line-height:1.4}
.football-menu-arrow{justify-self:end;color:var(--green);font-size:20px;font-weight:800}
.home-career-slot{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:16px;
  padding:22px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 84% 6%,rgba(66,232,141,.10),transparent 34%),
    linear-gradient(155deg,rgba(21,32,52,.96),rgba(10,16,28,.98));
  box-shadow:0 30px 80px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04);
  overflow:hidden;
}
.home-career-slot::after{
  content:"";
  position:absolute;
  right:-50px;bottom:-62px;
  width:210px;height:210px;border-radius:50%;
  border:1px solid rgba(255,255,255,.045);
  box-shadow:0 0 0 32px rgba(255,255,255,.015),0 0 0 65px rgba(255,255,255,.008);
}
.home-career-slot-head{
  display:flex;justify-content:space-between;align-items:center;
  color:var(--muted);font-size:9px;letter-spacing:.14em;font-weight:800;
}
.home-career-slot-head b{
  color:var(--green);padding:5px 8px;border-radius:999px;background:rgba(66,232,141,.08);border:1px solid rgba(66,232,141,.16);
}
.home-career-player{
  display:grid;
  grid-template-columns:92px 1fr;
  gap:15px;
  align-items:center;
  min-height:112px;
}
.home-career-face{
  width:88px;height:106px;
  display:grid;place-items:center;
  overflow:hidden;
  border-radius:20px;
  background:linear-gradient(160deg,#17313d,#09131d);
  border:1px solid rgba(255,255,255,.10);
  color:var(--green);font-size:28px;font-weight:800;
}
.home-career-face.face-avatar .player-face.compact{
  transform:scale(.72);
  transform-origin:center 22%;
  margin-top:13px;
}
.home-career-player h2{margin:4px 0 5px;font-size:22px;line-height:1.05}
.home-career-player small{color:var(--green);font-size:9px;font-weight:800;letter-spacing:.1em}
.home-career-player p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
.home-career-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.home-career-stats span{display:grid;place-items:center;gap:2px;min-height:58px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}
.home-career-stats b{font-family:var(--btl-display-font);font-size:19px}
.home-career-stats small{font-size:8px;color:var(--muted);letter-spacing:.09em}
.home-career-progress{height:5px;border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden}
.home-career-progress span{display:block;height:100%;width:8%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#8df6bd);box-shadow:0 0 16px rgba(66,232,141,.28);transition:width .5s ease}
#home-career-progress-label{color:var(--muted);font-size:10px;line-height:1.4}
.game-home-footer-strip{
  width:min(1040px,100%);
  margin:0 auto;
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:11px;
  color:rgba(255,255,255,.46);font-size:9px;font-weight:800;letter-spacing:.09em;
}
.game-home-footer-strip i{width:3px;height:3px;border-radius:50%;background:var(--green);opacity:.7}
.game-hall{
  width:min(1040px,100%);
  margin:0 auto!important;
  padding:18px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(13,21,37,.94),rgba(8,14,25,.96))!important;
  border:1px solid rgba(130,155,255,.12)!important;
  box-shadow:0 26px 65px rgba(0,0,0,.28)!important;
}
.game-hall .section-title{margin-bottom:13px}
.game-hall .section-title>div{display:grid;gap:2px}
.game-hall .section-title h3{font-size:18px}
.saved-careers-list{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
  gap:12px!important;
}
.saved-career-card{
  position:relative;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:10px 13px!important;
  min-width:0!important;
  min-height:146px!important;
  padding:14px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
  overflow:hidden;
}
.saved-career-card::before{
  content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(var(--green),transparent);opacity:.85;
}
.saved-career-rank{position:absolute!important;right:12px!important;top:12px!important;display:grid!important;text-align:right!important;gap:0!important}
.saved-career-rank small{font-size:7px!important;color:var(--muted)!important;letter-spacing:.08em}
.saved-career-rank strong{font-size:18px!important;color:var(--green)!important}
.saved-career-face{grid-row:1/3!important;width:62px!important;height:78px!important;align-self:center!important;display:grid!important;place-items:center!important;overflow:hidden!important;border-radius:15px!important;background:#10212c!important}
.saved-career-face .player-face.compact{transform:scale(.52)!important;transform-origin:center 20%!important;margin-top:12px!important}
.saved-career-info{min-width:0;padding-right:54px}
.saved-career-info h4{margin:2px 0 2px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.saved-career-info p{margin:0;color:var(--muted);font-size:10px}
.saved-career-kicker{font-size:7px;color:var(--green);letter-spacing:.1em;font-weight:800}
.saved-career-clubs{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.saved-career-clubs span{padding:3px 6px;border-radius:999px;background:rgba(255,255,255,.045);font-size:8px;color:var(--muted)}
.saved-career-numbers{grid-column:2;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:5px!important}
.saved-career-numbers div{display:grid;place-items:center;min-height:42px;border-radius:10px;background:rgba(255,255,255,.035)}
.saved-career-numbers strong{font-size:13px!important}.saved-career-numbers small{font-size:6px!important;color:var(--muted);letter-spacing:.05em}
.hall-empty{grid-column:1/-1;min-height:108px;display:grid;place-items:center;align-content:center;gap:4px;color:var(--muted);text-align:center;border:1px dashed rgba(255,255,255,.08);border-radius:16px}
.hall-empty>span{font-size:20px;color:var(--green)}
.hall-empty strong{color:var(--text);font-size:12px}.hall-empty small{font-size:9px}

/* Eventos: cada tipo pode cair em cenários visualmente diferentes. */
.career-event-scene{
  height:180px!important;
  background:#0b1420;
}
.scene-sky i:nth-child(4){left:73%;top:18%;animation-delay:-2.2s}
.scene-sky i:nth-child(5){left:31%;top:44%;animation-delay:-2.9s}
.scene-architecture{
  position:absolute;inset:0;pointer-events:none;
}
.scene-architecture span{position:absolute;display:block;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018)}
.scene-architecture span:nth-child(1){left:8%;bottom:26px;width:21%;height:82px;border-radius:10px 10px 0 0}
.scene-architecture span:nth-child(2){right:8%;bottom:26px;width:21%;height:68px;border-radius:10px 10px 0 0}
.scene-architecture span:nth-child(3){left:34%;right:34%;bottom:26px;height:104px;border-radius:18px 18px 0 0}
.scene-figure{position:absolute;left:21%;bottom:28px;width:30px;height:76px;z-index:3;animation:eventFigureIdle 3s ease-in-out infinite}
.scene-figure i{position:absolute;left:6px;top:0;width:18px;height:18px;border-radius:50%;background:rgba(228,205,185,.8)}
.scene-figure b{position:absolute;left:2px;top:20px;width:26px;height:50px;border-radius:9px 9px 4px 4px;background:rgba(255,255,255,.14)}
.scene-prop{position:absolute;right:19%;bottom:32px;width:54px;height:35px;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:rgba(255,255,255,.04);z-index:3}
.scene-led{position:absolute;left:9%;right:9%;bottom:16px;height:4px;display:flex;gap:6px;z-index:4}
.scene-led i{flex:1;border-radius:999px;background:rgba(66,232,141,.24);animation:sceneLed 1.8s ease-in-out infinite alternate}
.scene-led i:nth-child(2){animation-delay:-.4s}.scene-led i:nth-child(3){animation-delay:-.8s}.scene-led i:nth-child(4){animation-delay:-1.2s}

.scene-sponsor-stage,.scene-brand-studio,.scene-photoshoot{background:radial-gradient(circle at 50% 22%,rgba(242,201,76,.22),transparent 30%),linear-gradient(180deg,#2a2010,#0d0b08)}
.scene-brand-studio .scene-architecture span:nth-child(3){height:92px;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.02))}
.scene-photoshoot::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.32),transparent 8%),radial-gradient(circle at 82% 25%,rgba(255,255,255,.26),transparent 8%);animation:photoFlash 2.6s steps(1) infinite}
.scene-national-locker,.scene-national-hotel,.scene-national-stadium,.scene-national-tunnel{background:radial-gradient(circle at 50% 22%,rgba(55,214,123,.18),transparent 34%),linear-gradient(180deg,#12322b,#071510)}
.scene-national-stadium .scene-architecture span{border-radius:50% 50% 0 0}.scene-national-stadium .scene-led i{background:rgba(242,201,76,.38)}
.scene-national-tunnel .scene-architecture span:nth-child(3),.scene-stadium-tunnel .scene-architecture span:nth-child(3){height:130px;border-radius:50px 50px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.08))}
.scene-medical-room,.scene-recovery-pool,.scene-physio-gym{background:radial-gradient(circle at 50% 20%,rgba(86,204,242,.17),transparent 35%),linear-gradient(180deg,#123041,#07131b)}
.scene-recovery-pool::after{content:"";position:absolute;left:8%;right:8%;bottom:16px;height:34px;border-radius:50%;background:repeating-radial-gradient(ellipse at center,rgba(86,204,242,.16) 0 2px,transparent 3px 8px);animation:poolRipple 2.2s linear infinite}
.scene-agent-office,.scene-boardroom,.scene-club-office{background:linear-gradient(180deg,#20283b,#0b101b)}
.scene-airport,.scene-team-bus,.scene-hotel-lobby{background:radial-gradient(circle at 75% 15%,rgba(120,190,255,.17),transparent 24%),linear-gradient(180deg,#163248,#091722)}
.scene-team-bus .scene-prop{width:92px;height:38px;border-radius:12px 12px 5px 5px}.scene-team-bus .scene-prop::after{content:"";position:absolute;left:10px;right:10px;bottom:-7px;height:12px;background:radial-gradient(circle at 12px 6px,#05080c 0 6px,transparent 6px),radial-gradient(circle at calc(100% - 12px) 6px,#05080c 0 6px,transparent 6px)}
.scene-training-pitch,.scene-gym,.scene-video-room{background:linear-gradient(180deg,#183526,#09170f 66%,#071008)}
.scene-training-pitch::after{content:"";position:absolute;left:9%;right:9%;bottom:20px;height:55px;border:1px solid rgba(255,255,255,.10);border-bottom:0;transform:perspective(220px) rotateX(55deg);transform-origin:bottom}
.scene-gym .scene-prop::before,.scene-gym .scene-prop::after{content:"";position:absolute;top:14px;width:18px;height:8px;border-radius:3px;background:rgba(255,255,255,.20)}.scene-gym .scene-prop::before{left:-14px}.scene-gym .scene-prop::after{right:-14px}
.scene-pressroom,.scene-tv-studio,.scene-mixed-zone{background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.17),transparent 10%),radial-gradient(circle at 82% 22%,rgba(255,255,255,.12),transparent 10%),linear-gradient(180deg,#302136,#100d15)}
.scene-pressroom .scene-prop{width:72px;height:24px}.scene-pressroom .scene-prop::before{content:"";position:absolute;left:34px;bottom:22px;width:4px;height:26px;background:rgba(255,255,255,.24);transform:rotate(-8deg)}
.scene-fan-zone,.scene-derby-stand,.scene-club-museum{background:radial-gradient(circle at 50% 5%,rgba(242,201,76,.15),transparent 30%),linear-gradient(180deg,#322619,#100c08)}
.scene-derby-stand .scene-sky i{width:11px;height:4px;border-radius:1px;background:var(--green);animation:confettiDrift 2.4s linear infinite}
.scene-locker-room,.scene-team-talk,.scene-stadium-tunnel{background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(180deg,#282d3a,#10131b);background-size:42px 100%,auto}
.scene-city-night,.scene-stadium-corridor{background:radial-gradient(circle at 72% 16%,rgba(95,122,255,.18),transparent 24%),linear-gradient(180deg,#15203b,#080e19)}

@keyframes eventFigureIdle{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes sceneLed{from{opacity:.28;filter:brightness(.75)}to{opacity:1;filter:brightness(1.4)}}
@keyframes photoFlash{0%,72%,100%{opacity:0}73%,76%{opacity:1}77%,84%{opacity:0}85%,87%{opacity:.7}}
@keyframes poolRipple{to{background-position:18px 0}}
@keyframes confettiDrift{0%{transform:translateY(-8px) rotate(0);opacity:.2}50%{opacity:1}100%{transform:translateY(55px) rotate(160deg);opacity:0}}

/* Mais atmosferas de jogo para reduzir repetição visual. */
.decision-card.scene-afternoon::before{background:radial-gradient(circle at 82% 4%,rgba(255,226,145,.28),transparent 22%),linear-gradient(180deg,#31566c,#19394b 44%,#0b1820)}
.decision-card.scene-snow::before{background:radial-gradient(circle at 50% 0,rgba(235,245,255,.20),transparent 35%),repeating-radial-gradient(circle at 20% 10%,rgba(255,255,255,.6) 0 1px,transparent 2px 22px),linear-gradient(180deg,#51616d,#1a2832);background-size:auto,44px 44px,auto;animation:snowFall 1.9s linear infinite}
.decision-card.scene-storm::before{background:linear-gradient(115deg,transparent 0 47%,rgba(180,220,245,.09) 48% 49%,transparent 50%),radial-gradient(circle at 78% 4%,rgba(210,230,255,.18),transparent 14%),linear-gradient(180deg,#172c3c,#071019);background-size:20px 30px,auto,auto;animation:stormRain .46s linear infinite}
.decision-card.scene-away-end::before{background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 3px,transparent 3px 20px),radial-gradient(circle at 50% 10%,rgba(255,76,90,.18),transparent 34%),linear-gradient(180deg,#311b27,#0c101a)}
.decision-card.scene-cup-night::before{background:radial-gradient(circle at 50% -5%,rgba(242,201,76,.24),transparent 31%),radial-gradient(circle at 12% 0,rgba(255,255,255,.18),transparent 16%),radial-gradient(circle at 88% 0,rgba(255,255,255,.16),transparent 16%),linear-gradient(180deg,#202440,#080e18)}
.decision-card.scene-heat::before{background:radial-gradient(circle at 72% 0,rgba(255,188,91,.28),transparent 28%),linear-gradient(180deg,#59412c,#22251d 54%,#0b1711);animation:heatHaze 2.4s ease-in-out infinite alternate}
.decision-card.scene-wind::before{background:repeating-linear-gradient(168deg,transparent 0 18px,rgba(210,235,245,.055) 19px 21px,transparent 22px 42px),linear-gradient(180deg,#274458,#0a1721);animation:windLines 1.3s linear infinite}
.decision-card.scene-neon::before{background:linear-gradient(135deg,rgba(66,232,141,.13),transparent 30%),linear-gradient(225deg,rgba(100,99,255,.15),transparent 30%),linear-gradient(180deg,#101a2e,#060b14);animation:neonPulse 2.2s ease-in-out infinite alternate}
.decision-card.scene-tunnel::before{background:linear-gradient(90deg,rgba(0,0,0,.58),transparent 28% 72%,rgba(0,0,0,.58)),radial-gradient(ellipse at 50% 0,rgba(255,255,255,.16),transparent 24%),linear-gradient(180deg,#26303b,#0a0f17)}
.decision-card.scene-snow .visual-stage::after,
.decision-card.scene-storm .visual-stage::after,
.decision-card.scene-wind .visual-stage::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
}
.decision-card.scene-snow .visual-stage::after{background:repeating-radial-gradient(circle at 0 0,rgba(255,255,255,.65) 0 1px,transparent 2px 24px);background-size:35px 35px;animation:snowFall 1.7s linear infinite}
.decision-card.scene-storm .visual-stage::after{background:repeating-linear-gradient(112deg,transparent 0 20px,rgba(180,220,245,.12) 21px 22px,transparent 23px 40px);animation:stormRain .42s linear infinite}
.decision-card.scene-wind .visual-stage::after{background:repeating-linear-gradient(172deg,transparent 0 30px,rgba(255,255,255,.08) 31px 33px,transparent 34px 60px);animation:windLines 1.1s linear infinite}

.match-cinematic.variant-0::before{content:"";position:absolute;left:5%;top:18%;width:90%;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);animation:cinematicScan .9s ease-out both}
.match-cinematic.variant-1::before{content:"";position:absolute;left:50%;top:8%;width:2px;height:80%;background:linear-gradient(transparent,rgba(255,255,255,.6),transparent);animation:cinematicDrop .9s ease-out both}
.match-cinematic.variant-2::before{content:"";position:absolute;inset:16%;border:2px solid rgba(242,201,76,.55);border-radius:50%;animation:cinematicRing 1s ease-out both}
.match-cinematic.variant-3::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.18),transparent 10%);animation:cinematicPulse 1.1s ease-out both}
.match-cinematic.variant-4::before{content:"";position:absolute;left:8%;right:8%;bottom:20%;height:16px;background:repeating-linear-gradient(90deg,var(--green) 0 14px,transparent 14px 26px);opacity:.25;animation:cinematicBar .95s linear both}
.match-cinematic.variant-5::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.20) 49%,transparent 56%);animation:cinematicSweep 1.1s ease-out both}

@keyframes homeBeamSweep{from{opacity:.28;transform:translateX(-18px) rotate(12deg)}to{opacity:.72;transform:translateX(28px) rotate(18deg)}}
@keyframes snowFall{to{background-position:0 44px,0 0,0 0}}
@keyframes stormRain{to{background-position:-20px 30px,0 0,0 0}}
@keyframes heatHaze{from{filter:saturate(.9) blur(0)}to{filter:saturate(1.12) blur(.7px)}}
@keyframes windLines{to{background-position:70px 0,0 0}}
@keyframes neonPulse{from{filter:brightness(.85)}to{filter:brightness(1.18)}}
@keyframes cinematicScan{from{transform:translateY(-20px);opacity:0}to{transform:translateY(80px);opacity:0}}
@keyframes cinematicDrop{from{transform:translateY(-70px);opacity:0}45%{opacity:.8}to{transform:translateY(80px);opacity:0}}
@keyframes cinematicRing{from{transform:scale(.2);opacity:.9}to{transform:scale(1.6);opacity:0}}
@keyframes cinematicPulse{0%{transform:scale(.2);opacity:0}35%{opacity:1}100%{transform:scale(2);opacity:0}}
@keyframes cinematicBar{from{transform:translateX(-80%)}to{transform:translateX(80%);opacity:0}}
@keyframes cinematicSweep{from{transform:translateX(-120%)}to{transform:translateX(120%)}}

@media(max-width:820px){
  .game-home-shell{width:min(100% - 24px,680px);padding:30px 0}
  .game-home-main{grid-template-columns:1fr}
  .home-career-slot{order:-1}
  .game-brand-lockup{justify-content:flex-start}
  .football-menu-option:hover,.football-menu-option:focus-visible{transform:translateX(3px)}
}
@media(max-width:520px){
  .game-brand-mark{width:50px;height:50px}
  .game-brand-lockup h1{font-size:34px}
  .game-home-shell{gap:18px}
  .football-menu-list,.home-career-slot,.game-hall{border-radius:20px!important;padding:14px!important}
  .football-menu-option{grid-template-columns:34px 1fr 24px;min-height:64px;padding:10px 12px}
  .football-menu-number{width:32px;height:32px}
  .home-career-player{grid-template-columns:78px 1fr}
  .home-career-face{width:74px;height:90px}
  .saved-careers-list{grid-template-columns:1fr!important}
  .event-choice-grid{grid-template-columns:1fr}
}
.scene-career{
  background:radial-gradient(circle at 50% 18%,rgba(66,232,141,.11),transparent 34%),linear-gradient(180deg,#182536,#0a111c);
}
/* ===== V10.3.2 — organização visual de conta, legado, contato e áudio ===== */

/* A facial compacta usa posicionamento absoluto em várias telas. Sem um
   containing block próprio ela "escapa" do card e cai sobre textos vizinhos. */
.face-avatar,
.home-career-face.face-avatar,
.saved-career-face.face-avatar,
.saved-career-detail-face.face-avatar,
.legacy-face.face-avatar {
  position:relative!important;
  overflow:hidden!important;
}
.home-career-face.face-avatar .player-face.compact{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  margin:0!important;
  transform:translate(-50%,-50%) scale(.62)!important;
  transform-origin:center center!important;
}

/* Chip da conta na barra superior */
.account-top-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:36px;
  padding:7px 11px;
  border:1px solid color-mix(in srgb,var(--green) 24%,var(--border));
  border-radius:10px;
  color:var(--text);
  background:linear-gradient(180deg,color-mix(in srgb,var(--green) 7%,var(--panel)),var(--panel));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.account-top-chip span{color:var(--gold);font-size:12px}
.account-top-chip b{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.account-top-chip:hover{border-color:var(--green);transform:translateY(-1px)}

/* ===== LOGIN / CONTA ===== */
.auth-gate{
  position:fixed;
  inset:0;
  z-index:3000;
  display:grid;
  place-items:center;
  padding:24px;
  overflow:auto;
  background:
    radial-gradient(circle at 22% 10%,rgba(88,116,255,.22),transparent 34%),
    radial-gradient(circle at 78% 84%,rgba(66,232,141,.13),transparent 30%),
    linear-gradient(155deg,#07101b,#0b1425 52%,#071017);
}
.auth-gate.hidden{display:none!important;visibility:hidden!important;pointer-events:none!important}
.auth-bg{position:fixed;inset:0;pointer-events:none;overflow:hidden}
.auth-bg span{position:absolute;border:1px solid rgba(255,255,255,.045);border-radius:50%}
.auth-bg span:nth-child(1){width:560px;height:560px;left:-210px;bottom:-260px}
.auth-bg span:nth-child(2){width:420px;height:420px;right:-150px;top:-170px}
.auth-bg span:nth-child(3){width:860px;height:240px;left:50%;bottom:-150px;transform:translateX(-50%);border-radius:50%}
.auth-card{
  position:relative;
  width:min(560px,100%);
  border:1px solid rgba(130,155,255,.18);
  border-radius:26px;
  padding:26px;
  background:linear-gradient(155deg,rgba(18,29,49,.98),rgba(8,15,27,.98));
  box-shadow:0 36px 100px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.055);
}
.auth-brand{display:flex;gap:15px;align-items:center;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.07)}
.auth-brand-mark{width:58px;height:58px;flex:0 0 auto;filter:drop-shadow(0 10px 24px rgba(66,232,141,.16))}
.auth-brand span,.auth-step-kicker{font-size:9px;letter-spacing:.16em;font-weight:800;color:var(--green)}
.auth-brand h1{margin:3px 0 4px;font-family:var(--btl-display-font);font-size:29px;line-height:1}
.auth-brand h1 strong{color:var(--green)}
.auth-brand p,.auth-google-profile>p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;margin-bottom:17px;border-radius:13px;background:rgba(255,255,255,.035)}
.auth-tabs button{padding:10px;border-radius:9px;background:transparent;color:var(--muted);font-weight:700}
.auth-tabs button.active{background:color-mix(in srgb,var(--green) 13%,var(--panel));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 22%,transparent)}
.auth-form,.auth-google-profile{display:grid;gap:13px}
.auth-form label,.auth-google-profile>label{display:grid;gap:7px;color:#ced8dc;font-size:12px;font-weight:700}
.auth-form input,.auth-google-profile input{
  width:100%;
  min-height:44px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  outline:none;
  color:var(--text);
  background:#08121d;
}
.auth-form input:focus,.auth-google-profile input:focus{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 10%,transparent)}
.auth-consent{grid-template-columns:auto 1fr!important;align-items:start!important;gap:9px!important;font-weight:500!important;line-height:1.45}
.auth-consent input{width:16px!important;height:16px!important;min-height:0!important;margin-top:2px;accent-color:var(--green)}
.auth-consent button,.auth-footer button{padding:0;background:none;color:var(--green);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.auth-divider{display:flex;align-items:center;gap:12px;margin:15px 0;color:var(--muted);font-size:10px}
.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:rgba(255,255,255,.07)}
.auth-guest,.google-fallback{
  width:100%;
  display:grid;
  grid-template-columns:36px 1fr;
  grid-template-rows:auto auto;
  column-gap:10px;
  align-items:center;
  text-align:left;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  color:var(--text);
  background:rgba(255,255,255,.035);
}
.auth-guest span,.google-g{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.06)}
.auth-guest b,.google-fallback b{font-size:12px}.auth-guest small{color:var(--muted);font-size:9px;margin-top:2px}
.auth-guest:hover,.google-fallback:hover{border-color:color-mix(in srgb,var(--green) 38%,transparent);background:color-mix(in srgb,var(--green) 7%,var(--panel))}
.google-signin-wrap{display:grid;gap:7px;margin-top:9px}.google-g{font-family:Arial,sans-serif;font-size:18px;font-weight:800;color:#4285f4;background:#fff}
#google-signin-container{display:flex;justify-content:center;min-height:0}
.auth-config-note{color:var(--muted);font-size:9px;text-align:center}.auth-error{min-height:18px;margin:9px 0 0;color:#ff7f86;font-size:11px;text-align:center}
.auth-footer{margin:15px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);color:var(--muted);font-size:9px;line-height:1.5;text-align:center}
.auth-google-profile h2{margin:5px 0 2px;font-size:24px}.auth-back{justify-self:start;padding:7px 0;background:none;color:var(--muted)}

/* Termos e privacidade */
.legal-card{width:min(760px,calc(100vw - 32px));max-height:min(84vh,820px);display:flex;flex-direction:column;gap:15px;padding:22px!important}
.legal-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:13px}
.legal-head h2{margin:4px 0 3px}.legal-head small{color:var(--muted)}
.legal-copy{overflow:auto;padding-right:9px;line-height:1.65;color:#c5d0d5;font-size:12px}
.legal-copy h3{margin:18px 0 4px;color:var(--text);font-size:14px}.legal-copy p{margin:0}
.icon-close{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border-radius:10px;color:var(--text);background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);font-size:20px}
.icon-close:hover{border-color:var(--green);color:var(--green)}

/* ===== MEU LEGADO ===== */
.legacy-page,.contact-page{min-height:calc(100vh - 72px)}
.legacy-page .page-head,.contact-page .page-head{max-width:760px}
.account-legacy-panel{
  display:grid;
  grid-template-columns:74px minmax(190px,.95fr) minmax(390px,1.65fr);
  gap:16px 20px;
  align-items:center;
  padding:22px 24px!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 9% 0,color-mix(in srgb,var(--green) 11%,transparent),transparent 27%),
    linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel2) 74%,#05080f))!important;
  box-shadow:0 24px 60px rgba(0,0,0,.20)!important;
}
.account-legacy-avatar{width:68px;height:68px;display:grid;place-items:center;border-radius:20px;color:#17150a;font-size:25px;background:linear-gradient(145deg,#f6de88,#b18a25);box-shadow:0 14px 30px rgba(241,199,91,.14),inset 0 1px 0 rgba(255,255,255,.55)}
.account-legacy-main{min-width:0}.account-legacy-main small{font-size:8px;letter-spacing:.14em;color:var(--green);font-weight:800}.account-legacy-main h3{margin:5px 0 4px;font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-legacy-main p{margin:0;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-legacy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.account-legacy-grid>div{min-height:58px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.028);display:grid;align-content:center;gap:3px}
.account-legacy-grid small{font-size:7px;letter-spacing:.09em;color:var(--muted);font-weight:800}.account-legacy-grid strong{font-size:12px;overflow-wrap:anywhere}
.account-legacy-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:2px}
.account-legacy-actions button{min-height:36px;padding:8px 12px;border-radius:10px}
.account-legacy-actions .danger{color:#ff9a9f;border-color:rgba(240,82,82,.28)}
.legacy-page .game-hall{width:100%!important;max-width:none!important;margin-top:20px!important;padding:20px!important}
.legacy-page .game-hall .section-title{align-items:center}

/* ===== CONTATO ===== */
.contact-layout{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(430px,1.22fr);gap:20px;align-items:stretch}
.contact-intro{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:460px;padding:30px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 16% 12%,color-mix(in srgb,var(--green) 17%,transparent),transparent 31%),linear-gradient(155deg,#132237,#09131f);box-shadow:0 24px 60px rgba(0,0,0,.22)}
.contact-intro::after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-115px;bottom:-125px;border:1px solid rgba(255,255,255,.06);box-shadow:0 0 0 32px rgba(255,255,255,.018),0 0 0 65px rgba(255,255,255,.009)}
.contact-ball{display:grid;place-items:center;width:62px;height:62px;margin-bottom:22px;border-radius:19px;color:#06150d;font-size:25px;background:linear-gradient(145deg,var(--green),#9af4bd);box-shadow:0 16px 34px color-mix(in srgb,var(--green) 16%,transparent)}
.contact-intro>small{color:var(--green);letter-spacing:.14em;font-weight:800;font-size:8px}.contact-intro h3{margin:8px 0 10px;max-width:330px;font-size:27px;line-height:1.06}.contact-intro p{margin:0;max-width:390px;color:var(--muted);font-size:12px;line-height:1.65}
.contact-destination{margin-top:auto;padding-top:26px;display:grid;gap:4px;position:relative;z-index:1}.contact-destination span{font-size:7px;letter-spacing:.13em;color:var(--muted);font-weight:800}.contact-destination strong{font-size:12px;overflow-wrap:anywhere}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:24px!important;border-radius:22px!important}
.contact-form label{display:grid;gap:7px;position:relative;color:#cad4d8;font-size:11px;font-weight:700}.contact-form .full{grid-column:1/-1}
.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.10);border-radius:11px;outline:none;background:#08131d;color:var(--text);padding:12px 13px;resize:vertical}.contact-form input{min-height:44px}.contact-form textarea{min-height:178px;line-height:1.55}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 10%,transparent)}
.contact-form input[readonly]{color:var(--muted);background:rgba(255,255,255,.025)}
.contact-counter{position:absolute;right:10px;bottom:9px;padding:3px 6px;border-radius:7px;background:rgba(7,16,22,.82);color:var(--muted);font-size:8px}.contact-counter b{color:var(--green)}
.contact-disclaimer{color:var(--muted);font-size:9px;line-height:1.5;text-align:center}

/* ===== TRILHA SONORA ===== */
.soundtrack-card{width:min(1040px,calc(100vw - 28px));max-height:90vh;overflow:auto;padding:22px!important;border-radius:24px!important}
.soundtrack-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:17px}.soundtrack-head h2{margin:4px 0 5px}.soundtrack-head p{margin:0;color:var(--muted);font-size:11px}
.soundtrack-player{display:grid;grid-template-columns:42px 48px 42px minmax(220px,1fr) minmax(150px,220px);gap:8px;align-items:center;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))}
.soundtrack-player>button{height:40px;border-radius:11px;color:var(--text);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07)}.soundtrack-player>button:hover{border-color:var(--green);color:var(--green)}.soundtrack-player .soundtrack-play{height:48px;background:var(--green);color:#06150d;font-weight:900}
.soundtrack-current{display:grid;gap:1px;min-width:0;padding:0 7px}.soundtrack-current small{font-size:7px;letter-spacing:.12em;color:var(--green);font-weight:800}.soundtrack-current strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.soundtrack-current span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:9px}
.soundtrack-volume{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;color:var(--muted);font-size:9px}.soundtrack-volume input{width:100%;accent-color:var(--green)}
.soundtrack-options{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:13px 0}.soundtrack-options label{display:flex;gap:6px;align-items:center;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.035);color:var(--muted);font-size:9px}.soundtrack-options input{accent-color:var(--green)}.soundtrack-options button{padding:8px 10px;border-radius:10px;font-size:9px}
.soundtrack-local-help{display:grid;gap:3px;padding:11px 13px;margin:8px 0 13px;border-radius:12px;border:1px solid color-mix(in srgb,var(--green) 16%,transparent);background:color-mix(in srgb,var(--green) 5%,var(--panel));font-size:9px}.soundtrack-local-help b{color:var(--green)}.soundtrack-local-help span{color:var(--muted);line-height:1.5}
.soundtrack-queue-wrap{padding:13px;margin-bottom:15px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02)}
.soundtrack-queue-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:9px}.soundtrack-queue-head div{display:grid;gap:2px}.soundtrack-queue-head small{font-size:7px;letter-spacing:.12em;color:var(--green);font-weight:800}.soundtrack-queue-head strong{font-size:13px}.soundtrack-queue-head>span{color:var(--muted);font-size:8px}
.soundtrack-queue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:220px;overflow:auto;padding-right:4px}.soundtrack-queue-empty{grid-column:1/-1;padding:22px;text-align:center;color:var(--muted);font-size:10px;border:1px dashed rgba(255,255,255,.08);border-radius:11px}
.soundtrack-queue-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border-radius:11px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.025);cursor:pointer}.soundtrack-queue-item:hover,.soundtrack-queue-item.playing{border-color:color-mix(in srgb,var(--green) 34%,transparent);background:color-mix(in srgb,var(--green) 7%,var(--panel))}.soundtrack-queue-item>b{color:var(--muted);font-size:9px}.soundtrack-queue-item>span{display:grid;min-width:0}.soundtrack-queue-item strong,.soundtrack-queue-item small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.soundtrack-queue-item strong{font-size:10px}.soundtrack-queue-item small{font-size:8px;color:var(--muted)}.soundtrack-queue-item>div{display:flex;gap:3px}.soundtrack-queue-item button{width:26px;height:26px;border-radius:7px;color:var(--muted);background:rgba(255,255,255,.05)}
.soundtrack-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.soundtrack-year{padding:11px;border-radius:15px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018)}.soundtrack-year>header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:7px}.soundtrack-year header b{font-size:11px}.soundtrack-year header small{color:var(--muted);font-size:7px}
.soundtrack-year>div{display:grid;gap:5px}.soundtrack-track{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border-radius:10px;border:1px solid rgba(255,255,255,.045);background:rgba(255,255,255,.02);cursor:pointer}.soundtrack-track.selected{border-color:rgba(66,232,141,.16)}.soundtrack-track.playing{background:color-mix(in srgb,var(--green) 8%,var(--panel));border-color:var(--green)}.soundtrack-track input{accent-color:var(--green)}.soundtrack-track>span{display:grid;min-width:0}.soundtrack-track strong,.soundtrack-track small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.soundtrack-track strong{font-size:10px}.soundtrack-track small{color:var(--muted);font-size:8px}
.soundtrack-track-actions{display:flex;gap:4px;align-items:center}.soundtrack-track-actions em{font-style:normal;font-size:6px;letter-spacing:.08em;color:var(--green);font-weight:800}.soundtrack-track-actions button{padding:5px 6px;border-radius:7px;background:rgba(255,255,255,.05);color:var(--muted);font-size:7px}.soundtrack-license-note{margin:12px 0;color:var(--muted);font-size:8px;line-height:1.5}

/* Player discreto: fica no canto inferior direito, sem quebrar o layout da página. */
.now-playing{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:160;
  width:min(370px,calc(100vw - 28px));
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 32px;
  gap:9px;
  align-items:center;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(12,20,34,.96),rgba(6,12,22,.96));
  box-shadow:0 18px 50px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(15px);
}
.now-playing.hidden{display:none!important}
.now-playing>button{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--text);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06)}.now-playing>button:hover{color:var(--green);border-color:var(--green)}
.now-playing>div{min-width:0;display:grid;gap:1px}.now-playing small{font-size:6px;letter-spacing:.12em;color:var(--green);font-weight:800}.now-playing strong,.now-playing span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing strong{font-size:10px}.now-playing span{color:var(--muted);font-size:8px}

/* Scrollbars consistentes com o jogo */
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--green) 45%,#5d6b75) rgba(255,255,255,.035)}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:rgba(255,255,255,.025);border-radius:999px}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,color-mix(in srgb,var(--green) 62%,#70808a),color-mix(in srgb,var(--green) 30%,#44515c));border:2px solid #0a111b;border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:var(--green)}

@media(max-width:980px){
  .account-legacy-panel{grid-template-columns:68px 1fr}.account-legacy-grid{grid-column:1/-1}.account-legacy-actions{grid-column:1/-1}
  .contact-layout{grid-template-columns:1fr}.contact-intro{min-height:300px}.contact-destination{margin-top:28px}
  .soundtrack-player{grid-template-columns:42px 48px 42px 1fr}.soundtrack-volume{grid-column:1/-1}.soundtrack-list{grid-template-columns:1fr}
}
@media(max-width:760px){
  .topbar{height:auto;min-height:64px;gap:12px;padding:10px 14px;flex-wrap:wrap}.topbar nav{order:3;width:100%;overflow:auto;padding-bottom:2px}.topbar nav button{white-space:nowrap}.top-actions{margin-left:auto}
  .legacy-page,.contact-page{padding:32px 14px 86px}.account-legacy-panel{grid-template-columns:56px 1fr;padding:16px!important}.account-legacy-avatar{width:54px;height:54px;border-radius:16px}.account-legacy-main h3{font-size:18px}.account-legacy-grid{grid-template-columns:1fr 1fr;gap:6px}.account-legacy-actions{justify-content:stretch;flex-wrap:wrap}.account-legacy-actions button{flex:1}
  .contact-form{grid-template-columns:1fr;padding:16px!important}.contact-form .full{grid-column:auto}.contact-intro{padding:22px}
  .soundtrack-card{padding:15px!important}.soundtrack-player{grid-template-columns:38px 44px 38px 1fr}.soundtrack-queue{grid-template-columns:1fr}.soundtrack-options{align-items:stretch}.soundtrack-options>*{flex:1 1 42%}
  .now-playing{right:10px;bottom:10px;width:min(340px,calc(100vw - 20px))}
}
@media(max-width:520px){
  .auth-gate{padding:10px}.auth-card{padding:18px;border-radius:20px}.auth-brand-mark{width:48px;height:48px}.auth-brand h1{font-size:24px}
  .account-legacy-grid{grid-template-columns:1fr}.account-top-chip b{max-width:92px}.top-actions .mini-profile{display:none!important}
  .soundtrack-player{grid-template-columns:36px 42px 36px;}.soundtrack-current{grid-column:1/-1;grid-row:2}.soundtrack-volume{grid-column:1/-1}.soundtrack-track-actions em{display:none}
}

/* ===== V10.3.3 · CENÁRIOS DE EVENTOS RECONSTRUÍDOS ===== */
#event-modal .career-event-scene{
  height:210px!important;
  isolation:isolate;
  border-color:rgba(255,255,255,.10);
  background:linear-gradient(180deg,#17293a,#0a121c)!important;
}
#event-modal .career-event-scene::before,
#event-modal .career-event-scene::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}
#event-modal .career-event-scene::before{background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.10),transparent 36%)}
#event-modal .career-event-scene::after{inset:auto 6% 0;height:60px;border-radius:50% 50% 0 0;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.16));transform:perspective(250px) rotateX(56deg);transform-origin:bottom}
.scene-ambient{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.scene-ambient i{position:absolute;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.36);box-shadow:0 0 12px rgba(255,255,255,.18);animation:eventParticle 4s ease-in-out infinite}
.scene-ambient i:nth-child(1){left:12%;top:18%}.scene-ambient i:nth-child(2){left:31%;top:34%;animation-delay:-1.2s}.scene-ambient i:nth-child(3){right:29%;top:16%;animation-delay:-2.2s}.scene-ambient i:nth-child(4){right:12%;top:39%;animation-delay:-3.1s}
.scene-world{position:absolute;inset:0;z-index:2;pointer-events:none}
.scene-depth{position:absolute;inset:auto 5% 8px;height:62px;z-index:1;perspective:240px;pointer-events:none}
.scene-depth span{position:absolute;left:50%;bottom:-22px;width:1px;height:94px;background:linear-gradient(transparent,rgba(255,255,255,.11));transform-origin:bottom}
.scene-depth span:nth-child(1){transform:rotate(61deg)}.scene-depth span:nth-child(2){transform:rotate(90deg)}.scene-depth span:nth-child(3){transform:rotate(119deg)}
.scene-object{position:absolute;z-index:3;width:102px;height:82px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.025));box-shadow:0 15px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(3px);transform-origin:center bottom}
.scene-object::after{content:attr(data-prop);position:absolute;left:7px;right:7px;bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;text-align:center;font-size:5.5px;letter-spacing:.09em;color:rgba(255,255,255,.42)}
.scene-object-glyph{display:block;margin-top:-7px;font-size:35px;line-height:1;color:rgba(255,255,255,.88);text-shadow:0 5px 16px rgba(0,0,0,.42)}
.scene-object i,.scene-object b,.scene-object em{position:absolute;display:block;pointer-events:none}
.scene-object i{inset:8px;border-radius:12px;border:1px solid rgba(255,255,255,.045)}
.scene-object b{left:13px;right:13px;bottom:-7px;height:8px;border-radius:50%;background:rgba(0,0,0,.28);filter:blur(3px)}
.scene-object em{width:7px;height:7px;right:8px;top:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);opacity:.6}
.scene-object.obj-index-0{left:8%;bottom:27px;transform:rotate(-3deg)}
.scene-object.obj-index-1{left:50%;bottom:39px;transform:translateX(-50%) scale(1.06)}
.scene-object.obj-index-2{right:8%;bottom:27px;transform:rotate(3deg)}
#event-modal .scene-focus{left:50%;top:24%;width:48px;height:48px;border-radius:16px;font-size:20px;z-index:5;background:rgba(4,9,15,.58);box-shadow:0 10px 25px rgba(0,0,0,.30),0 0 28px color-mix(in srgb,var(--green) 16%,transparent)}
#event-modal .career-event-scene>small{z-index:7;padding:5px 8px;border-radius:7px;background:rgba(3,8,13,.62);backdrop-filter:blur(6px);color:rgba(255,255,255,.75)}

/* Famílias de cenário — a combinação de tema + três objetos é exclusiva em cada evento. */
.scene-theme-medical,.scene-theme-clinic,.scene-theme-recovery,.scene-theme-pool{background:radial-gradient(circle at 18% 15%,rgba(91,198,255,.24),transparent 26%),linear-gradient(180deg,#15374a,#07141e)!important}
.scene-theme-social,.scene-theme-newsroom,.scene-theme-press,.scene-theme-film,.scene-theme-locker-media{background:radial-gradient(circle at 76% 12%,rgba(205,91,255,.20),transparent 28%),linear-gradient(180deg,#35213f,#100c19)!important}
.scene-theme-locker,.scene-theme-bootroom{background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 58px),linear-gradient(180deg,#2b303d,#0d1119)!important}
.scene-theme-city{background:radial-gradient(circle at 70% 18%,rgba(101,92,255,.26),transparent 28%),linear-gradient(180deg,#18233f,#080d19)!important}
.scene-theme-office,.scene-theme-boardroom,.scene-theme-deadline{background:radial-gradient(circle at 16% 12%,rgba(83,142,255,.14),transparent 24%),linear-gradient(180deg,#222b3d,#0b1019)!important}
.scene-theme-stadium,.scene-theme-fans,.scene-theme-community,.scene-theme-charity-match,.scene-theme-museum{background:radial-gradient(circle at 50% 2%,rgba(245,193,73,.24),transparent 30%),linear-gradient(180deg,#3a2b17,#110d08)!important}
.scene-theme-pitch,.scene-theme-night-pitch,.scene-theme-academy{background:radial-gradient(circle at 50% 5%,rgba(73,234,141,.18),transparent 31%),linear-gradient(180deg,#153c28,#07140d)!important}
.scene-theme-tactics,.scene-theme-analysis{background:radial-gradient(circle at 78% 16%,rgba(67,184,255,.20),transparent 27%),linear-gradient(180deg,#143245,#08141e)!important}
.scene-theme-lab{background:linear-gradient(120deg,rgba(72,220,255,.13),transparent 35%),linear-gradient(180deg,#17313a,#081319)!important}
.scene-theme-studio,.scene-theme-sponsor-contract{background:radial-gradient(circle at 50% 0,rgba(245,206,89,.30),transparent 33%),linear-gradient(180deg,#382b12,#100c06)!important}
.scene-theme-airport{background:linear-gradient(145deg,rgba(117,198,255,.17),transparent 40%),linear-gradient(180deg,#19384c,#071621)!important}
.scene-theme-tunnel{background:linear-gradient(90deg,rgba(0,0,0,.58),transparent 28% 72%,rgba(0,0,0,.58)),radial-gradient(circle at 50% 0,rgba(255,255,255,.16),transparent 25%),linear-gradient(180deg,#2a3440,#090e15)!important}
.scene-theme-national-pitch,.scene-theme-national-press,.scene-theme-national-tactics,.scene-theme-national-locker,.scene-theme-national-stadium{background:radial-gradient(circle at 12% 10%,rgba(55,214,123,.23),transparent 28%),radial-gradient(circle at 85% 10%,rgba(242,201,76,.15),transparent 25%),linear-gradient(180deg,#17392f,#07150f)!important}
.scene-theme-worldcup-arrival,.scene-theme-worldcup-pitch,.scene-theme-worldcup-lounge,.scene-theme-worldcup-analysis,.scene-theme-worldcup-tunnel{background:radial-gradient(circle at 50% 0,rgba(233,197,81,.28),transparent 32%),linear-gradient(145deg,#233e39,#11170c 70%,#090d08)!important}
.scene-theme-idol{background:radial-gradient(circle at 50% 0,rgba(242,201,76,.30),transparent 33%),linear-gradient(180deg,#322a16,#0d0b08)!important}
.scene-theme-career{background:radial-gradient(circle at 18% 10%,rgba(66,232,141,.16),transparent 28%),linear-gradient(180deg,#17293a,#09121b)!important}

/* Variações específicas ajudam eventos da mesma família a não parecerem clones. */
.scene-event-training-clash .scene-object{border-color:rgba(255,91,91,.28)}
.scene-event-controversy .scene-ambient i{background:#ff5e86;box-shadow:0 0 18px #ff5e86}
.scene-event-nightlife::before{background:linear-gradient(115deg,rgba(158,70,255,.18),transparent 38%),radial-gradient(circle at 76% 15%,rgba(255,80,142,.18),transparent 23%)!important}
.scene-event-derby-heat .scene-ambient i{width:9px;height:3px;border-radius:1px;background:#ffbb45;animation:confettiDrift 2.6s linear infinite}
.scene-event-travel-delay .scene-object.obj-plane{background:linear-gradient(145deg,rgba(124,202,255,.18),rgba(255,255,255,.03))}
.scene-event-media .scene-object.obj-camera,.scene-event-documentary .scene-object.obj-film-camera,.scene-event-captain-camera .scene-object.obj-film-camera{box-shadow:0 0 28px rgba(255,255,255,.12),0 15px 30px rgba(0,0,0,.24)}
.scene-event-recovery-pool::after{background:repeating-radial-gradient(ellipse at center,rgba(87,210,255,.16) 0 2px,transparent 3px 9px)!important;animation:poolRipple 2.3s linear infinite}

/* ===== V10.3.3 · SORTEIO DA COPA DO MUNDO ===== */
#world-cup-draw-modal{padding:18px;overflow:auto}
#world-cup-draw-modal .world-cup-draw-card{width:min(1180px,96vw);max-height:94vh;overflow:auto;padding:20px;border-radius:22px;background:linear-gradient(150deg,#0b1d22,#071218 55%,#0b1512);border:1px solid rgba(93,220,164,.25)}
.wc-draw-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:12px}.wc-draw-heading h2{margin:4px 0 7px;font-size:27px}.wc-draw-heading p{margin:0;max-width:780px;color:var(--muted);line-height:1.45}.wc-draw-trophy{display:grid;place-items:center;width:54px;height:54px;flex:0 0 auto;border-radius:16px;border:1px solid rgba(242,201,76,.28);background:rgba(242,201,76,.08);font-size:25px}
#wc-draw-hosts,#world-cup-hosts,.world-cup-hosts{display:block}.wc-host-card{display:grid;gap:9px;margin:10px 0 12px;padding:12px;border:1px solid rgba(66,232,141,.20);border-radius:14px;background:rgba(66,232,141,.035)}.wc-host-card.simulated{border-color:rgba(242,201,76,.22);background:rgba(242,201,76,.035)}.wc-host-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.wc-host-heading span{font-size:8px;letter-spacing:.08em;color:var(--green);font-weight:900}.wc-host-heading strong{font-size:9px;color:var(--muted)}.wc-host-main,.wc-host-centenary{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.wc-host-centenary{padding-top:7px;border-top:1px solid rgba(255,255,255,.06)}.wc-host-centenary>small{width:100%;color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.08em}.wc-host-team{display:inline-flex;gap:6px;align-items:center;padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.045)}.wc-host-team b{font-size:9px}.wc-host-card p{margin:0;color:var(--muted);font-size:8px}
.national-flag-image{position:relative;display:inline-grid!important;place-items:center;width:24px!important;height:16px!important;min-width:24px!important;max-width:24px!important;min-height:16px!important;max-height:16px!important;overflow:hidden;border-radius:2px;vertical-align:middle;background:#1a2530;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.national-flag-image>b{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;line-height:1;overflow:hidden}
.national-flag-image>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;object-fit:cover!important;display:block!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important}
.wc-draw-rule-strip{display:flex;gap:7px;flex-wrap:wrap;margin:11px 0}.wc-draw-rule-strip span{padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);font-size:8px;color:#d4dde1}
.wc-draw-pots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 13px}.wc-draw-pots details{border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.025);overflow:hidden}.wc-draw-pots summary{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;cursor:pointer;font-weight:800;font-size:9px}.wc-draw-pots summary span{color:var(--muted);font-weight:600}.wc-draw-pots details>div{display:grid;gap:3px;max-height:180px;overflow:auto;padding:0 7px 7px}.wc-draw-pots details>div>span{display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px;align-items:center;min-height:28px;padding:4px 5px;border-radius:7px;background:rgba(255,255,255,.025);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc-draw-stage{padding:11px;border:1px solid rgba(255,255,255,.10);border-radius:15px;background:rgba(0,0,0,.12)}.wc-draw-stage-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:9px}.wc-draw-stage-head strong{font-size:9px;letter-spacing:.08em}.wc-draw-stage-head span{font-size:8px;color:var(--muted)}
.wc-draw-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.wc-draw-group{overflow:hidden;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:#0d1820}.wc-draw-group.player-group{border-color:rgba(255,255,255,.50);box-shadow:inset 0 0 0 1px rgba(66,232,141,.18)}.wc-draw-group header{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:7px 8px;background:rgba(255,255,255,.035)}.wc-draw-group header b{font-size:8px}.wc-draw-group header span{padding:2px 5px;border-radius:999px;background:rgba(66,232,141,.10);color:var(--green);font-size:5.5px;font-weight:900}.wc-draw-group>div{display:grid}.wc-draw-team{display:grid;grid-template-columns:16px 24px minmax(0,1fr) auto;gap:5px;align-items:center;min-height:29px;padding:5px 7px;border-top:1px solid rgba(255,255,255,.045)}.wc-draw-team>small{color:#60717b;font-size:6px;text-align:center}.wc-draw-team strong{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wc-draw-team em{font-style:normal;color:#6f858f;font-size:5.5px}.wc-draw-team.empty{opacity:.45}.wc-draw-ball{display:grid;place-items:center;width:22px;height:16px;color:#51636d;font-size:7px}.wc-draw-team.revealed{animation:wcTeamReveal .42s ease both;background:linear-gradient(90deg,rgba(66,232,141,.035),transparent 42%)}
.wc-draw-note{display:block;margin:8px 2px 0;color:var(--muted);font-size:7px;line-height:1.45}.wc-draw-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.wc-draw-actions button{min-width:150px}
@keyframes wcTeamReveal{from{opacity:0;transform:translateY(-4px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}

@media(max-width:900px){.wc-draw-pots{grid-template-columns:repeat(2,minmax(0,1fr))}.wc-draw-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#event-modal .career-event-scene{height:245px!important}.scene-object{width:88px;height:76px}.scene-object.obj-index-0{left:4%}.scene-object.obj-index-2{right:4%}.scene-object-glyph{font-size:29px}.wc-draw-pots,.wc-draw-groups{grid-template-columns:1fr}.wc-draw-heading h2{font-size:22px}.wc-draw-trophy{width:44px;height:44px}.wc-draw-actions{flex-direction:column}.wc-draw-actions button{width:100%}}


/* ===== V10.3.4 — Copa oficial, cenários, pausa e legado ===== */
.logo{cursor:pointer}

/* Os quatro potes permanecem visíveis simultaneamente. */
.wc-draw-pots{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important}
.wc-pot-panel{min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(9,19,26,.78);overflow:hidden;display:flex;flex-direction:column;max-height:310px}
.wc-pot-panel>header{display:flex;justify-content:space-between;align-items:center;padding:10px 11px;border-bottom:1px solid rgba(255,255,255,.08);font-size:10px}
.wc-pot-panel>header span{color:var(--muted);font-size:8px}
.wc-pot-team-list{padding:7px;display:grid;gap:5px;overflow:auto;min-height:0}
.wc-pot-team{display:flex;align-items:center;gap:7px;padding:6px 7px;border-radius:7px;background:rgba(255,255,255,.035);font-size:9px;min-width:0}
.wc-pot-team b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc-pot-team .national-flag-img,.wc-draw-team .national-flag-img,.wc-host-team .national-flag-img{width:24px!important;height:16px!important;min-width:24px!important;max-width:24px!important;max-height:16px!important;object-fit:cover!important;border-radius:2px!important;display:block!important}

/* Seleção: mesma bandeira compacta usada no sorteio. */
.flag-circle{width:38px!important;height:30px!important;border-radius:8px!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:rgba(255,255,255,.05)!important;border:1px solid var(--border)!important}
.flag-circle .national-flag-img{width:26px!important;height:18px!important;min-width:26px!important;object-fit:cover!important;border-radius:2px!important}
.selection-contact-note{margin-top:10px;display:flex;gap:8px;align-items:center;padding:9px 10px;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.025);color:var(--muted)}
.selection-contact-note span{font-size:16px;color:var(--green)}.selection-contact-note small{font-size:9px;line-height:1.35}

/* Próxima partida com escudos/bandeiras. */
.versus{align-items:center!important;gap:18px!important;min-height:96px!important}
.versus>span{flex:1;display:grid;place-items:center!important;min-width:0}
.next-team-visual{display:grid;place-items:center;gap:5px;min-width:90px;max-width:140px}
.next-team-visual .crest-shell{width:54px!important;height:54px!important;border-radius:14px!important;padding:5px!important}
.next-team-visual .club-badge-img{width:100%!important;height:100%!important;object-fit:contain!important}
.next-team-visual.national .national-flag-img{width:48px!important;height:32px!important;object-fit:cover!important;border-radius:4px!important}
.next-team-visual small{font-size:8px;color:var(--muted);max-width:120px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.next-match #match-title{font-size:12px;color:var(--muted);margin-bottom:4px}

/* Pausar uma interação sem perder o ponto da simulação. */
.overlay-pause-btn{position:absolute;right:18px;top:16px;z-index:40;border:1px solid rgba(255,255,255,.16);background:rgba(3,8,13,.68);color:#fff;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:800;cursor:pointer;backdrop-filter:blur(8px)}
.overlay-pause-btn:hover{border-color:var(--green);color:var(--green)}
.resume-career-overlay{border:1px solid color-mix(in srgb,var(--green) 55%,var(--border));background:color-mix(in srgb,var(--green) 12%,#071016);color:#fff;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap}

/* Eventos: sete composições geométricas, além dos temas e objetos próprios. */
.career-event-scene .scene-architecture{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.career-event-scene .scene-architecture span{position:absolute;display:block;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);box-shadow:0 18px 30px rgba(0,0,0,.16)}
.event-layout-0 .scene-architecture span:nth-child(1){left:4%;bottom:0;width:24%;height:74%;transform:skewY(-7deg)}
.event-layout-0 .scene-architecture span:nth-child(2){right:5%;bottom:0;width:24%;height:62%;transform:skewY(7deg)}
.event-layout-1 .scene-architecture span:nth-child(1){left:0;top:18%;width:100%;height:2px}.event-layout-1 .scene-architecture span:nth-child(2){left:18%;top:0;width:2px;height:100%}.event-layout-1 .scene-architecture span:nth-child(3){right:18%;top:0;width:2px;height:100%}
.event-layout-2 .scene-architecture span:nth-child(1){left:50%;bottom:-70px;width:420px;height:180px;border-radius:50%;transform:translateX(-50%) rotateX(63deg)}
.event-layout-3 .scene-architecture span:nth-child(1){left:6%;top:12%;width:38%;height:54%;border-radius:8px}.event-layout-3 .scene-architecture span:nth-child(2){right:7%;top:25%;width:26%;height:42%;border-radius:50% 50% 8px 8px}
.event-layout-4 .scene-architecture span:nth-child(1){left:-8%;bottom:8%;width:48%;height:55%;transform:rotate(8deg)}.event-layout-4 .scene-architecture span:nth-child(2){right:-8%;bottom:8%;width:48%;height:55%;transform:rotate(-8deg)}
.event-layout-5 .scene-architecture span:nth-child(1){left:10%;right:10%;top:12%;height:18%;border-radius:999px}.event-layout-5 .scene-architecture span:nth-child(2){left:22%;right:22%;bottom:12%;height:22%;border-radius:10px}
.event-layout-6 .scene-architecture span:nth-child(1){left:7%;top:9%;width:18%;height:72%;border-radius:4px}.event-layout-6 .scene-architecture span:nth-child(2){right:7%;top:9%;width:18%;height:72%;border-radius:4px}.event-layout-6 .scene-architecture span:nth-child(3){left:31%;right:31%;top:5%;height:8%;border-radius:999px}
.event-layout-1 .scene-object.obj-index-0{left:12%;bottom:18px}.event-layout-1 .scene-object.obj-index-1{left:56%;bottom:56px}.event-layout-1 .scene-object.obj-index-2{right:4%;bottom:20px}
.event-layout-2 .scene-object.obj-index-0{left:5%;bottom:55px;transform:rotate(-8deg) scale(.9)}.event-layout-2 .scene-object.obj-index-1{left:50%;bottom:20px;transform:translateX(-50%) scale(1.14)}.event-layout-2 .scene-object.obj-index-2{right:5%;bottom:55px;transform:rotate(8deg) scale(.9)}
.event-layout-3 .scene-object.obj-index-0{left:14%;bottom:22px}.event-layout-3 .scene-object.obj-index-1{left:48%;bottom:64px}.event-layout-3 .scene-object.obj-index-2{right:12%;bottom:14px}
.event-layout-4 .scene-object.obj-index-0{left:4%;bottom:32px}.event-layout-4 .scene-object.obj-index-1{left:50%;bottom:50px}.event-layout-4 .scene-object.obj-index-2{right:4%;bottom:32px}
.event-layout-5 .scene-object.obj-index-0{left:8%;bottom:12px;transform:rotate(0)}.event-layout-5 .scene-object.obj-index-1{left:50%;bottom:74px}.event-layout-5 .scene-object.obj-index-2{right:8%;bottom:12px;transform:rotate(0)}
.event-layout-6 .scene-object.obj-index-0{left:24%;bottom:18px}.event-layout-6 .scene-object.obj-index-1{left:50%;bottom:48px}.event-layout-6 .scene-object.obj-index-2{right:24%;bottom:18px}
.scene-person-card{position:absolute;z-index:6;left:50%;top:17px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(4,9,14,.68);border:1px solid rgba(242,201,76,.28);color:#f2c94c}.scene-person-card small{font-size:8px!important;background:none!important;padding:0!important}
.sponsor-transparent-logo{display:inline-block;background:transparent!important;color:#fff;font-weight:950;letter-spacing:-.04em;font-size:26px;line-height:1;text-shadow:0 8px 24px rgba(0,0,0,.35)}
.career-event-scene>.sponsor-transparent-logo{position:absolute;z-index:6;left:50%;top:19px;transform:translateX(-50%);font-size:30px;opacity:.95}
.sponsor-logo-nike{font-style:italic;letter-spacing:-.08em}.sponsor-logo-adidas{letter-spacing:-.07em}.sponsor-logo-puma{font-style:italic}.sponsor-logo-newbalance{font-style:italic;letter-spacing:-.07em}
.sponsor-brand-banner .sponsor-transparent-logo{grid-row:1/3;font-size:24px;margin-right:4px}

/* Decisões: variação real do palco e espaçamento para não sobrepor escolhas. */
#match-decision-modal .decision-card{padding-top:58px!important}
#match-decision-modal .decision-visual{margin-top:14px!important;min-height:250px!important;height:auto!important;padding:16px!important}
#match-decision-modal .visual-stage{min-height:205px!important;padding:22px 18px 18px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:end!important;position:relative!important}
#match-decision-modal .visual-choice{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;min-width:0!important;width:100%!important;max-width:none!important;min-height:96px!important;z-index:4!important}
#match-decision-modal .decision-scene-architecture{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
#match-decision-modal .decision-scene-architecture i{position:absolute;display:block;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018)}
.decision-layout-0 .decision-scene-architecture i:nth-child(1){left:5%;right:5%;bottom:-22%;height:60%;border-radius:50%}
.decision-layout-1 .decision-scene-architecture i:nth-child(1){left:8%;top:10%;width:24%;height:56%;transform:skewY(-10deg)}.decision-layout-1 .decision-scene-architecture i:nth-child(2){right:8%;top:10%;width:24%;height:56%;transform:skewY(10deg)}
.decision-layout-2 .decision-scene-architecture i:nth-child(1){left:12%;right:12%;top:14%;height:18%;border-radius:999px}.decision-layout-2 .decision-scene-architecture i:nth-child(2){left:22%;right:22%;bottom:10%;height:20%;border-radius:12px}
.decision-layout-3 .decision-scene-architecture i:nth-child(1){left:50%;top:-35%;width:45%;height:130%;transform:translateX(-50%) rotate(45deg)}
.decision-layout-4 .decision-scene-architecture i:nth-child(1){left:4%;bottom:4%;width:44%;height:52%;transform:rotate(7deg)}.decision-layout-4 .decision-scene-architecture i:nth-child(2){right:4%;bottom:4%;width:44%;height:52%;transform:rotate(-7deg)}
.decision-layout-5 .decision-scene-architecture i:nth-child(1){left:8%;top:8%;width:2px;height:84%}.decision-layout-5 .decision-scene-architecture i:nth-child(2){right:8%;top:8%;width:2px;height:84%}.decision-layout-5 .decision-scene-architecture i:nth-child(3){left:8%;right:8%;top:8%;height:2px}

/* Carta ICON final e arquivada. */
.legacy-icon-section,.saved-icon-section{display:grid!important;grid-template-columns:minmax(0,1fr) 340px!important;gap:24px!important;align-items:center!important;margin:24px 0!important;padding:20px!important;border:1px solid var(--border)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.12))!important}
.saved-icon-section{grid-template-columns:300px minmax(0,1fr)!important}
.icon-card-mount{display:grid;place-items:center;min-height:430px}
.fifa-icon-card{--card-w:300px;position:relative;width:var(--card-w);aspect-ratio:.72;overflow:hidden;display:grid;grid-template-columns:82px 1fr;grid-template-rows:42px 85px 1fr 40px 1px 108px 26px;padding:26px 29px 24px;color:#423315;background:linear-gradient(145deg,#fffdf2 0%,#e6dfc7 48%,#fffaf0 72%,#d5c89e 100%);clip-path:polygon(50% 0,61% 5%,72% 3%,84% 9%,94% 22%,96% 55%,90% 78%,73% 94%,50% 100%,27% 94%,10% 78%,4% 55%,6% 22%,16% 9%,28% 3%,39% 5%);filter:drop-shadow(0 22px 28px rgba(0,0,0,.38));font-family:var(--btl-display-font);isolation:isolate}
.fifa-icon-card::before{content:"";position:absolute;inset:4%;z-index:-1;clip-path:inherit;border:2px solid rgba(186,146,50,.58);background:radial-gradient(circle at 50% 32%,rgba(255,255,255,.92),transparent 37%),repeating-linear-gradient(135deg,rgba(178,147,77,.08) 0 4px,transparent 4px 15px)}
.fifa-icon-card::after{content:"";position:absolute;inset:10% 8%;z-index:-1;border-radius:45%;background:radial-gradient(circle,transparent 55%,rgba(183,145,50,.09) 56% 57%,transparent 58%)}
.icon-card-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.48) 31%,transparent 44%);opacity:.5;pointer-events:none}
.icon-card-crown{grid-column:1/-1;justify-self:center;font-size:10px;font-weight:950;letter-spacing:.22em;color:#9e7b2e;align-self:center}
.icon-card-rating{grid-column:1;grid-row:2/4;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;padding-top:10px;z-index:2}
.icon-card-rating strong{font-size:38px;line-height:.9}.icon-card-rating>span{font-size:13px;font-weight:900}.icon-card-rating .national-flag-img{width:26px!important;height:18px!important;object-fit:cover!important;margin-top:5px;border-radius:2px}
.icon-card-face{grid-column:2;grid-row:2/4;display:grid;place-items:end center;overflow:hidden;z-index:2}
.icon-card-face .face-avatar{transform:scale(1.45);transform-origin:center bottom;margin-bottom:-8px}
.icon-card-name{grid-column:1/-1;grid-row:4;text-align:center;font-size:18px;font-weight:950;letter-spacing:.05em;text-transform:uppercase;z-index:2}
.icon-card-rule{grid-column:1/-1;grid-row:5;background:linear-gradient(90deg,transparent,#b49648,transparent);z-index:2}
.icon-card-stats{grid-column:1/-1;grid-row:6;display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(3,1fr);gap:2px 24px;padding:8px 22px;z-index:2}
.icon-card-stats span{font-size:13px;font-weight:800}.icon-card-stats b{display:inline-block;min-width:28px;font-size:17px}.fifa-icon-card>small{grid-column:1/-1;grid-row:7;align-self:end;text-align:center;font-size:8px;font-weight:800;color:#6f5a28;z-index:2}
.fifa-icon-card.compact{--card-w:240px;padding:22px 23px 20px;grid-template-columns:68px 1fr}.fifa-icon-card.compact .icon-card-rating strong{font-size:32px}.fifa-icon-card.compact .icon-card-stats{padding:6px 14px;gap:1px 16px}.fifa-icon-card.compact .icon-card-stats span{font-size:11px}.fifa-icon-card.compact .icon-card-stats b{font-size:14px;min-width:24px}

/* Troféus transparentes no legado. */
.honour-art img[src*="golden-boy"],.honour-art img[src*="golden-shoe-transparent"]{background:transparent!important;mix-blend-mode:normal!important}

@media(max-width:900px){.wc-draw-pots{grid-template-columns:repeat(2,minmax(0,1fr))!important}.legacy-icon-section,.saved-icon-section{grid-template-columns:1fr!important}.icon-card-mount{min-height:390px}}
@media(max-width:620px){.wc-draw-pots{grid-template-columns:1fr!important}.wc-pot-panel{max-height:240px}.versus{gap:8px!important}.next-team-visual{min-width:72px}.next-team-visual .crest-shell{width:46px!important;height:46px!important}#match-decision-modal .visual-stage{grid-template-columns:1fr!important;min-height:0!important;padding:12px!important}#match-decision-modal .visual-choice{min-height:74px!important}.overlay-pause-btn{right:10px;top:10px}.fifa-icon-card{--card-w:260px}}
#event-modal .modal-card,#match-decision-modal .modal-card{position:relative}


/* V10.3.4 — cenografia realmente variável por evento/situação */
.career-event-scene .scene-world{transform:translateX(var(--event-shift,0)) rotate(var(--event-tilt,0deg)) scale(var(--event-scale,1));transform-origin:50% 70%;transition:transform .25s ease}
.event-layout-7 .scene-architecture span:nth-child(1){left:-8%;bottom:-28%;width:56%;height:86%;border-radius:55% 55% 0 0;transform:rotate(-13deg)}
.event-layout-7 .scene-architecture span:nth-child(2){right:-7%;top:7%;width:42%;height:50%;clip-path:polygon(0 0,100% 20%,75% 100%,10% 82%)}
.event-layout-8 .scene-architecture span:nth-child(1){left:5%;right:5%;bottom:8%;height:3px;box-shadow:0 -42px 0 rgba(255,255,255,.05),0 -84px 0 rgba(255,255,255,.035)}
.event-layout-8 .scene-architecture span:nth-child(2){left:12%;top:7%;width:18%;height:72%;border-radius:4px;transform:skewY(-11deg)}
.event-layout-8 .scene-architecture span:nth-child(3){right:12%;top:7%;width:18%;height:72%;border-radius:4px;transform:skewY(11deg)}
.event-layout-9 .scene-architecture span:nth-child(1){left:50%;top:-48%;width:74%;height:145%;border-radius:50%;transform:translateX(-50%);border:1px solid rgba(255,255,255,.08)}
.event-layout-9 .scene-architecture span:nth-child(2){left:50%;bottom:-35%;width:110%;height:62%;transform:translateX(-50%) rotate(4deg)}
.event-layout-10 .scene-architecture span:nth-child(1){left:7%;top:10%;width:34%;height:70%;clip-path:polygon(0 0,78% 0,100% 100%,22% 100%)}
.event-layout-10 .scene-architecture span:nth-child(2){right:7%;top:10%;width:34%;height:70%;clip-path:polygon(22% 0,100% 0,78% 100%,0 100%)}
.event-layout-11 .scene-architecture span:nth-child(1){left:4%;right:4%;top:11%;height:24%;border-radius:999px;transform:rotate(var(--event-tilt,0deg))}
.event-layout-11 .scene-architecture span:nth-child(2){left:18%;right:18%;bottom:6%;height:35%;border-radius:50% 50% 8px 8px}
.event-layout-11 .scene-depth span:nth-child(1){left:8%;top:13%;width:7px;height:70%;box-shadow:42px 0 0 rgba(255,255,255,.025),84px 0 0 rgba(255,255,255,.025),126px 0 0 rgba(255,255,255,.025)}

.decision-visual .decision-scene-architecture{transform:translateX(var(--decision-shift,0)) rotate(var(--decision-tilt,0deg)) scale(var(--decision-scale,1));transform-origin:center;transition:transform .25s ease}
.decision-layout-6 .decision-scene-architecture i:nth-child(1){left:50%;top:-55%;width:80%;height:150%;transform:translateX(-50%);border-radius:50%;border:2px solid rgba(255,255,255,.07)}
.decision-layout-6 .decision-scene-architecture i:nth-child(2){left:10%;right:10%;bottom:9%;height:2px;box-shadow:0 -36px 0 rgba(255,255,255,.04)}
.decision-layout-7 .decision-scene-architecture i:nth-child(1){left:4%;top:4%;width:42%;height:78%;clip-path:polygon(0 0,74% 8%,100% 100%,15% 88%)}
.decision-layout-7 .decision-scene-architecture i:nth-child(2){right:4%;top:4%;width:42%;height:78%;clip-path:polygon(26% 8%,100% 0,85% 88%,0 100%)}
.decision-layout-8 .decision-scene-architecture i:nth-child(1){left:8%;right:8%;top:16%;height:3px;box-shadow:0 38px 0 rgba(255,255,255,.05),0 76px 0 rgba(255,255,255,.035)}
.decision-layout-8 .decision-scene-architecture i:nth-child(2){left:50%;top:5%;width:2px;height:88%;transform:translateX(-50%)}
.decision-layout-9 .decision-scene-architecture i:nth-child(1){left:50%;bottom:-36%;width:105%;height:70%;transform:translateX(-50%);border-radius:50% 50% 0 0}
.decision-layout-9 .decision-scene-architecture i:nth-child(2){left:20%;top:7%;width:60%;height:28%;border-radius:50%}
.decision-layout-10 .decision-scene-architecture i:nth-child(1){left:5%;bottom:6%;width:31%;height:64%;transform:skewX(-12deg)}
.decision-layout-10 .decision-scene-architecture i:nth-child(2){left:35%;bottom:6%;width:31%;height:78%}
.decision-layout-10 .decision-scene-architecture i:nth-child(3){right:5%;bottom:6%;width:31%;height:64%;transform:skewX(12deg)}
.decision-layout-11 .decision-scene-architecture i:nth-child(1){left:8%;right:8%;top:8%;bottom:8%;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:transparent}
.decision-layout-11 .decision-scene-architecture i:nth-child(2){left:15%;right:15%;top:50%;height:2px}
.decision-layout-11 .decision-scene-architecture i:nth-child(3){left:50%;top:15%;bottom:15%;width:2px}

/* O confronto usa os escudos/bandeiras como informação visual principal. */
.next-team-visual{min-width:74px!important;max-width:96px!important}
.next-team-visual>small{display:none!important}
.next-team-visual.national .national-flag-image{width:48px!important;height:32px!important;min-width:48px!important;max-width:48px!important;min-height:32px!important;max-height:32px!important;border-radius:4px}
.next-team-visual.national .national-flag-image>img{width:100%!important;height:100%!important}

/* V10.3.4 final — decisões responsivas no celular.
   Em telas estreitas, as opções deixam de usar o palco posicional e entram
   em fluxo vertical real para impedir qualquer sobreposição. */
@media (max-width:620px){
  #match-decision-modal{
    align-items:flex-start!important;
    overflow-y:auto!important;
    padding:8px!important;
  }
  #match-decision-modal .decision-card{
    width:100%!important;
    max-width:100%!important;
    max-height:none!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:52px 10px 14px!important;
    overflow:visible!important;
    border-radius:16px!important;
  }
  #match-decision-modal .decision-card > h2,
  #match-decision-modal .decision-card > p,
  #match-decision-modal .decision-card > .muted{
    overflow-wrap:anywhere;
  }
  #match-decision-modal .decision-visual{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin-top:10px!important;
    padding:8px!important;
    overflow:visible!important;
  }
  #match-decision-modal .decision-visual-label{
    margin:0 0 8px!important;
  }
  #match-decision-modal .visual-stage{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    padding:10px!important;
    gap:10px!important;
    overflow:hidden!important;
  }
  #match-decision-modal .visual-choice,
  #match-decision-modal .visual-choice:nth-child(n){
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    display:grid!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:78px!important;
    height:auto!important;
    margin:0!important;
    padding:11px 12px!important;
    transform:none!important;
    flex:0 0 auto!important;
  }
  #match-decision-modal .visual-choice:hover,
  #match-decision-modal .visual-choice:focus-visible{
    transform:none!important;
  }
  #match-decision-modal .visual-choice strong,
  #match-decision-modal .visual-choice small{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  #match-decision-modal .decision-scene-architecture{
    pointer-events:none!important;
  }
  #decision-result{
    margin-top:10px!important;
  }
  #decision-continue{
    width:100%!important;
    margin-top:10px!important;
  }
}

@media (max-width:380px){
  #match-decision-modal{padding:5px!important}
  #match-decision-modal .decision-card{padding-left:7px!important;padding-right:7px!important}
  #match-decision-modal .decision-visual{padding:6px!important}
  #match-decision-modal .visual-stage{padding:8px!important;gap:8px!important}
  #match-decision-modal .visual-choice{min-height:74px!important;padding:10px!important}
}
/* ===== V10.4 · PROFILE PHOTO, UI POLISH, LIVE TABLES & LEGACY ===== */
.player-photo{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;border-radius:inherit;background:#0a141d;isolation:isolate}
.player-photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 48%,rgba(0,0,0,.16));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.player-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:saturate(.98) contrast(1.025)}
.icon-card-face .player-photo{border-radius:38% 38% 24% 24%;transform:scale(.95);transform-origin:center bottom}
.photo-upload-row{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px}
.compact-btn{min-height:34px!important;padding:7px 11px!important;border-radius:10px!important;font-size:9px!important}

/* Selects/options: one visual language throughout the app. */
select{appearance:none;-webkit-appearance:none;min-height:44px;padding:10px 38px 10px 12px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:12px!important;color:#f6f8fa!important;background-color:#08131c!important;background-image:linear-gradient(45deg,transparent 50%,#8fa5af 50%),linear-gradient(135deg,#8fa5af 50%,transparent 50%),linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01))!important;background-position:calc(100% - 17px) 19px,calc(100% - 12px) 19px,0 0!important;background-size:5px 5px,5px 5px,100% 100%!important;background-repeat:no-repeat!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.12);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
select:hover{border-color:color-mix(in srgb,var(--green) 48%,rgba(255,255,255,.18))!important}
select:focus{outline:none!important;border-color:var(--green)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 12%,transparent),0 12px 28px rgba(0,0,0,.18)!important}
select option,select optgroup{background:#071119;color:#f6f8fa;font-weight:650;padding:11px 12px}
select option:checked{background:linear-gradient(90deg,color-mix(in srgb,var(--green) 36%,#071119),#071119);color:#fff}
.competition-tag,.match-context-chip,.profile-meta-chips span,.market-tier-chips span,.legend-status-strip span{border:1px solid rgba(255,255,255,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}

/* Próxima partida: escudos realmente legíveis. */
#career .next-match .next-team-visual{min-width:96px!important;max-width:118px!important}
#career .next-match .next-team-visual .crest-shell{width:72px!important;height:72px!important;border-radius:18px!important;padding:6px!important;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.022))!important;box-shadow:0 12px 28px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.04)}
#career .next-match .next-team-visual.national .national-flag-image{width:66px!important;height:44px!important;min-width:66px!important;max-width:66px!important;min-height:44px!important;max-height:44px!important}
#career .next-match .versus>b{font-size:21px;opacity:.72}

/* Pause = stateful journey pause. Keep it pinned in the card corner. */
#event-modal .career-event-card,#match-decision-modal .decision-card{position:relative!important}
.overlay-pause-btn{right:18px!important;top:16px!important;min-height:36px!important;padding:9px 14px!important;font-size:10.5px!important;letter-spacing:.035em!important;border-radius:999px!important;z-index:90!important;box-shadow:0 8px 24px rgba(0,0,0,.26)!important}
.resume-career-overlay{min-height:38px!important;padding:8px 14px!important;font-weight:850!important}

/* Events/interactions: unique scene geometry and per-type layout language. */
#event-modal .career-event-card{width:min(800px,94vw)!important;max-width:800px!important;padding:27px 27px 24px!important;overflow:hidden!important}
#event-modal .career-event-scene{height:260px!important;margin:20px 0 15px!important;border-radius:22px!important;isolation:isolate;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 20px 50px rgba(0,0,0,.30)!important}
#event-modal .career-event-scene[data-event-kind="career"]{clip-path:polygon(0 0,100% 0,100% 88%,94% 100%,0 100%)}
#event-modal .career-event-scene[data-event-kind="sponsor"]{border-radius:30px 8px 30px 8px!important;background:radial-gradient(circle at 50% 26%,rgba(244,214,68,.12),transparent 27%),linear-gradient(150deg,#10202d,#071018 72%)!important}
#event-modal .career-event-scene[data-event-kind="idol"]{border-radius:8px 30px 8px 30px!important;background:radial-gradient(circle at 68% 22%,rgba(184,139,255,.16),transparent 32%),linear-gradient(155deg,#211930,#0b121c 70%)!important}
#event-modal .career-event-scene[data-event-kind="national"]{border-radius:22px!important;background:radial-gradient(circle at 18% 20%,rgba(77,166,255,.18),transparent 34%),linear-gradient(155deg,#0e2b3b,#08131d 70%)!important}
.scene-brand-stage{position:absolute;z-index:8;left:50%;top:42%;transform:translate(-50%,-50%);display:grid;place-items:center;gap:12px;min-width:250px}
.scene-brand-stage>span:last-child{font:800 9px/1 Inter,sans-serif;letter-spacing:.2em;color:rgba(255,255,255,.56);text-transform:uppercase}
.sponsor-transparent-logo{display:grid;place-items:center;min-width:150px;min-height:58px;color:#fff!important;font-weight:900;letter-spacing:.08em}
.sponsor-transparent-logo img{display:block;max-width:190px;max-height:72px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.28))}
.sponsor-transparent-logo.logo-fallback{font-size:27px}
.scene-signature{position:absolute;z-index:7;display:grid;place-items:center;pointer-events:none;color:rgba(255,255,255,.30);font-weight:900;font-size:9px;line-height:1;font-family:var(--btl-display-font);letter-spacing:.2em}
.signature-career{left:18px;top:17px;width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:50%}
.signature-contract{right:20px;bottom:18px;transform:rotate(-5deg);padding:7px 9px;border:1px dashed rgba(244,214,68,.3);color:rgba(244,214,68,.65)}
.signature-idol{left:18px;bottom:16px;color:rgba(208,174,255,.55)}
.signature-national{left:18px;top:16px;font-size:25px;filter:drop-shadow(0 5px 12px rgba(0,0,0,.3))}
.event-layout-0 .scene-world{transform:translate(-18px,5px) rotate(-4deg) scale(.96)!important}.event-layout-1 .scene-world{transform:translate(18px,-5px) rotate(4deg) scale(1.03)!important}.event-layout-2 .scene-world{transform:translateY(12px) scale(1.08)!important}.event-layout-3 .scene-world{transform:translate(-24px,-8px) skewX(-3deg)!important}.event-layout-4 .scene-world{transform:translate(24px,7px) skewX(3deg)!important}.event-layout-5 .scene-world{transform:translateY(-13px) scale(.92)!important}.event-layout-6 .scene-world{transform:translate(-13px,12px) rotate(2deg)!important}.event-layout-7 .scene-world{transform:translate(15px,-12px) rotate(-2deg)!important}.event-layout-8 .scene-world{transform:scale(1.11)!important}.event-layout-9 .scene-world{transform:translateY(18px) scale(.92)!important}.event-layout-10 .scene-world{transform:translate(-20px,-3px) scale(1.02)!important}.event-layout-11 .scene-world{transform:translate(20px,3px) scale(.98)!important}
.event-layout-0 .scene-focus,.event-layout-4 .scene-focus,.event-layout-8 .scene-focus{left:34%!important}.event-layout-1 .scene-focus,.event-layout-5 .scene-focus,.event-layout-9 .scene-focus{left:66%!important}.event-layout-2 .scene-focus,.event-layout-6 .scene-focus,.event-layout-10 .scene-focus{top:38%!important}.event-layout-3 .scene-focus,.event-layout-7 .scene-focus,.event-layout-11 .scene-focus{top:63%!important}
.event-kind-sponsor .event-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.event-kind-idol .event-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.event-kind-national .event-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.event-kind-career .event-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#event-modal .visual-event-choice{min-height:82px!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015))!important}

/* Match situations use a separate visual grammar from career events. */
#match-decision-modal .decision-card{border-radius:26px 10px 26px 10px!important}
#match-decision-modal .decision-visual{border-radius:8px 24px 8px 24px!important;border:1px solid color-mix(in srgb,var(--comp-accent,#fff) 38%,rgba(255,255,255,.08))!important}
#match-decision-modal .visual-choice{border-radius:16px 5px 16px 5px!important}
#decision-result{padding:0!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:18px!important;background:linear-gradient(155deg,#101925,#0a1119)!important}
.decision-scoreboard{padding:14px 16px 16px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--comp-accent,#42e88d) 16%,transparent),transparent 50%),linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.01));border-bottom:1px solid rgba(255,255,255,.075)}
.decision-score-meta{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:11px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.decision-score-meta b{color:#fff!important;font-size:9px!important}.decision-score-meta span{font-size:8px!important}
.decision-score-main{display:grid;grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);align-items:center;gap:12px}.decision-score-team{min-width:0;display:flex;align-items:center;justify-content:center;gap:10px}.decision-score-team strong{min-width:0;max-width:150px;margin:0!important;color:#eef4f7!important;font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.decision-score-team .next-team-visual{min-width:auto!important;max-width:none!important}.decision-score-team .crest-shell{width:48px!important;height:48px!important;padding:4px!important;border-radius:13px!important}.decision-score-team .national-flag-image{width:46px!important;height:31px!important;min-width:46px!important;max-width:46px!important;min-height:31px!important;max-height:31px!important}
.decision-score-numbers{text-align:center}.decision-score-numbers small{display:block!important;margin:0 0 2px!important;color:var(--muted)!important;font-size:7px!important;letter-spacing:.14em}.decision-score-numbers b{display:flex!important;justify-content:center;align-items:center;gap:10px!important;margin:0!important;font-weight:800!important;font-size:31px!important;line-height:1!important;font-family:var(--btl-display-font)!important;color:#fff!important}.decision-score-numbers i{font-style:normal;color:var(--comp-accent,var(--green));font-size:17px;opacity:.8}
.decision-result-copy{display:grid;gap:9px;padding:14px 16px 16px}.decision-result-copy>strong{font-size:14px!important;line-height:1.35!important}.decision-team-result{display:block!important;padding:9px 10px!important;border-radius:10px!important;background:rgba(66,232,141,.07)!important;border:1px solid rgba(66,232,141,.16)!important;color:#bff6d4!important;font-weight:800!important}.decision-team-result.pending-penalties{background:rgba(245,199,70,.08)!important;border-color:rgba(245,199,70,.23)!important;color:#f7dc83!important}
.decision-performance-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.decision-performance-strip span{display:grid!important;place-items:center;padding:7px!important;border-radius:9px!important;background:rgba(255,255,255,.035)!important;color:var(--muted)!important;font-size:8px!important}.decision-performance-strip b{font-size:14px!important;color:#fff!important}

/* Competition scorers/assists. */
.competition-leaders-card{grid-column:span 1;min-width:0}.leaderboard-competition-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.leaderboard-competition-tabs button,.leaderboard-mode-tabs button{flex:0 0 auto;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:8px;font-weight:800;cursor:pointer}.leaderboard-competition-tabs button.active,.leaderboard-mode-tabs button.active{border-color:color-mix(in srgb,var(--green) 55%,transparent);background:color-mix(in srgb,var(--green) 12%,transparent);color:#fff}.leaderboard-mode-tabs{display:flex;gap:7px;margin:7px 0 10px}.competition-leaderboard{display:grid;gap:4px}.leaderboard-head,.leaderboard-row{display:grid;grid-template-columns:28px minmax(0,1.2fr) minmax(0,.9fr) 42px;gap:8px;align-items:center}.leaderboard-head{padding:0 8px 5px;color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.08em}.leaderboard-row{min-height:43px;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid transparent}.leaderboard-row.is-user{border-color:color-mix(in srgb,var(--green) 38%,transparent);background:color-mix(in srgb,var(--green) 7%,rgba(255,255,255,.02))}.leaderboard-row>b{font-size:11px;color:var(--muted)}.leaderboard-row>span{min-width:0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-row>span strong{display:block;font-size:10px;color:#f2f5f7;overflow:hidden;text-overflow:ellipsis}.leaderboard-row>span small{display:block;color:var(--muted);font-size:7px}.leaderboard-row>strong{text-align:right;font-size:16px;color:#fff}

/* Historical ranking. */
.historical-ranking-card{width:min(820px,94vw)!important;height:min(90dvh,850px)!important;max-height:90dvh!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;overflow:hidden!important;padding:22px!important}
.historical-ranking-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.historical-ranking-head h2{margin:3px 0 5px}.historical-ranking-head p{margin:0;max-width:650px;color:var(--muted);font-size:10px;line-height:1.45}.historical-player-summary{display:grid;grid-template-columns:170px 1fr;gap:10px}.historical-current-rank{display:grid;align-content:center;padding:12px;border-radius:14px;background:linear-gradient(145deg,rgba(245,205,97,.12),rgba(255,255,255,.02));border:1px solid rgba(245,205,97,.22)}.historical-current-rank small{font-size:7px;color:#d6c17b;letter-spacing:.12em}.historical-current-rank strong{font-size:29px;line-height:1;margin:3px 0}.historical-current-rank span{font-size:8px;color:var(--muted)}.historical-criteria{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.historical-criteria span{display:grid;align-content:center;text-align:center;padding:6px;border-radius:9px;background:rgba(255,255,255,.025)}.historical-criteria b{font-size:6px;color:var(--muted);text-transform:uppercase}.historical-criteria strong{font-size:11px;margin-top:2px}
.historical-ranking-list{min-height:0;overflow:auto;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(3,8,13,.35)}.historical-ranking-columns,.historical-ranking-row{display:grid;grid-template-columns:48px 54px minmax(0,1fr) 58px;gap:8px;align-items:center}.historical-ranking-columns{position:sticky;top:0;z-index:4;padding:8px 11px;background:#0b151e;color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid rgba(255,255,255,.08)}.historical-ranking-row{min-height:42px;padding:6px 11px;border-bottom:1px solid rgba(255,255,255,.045)}.historical-ranking-row:last-child{border-bottom:0}.historical-ranking-row>b{font-size:11px;color:var(--muted)}.historical-ranking-row .ranking-flag{font-size:19px}.historical-ranking-row>strong{font-size:11px}.historical-ranking-row>span:last-child{font-size:8px;color:var(--muted);text-align:right}.historical-ranking-row.is-user{position:relative;background:linear-gradient(90deg,color-mix(in srgb,var(--green) 15%,transparent),rgba(255,255,255,.025));box-shadow:inset 3px 0 var(--green)}.historical-ranking-row.is-user>b,.historical-ranking-row.is-user>strong{color:#fff}.historical-ranking-gap{display:flex;align-items:center;gap:12px;padding:11px;color:var(--muted);font-size:8px;border-bottom:1px solid rgba(255,255,255,.05)}

/* Legacy page constrained to the current viewport; its content scrolls inside. */
#legacy.legacy-page.active{height:calc(100dvh - var(--app-topbar-height,72px))!important;min-height:0!important;overflow:hidden!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr);gap:10px;padding-top:16px!important;padding-bottom:14px!important}
#legacy.legacy-page .page-head{margin:0!important}.legacy-page .page-head h2{margin:2px 0 3px!important}.legacy-page .page-head p:last-child{margin:0!important;font-size:10px!important}
#legacy .account-legacy-panel{margin:0!important;padding:12px 15px!important;grid-template-columns:58px minmax(155px,.75fr) minmax(360px,1.6fr) auto;gap:10px 14px;border-radius:16px!important}
#legacy .account-legacy-avatar{width:54px;height:54px;border-radius:15px}.account-legacy-main h3{font-size:17px!important}.account-legacy-grid>div{min-height:43px!important;padding:7px 9px!important}.account-legacy-actions{grid-column:auto!important;padding:0!important;align-self:center;display:grid!important;grid-template-columns:1fr!important}.account-legacy-actions button{min-height:31px!important;padding:5px 9px!important;font-size:8px!important}
#legacy .game-hall{min-height:0!important;margin:0!important;padding:14px!important;display:grid!important;grid-template-rows:auto minmax(0,1fr);overflow:hidden!important;border-radius:18px!important}.legacy-page .game-hall .section-title{margin-bottom:9px!important}.legacy-page .saved-careers-list{min-height:0!important;height:100%!important;overflow:auto!important;align-content:start!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-right:4px!important}
.saved-career-card{grid-template-columns:76px minmax(0,1fr) 210px!important;grid-template-rows:auto!important;align-items:center!important;min-height:132px!important;max-height:164px!important;padding:13px 15px!important}.saved-career-portrait{position:relative;width:68px;height:86px;display:grid;place-items:center}.saved-career-face{grid-row:auto!important;width:68px!important;height:86px!important;align-self:auto!important}.saved-career-face .player-photo{border-radius:14px}.saved-career-icon-badge{position:absolute;right:-8px;bottom:-4px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#fff7d5,#c5a34c);color:#19150c;box-shadow:0 7px 18px rgba(0,0,0,.30)}.saved-career-icon-badge b{font-size:11px!important;margin:0!important}.saved-career-icon-badge small{font-size:5px!important;color:#6c5824!important}.saved-career-info{padding-right:40px!important}.saved-career-title-breakdown{max-height:40px!important;overflow:hidden!important;display:flex!important;gap:4px!important;flex-wrap:wrap!important;margin-top:6px!important}.saved-career-title-breakdown span{max-width:150px!important}.saved-career-title-breakdown em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-career-numbers{grid-column:3!important;grid-template-columns:repeat(2,1fr)!important;align-self:stretch!important}.saved-career-open-hint{right:14px!important;bottom:8px!important}.saved-career-delete{z-index:5!important}
.saved-career-detail-card{width:min(1120px,96vw)!important;height:min(92dvh,880px)!important;max-height:92dvh!important;overflow:auto!important;padding:20px!important;overscroll-behavior:contain}.saved-career-detail-head{position:sticky;top:-20px;z-index:12;padding:12px 0 10px;background:linear-gradient(180deg,var(--panel) 75%,transparent)}.saved-career-detail-hero{min-height:112px!important}.saved-icon-section{grid-template-columns:minmax(200px,310px) 1fr!important;align-items:center!important}.saved-icon-section .fifa-icon-card{--card-w:205px!important}.saved-career-history-wrap .table-wrap{max-height:210px!important;overflow:auto!important}.saved-career-detail-actions{position:sticky;bottom:-20px;z-index:10;padding:10px 0 4px;background:linear-gradient(0deg,var(--panel) 78%,transparent)}

@media(max-width:900px){
  #legacy .account-legacy-panel{grid-template-columns:54px 1fr!important}.account-legacy-grid{grid-column:1/-1!important;grid-template-columns:repeat(4,1fr)!important}.account-legacy-actions{grid-column:1/-1!important;display:flex!important;justify-content:flex-end!important}.legacy-page .saved-careers-list{grid-template-columns:1fr!important}.saved-career-card{grid-template-columns:70px minmax(0,1fr) 180px!important}
  .historical-criteria{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:620px){
  #career .next-match .next-team-visual{min-width:78px!important}.next-match .next-team-visual .crest-shell{width:58px!important;height:58px!important}.next-match .next-team-visual.national .national-flag-image{width:55px!important;height:36px!important;min-width:55px!important;max-width:55px!important;min-height:36px!important;max-height:36px!important}
  #event-modal .career-event-card{padding:50px 12px 14px!important;border-radius:18px!important}#event-modal .career-event-scene{height:230px!important;margin-top:14px!important}.event-kind-sponsor .event-choice-grid,.event-kind-idol .event-choice-grid,.event-kind-national .event-choice-grid,.event-kind-career .event-choice-grid{grid-template-columns:1fr!important}.scene-brand-stage{min-width:190px}.sponsor-transparent-logo img{max-width:145px;max-height:58px}
  .decision-score-main{grid-template-columns:1fr 86px 1fr;gap:5px}.decision-score-team{display:grid;place-items:center;gap:5px}.decision-score-team strong{max-width:92px;font-size:8px!important;text-align:center}.decision-score-team .crest-shell{width:42px!important;height:42px!important}.decision-score-numbers b{font-size:25px!important;gap:6px!important}
  .historical-ranking-card{width:100%!important;height:96dvh!important;max-height:96dvh!important;padding:14px!important}.historical-player-summary{grid-template-columns:1fr}.historical-criteria{grid-template-columns:repeat(5,1fr)}.historical-criteria span{padding:5px 2px}.historical-criteria b{font-size:5px}.historical-ranking-columns,.historical-ranking-row{grid-template-columns:40px 44px minmax(0,1fr) 44px}.historical-ranking-row .ranking-flag{font-size:17px}
  #legacy.legacy-page.active{height:calc(100dvh - var(--app-topbar-height,64px))!important;padding:9px!important;gap:7px}.legacy-page .page-head p:last-child{display:none}.legacy-page .page-head h2{font-size:20px!important}#legacy .account-legacy-panel{padding:8px 10px!important}.account-legacy-grid{grid-template-columns:repeat(2,1fr)!important;max-height:83px;overflow:auto}.account-legacy-actions{display:none!important}#legacy .game-hall{padding:9px!important}.saved-career-card{grid-template-columns:62px minmax(0,1fr)!important;max-height:none!important;min-height:126px!important}.saved-career-portrait{width:58px;height:74px}.saved-career-face{width:58px!important;height:74px!important}.saved-career-numbers{grid-column:1/-1!important;grid-template-columns:repeat(4,1fr)!important;min-height:38px}.saved-career-info{padding-right:42px!important}.saved-career-detail-card{width:100%!important;height:96dvh!important;max-height:96dvh!important;padding:13px!important;border-radius:16px!important}.saved-career-detail-head{top:-13px}.saved-icon-section{grid-template-columns:1fr!important}.saved-icon-section .fifa-icon-card{--card-w:185px!important}
  .leaderboard-head,.leaderboard-row{grid-template-columns:24px minmax(0,1.2fr) minmax(0,.8fr) 38px;gap:5px}
}
@media(max-height:760px) and (min-width:621px){#legacy.legacy-page .page-head p:last-child{display:none}#legacy.legacy-page.active{padding-top:9px!important;gap:7px}#legacy .account-legacy-panel{padding:8px 12px!important}.account-legacy-grid>div{min-height:36px!important}.account-legacy-avatar{width:46px!important;height:46px!important}.legacy-page .saved-career-card{min-height:118px!important}}

/* V10.4 · CUSTOM SELECTS — evita o popup azul/nativo e deixa todas as opções no mesmo visual. */
.btl-select-shell{position:relative;width:100%;min-width:0}.btl-native-select{position:absolute!important;width:1px!important;height:1px!important;min-height:1px!important;opacity:0!important;pointer-events:none!important;inset:auto!important;padding:0!important;margin:0!important}.btl-select-trigger{width:100%;min-height:44px;display:grid;grid-template-columns:minmax(0,1fr) 26px;align-items:center;gap:8px;padding:9px 8px 9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),#08131c;color:#f6f8fa;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.12);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.btl-select-trigger:hover,.btl-select-shell.open .btl-select-trigger{border-color:color-mix(in srgb,var(--green) 56%,rgba(255,255,255,.18));box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 9%,transparent),0 12px 28px rgba(0,0,0,.18)}.btl-select-trigger:focus-visible{outline:none;border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 15%,transparent),0 12px 28px rgba(0,0,0,.22)}.btl-select-trigger:disabled{opacity:.48;cursor:not-allowed}.btl-select-value{min-width:0;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:780;white-space:nowrap;overflow:hidden}.btl-select-value>span:last-child{overflow:hidden;text-overflow:ellipsis}.btl-select-trigger.is-placeholder .btl-select-value{color:var(--muted);font-weight:650}.btl-select-flag,.btl-select-option-flag{font-size:17px;line-height:1;filter:saturate(.9)}.btl-select-chevron{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.045);color:var(--muted);font-size:15px;transition:transform .18s ease,color .18s ease}.btl-select-shell.open .btl-select-chevron{transform:rotate(180deg);color:var(--green)}
.btl-select-popover{position:fixed;z-index:10050;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;padding:7px;border:1px solid color-mix(in srgb,var(--green) 28%,rgba(255,255,255,.13));border-radius:14px;background:linear-gradient(160deg,rgba(15,29,38,.98),rgba(5,13,19,.99));box-shadow:0 22px 60px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(16px)}.btl-select-popover.hidden{display:none!important}.btl-select-search-wrap{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;margin-bottom:6px;padding:0 8px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(0,0,0,.22)}.btl-select-search-wrap>span{color:var(--green);font-size:15px}.btl-select-search{min-width:0!important;height:36px!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;font-size:10px!important}.btl-select-search:focus{outline:none!important}.btl-select-options{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.btl-select-group{padding:9px 9px 5px;color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.btl-select-option{position:relative;width:100%;min-height:38px;display:grid;grid-template-columns:20px auto minmax(0,1fr);align-items:center;gap:7px;padding:7px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#eef4f6;text-align:left;font-size:10px;font-weight:700;transition:background .14s ease,border-color .14s ease,transform .14s ease}.btl-select-option:not(:has(.btl-select-option-flag)){grid-template-columns:20px minmax(0,1fr)}.btl-select-option:hover,.btl-select-option:focus-visible{outline:none;transform:translateX(2px);border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.055)}.btl-select-option.selected{border-color:color-mix(in srgb,var(--green) 35%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--green) 16%,transparent),rgba(255,255,255,.025));color:#fff}.btl-select-option-mark{width:18px;height:18px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.10);border-radius:6px;color:var(--green);font-size:10px}.btl-select-option.selected .btl-select-option-mark{border-color:color-mix(in srgb,var(--green) 55%,transparent);background:color-mix(in srgb,var(--green) 12%,transparent)}.btl-select-option.placeholder-option{color:var(--muted)}.btl-select-option:disabled{opacity:.38;cursor:not-allowed;transform:none}.btl-select-empty{padding:20px 10px;text-align:center;color:var(--muted);font-size:9px}
/* Supercopas têm identidade própria nas decisões: dourado, final única e moldura mais cerimonial. */
#match-decision-modal .decision-card[data-competition-theme^="supercup-"]{border-radius:12px 30px 12px 30px!important;border-color:color-mix(in srgb,var(--comp-secondary) 42%,rgba(255,255,255,.10))!important;background-image:linear-gradient(145deg,color-mix(in srgb,var(--comp-primary) 82%,#071016),#071016)!important}
#match-decision-modal .decision-card[data-competition-theme^="supercup-"] .decision-competition-theme-badge{background:linear-gradient(90deg,color-mix(in srgb,var(--comp-secondary) 15%,transparent),rgba(255,255,255,.025));border-color:color-mix(in srgb,var(--comp-secondary) 32%,transparent)}

/* v10.7.1 layout + realism refinements */
@font-face{
  font-family:'Unisportion FC';
  src:local('Unisportion FC'),local('Unisports FC'),local('Unisport FC');
  font-display:swap;
}
:root{
  --btl-display-font:'Unisportion FC','Unisports FC',Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --next-match-crest-size:132px;
}
body,button,input,select,textarea{font-family:var(--btl-display-font)!important}

#career .next-match .next-team-visual{min-width:140px!important;max-width:172px!important}
#career .next-match .next-team-visual .crest-shell{width:var(--next-match-crest-size)!important;height:var(--next-match-crest-size)!important;border-radius:28px!important;padding:12px!important;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.028))!important;box-shadow:0 18px 34px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,255,255,.06)!important}
#career .next-match .next-team-visual .club-badge-img{width:100%!important;height:100%!important}
#career .next-match .next-team-visual.national .national-flag-image{width:116px!important;height:78px!important;min-width:116px!important;max-width:116px!important;min-height:78px!important;max-height:78px!important;border-radius:10px!important}
.next-match .versus{font-size:26px!important;margin:0 12px!important}
.next-match .panel-action,.next-match button.primary{margin-top:8px}

.overlay-pause-btn{position:absolute!important;top:18px!important;right:18px!important;left:auto!important;z-index:110!important;min-height:40px!important;padding:10px 16px!important;font-size:11px!important;letter-spacing:.04em!important;box-shadow:0 10px 24px rgba(0,0,0,.28)!important}
.resume-career-overlay{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:46px!important;padding:12px 18px!important;font-size:12px!important;font-weight:900!important;letter-spacing:.03em!important;border-radius:14px!important;box-shadow:0 12px 30px rgba(13,190,111,.20)!important}
#season-year + .resume-career-overlay,.season-card .resume-career-overlay{margin-top:12px!important}

#decision-result{display:grid!important;gap:12px!important;padding:14px 16px 16px!important;line-height:1.55!important}
#decision-result strong{font-size:15px!important}
#decision-result span{font-size:12px!important;color:#d7e1e8!important}

.penalty-shootout-preview{display:grid!important;gap:12px!important;padding:14px!important;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(160deg,rgba(14,20,30,.96),rgba(7,12,19,.94))!important}
.penalty-shootout-shell{display:grid;gap:12px}
.penalty-shootout-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#d8e2e9;font-size:11px}
.penalty-team-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,1.4fr) 36px;align-items:center;gap:12px}
.penalty-team-meta{display:flex;align-items:center;gap:10px;min-width:0}.penalty-team-meta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.penalty-team-meta .crest-shell{width:54px!important;height:54px!important;border-radius:16px!important;padding:6px!important}
.penalty-dot-row{display:flex;gap:10px;flex-wrap:nowrap;justify-content:flex-start}
.penalty-dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:900;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.0)}
.penalty-dot.pending{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.penalty-dot.chosen{background:rgba(245,199,70,.16);border-color:rgba(245,199,70,.55);color:#f5c746}
.penalty-dot.made{background:rgba(46,200,113,.22);border-color:rgba(46,200,113,.78);color:#fff}
.penalty-dot.missed{background:rgba(235,87,87,.22);border-color:rgba(235,87,87,.78);color:#fff}
.penalty-dot.skipped{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.16);color:#d5dde6}
.penalty-dot.player-slot{box-shadow:0 0 0 2px rgba(245,199,70,.2)}
.penalty-row-score{text-align:right;font-size:20px;color:#fff}

.leaderboard-competition-tabs{gap:9px!important;padding-bottom:8px!important}
.leaderboard-competition-tabs button,.leaderboard-mode-tabs button{padding:9px 14px!important;font-size:9px!important}
.leaderboard-mode-tabs{margin:10px 0 14px!important}
.competition-leaderboard{gap:8px!important}
.leaderboard-head,.leaderboard-row{grid-template-columns:30px minmax(0,1.25fr) minmax(0,1fr) 48px!important;gap:10px!important}
.leaderboard-head{padding:0 12px 8px!important;font-size:8px!important}
.leaderboard-row{min-height:54px!important;padding:10px 12px!important;border-radius:14px!important}
.leaderboard-row>span{font-size:10px!important}.leaderboard-row>span strong{font-size:12px!important}.leaderboard-row>span small{font-size:8px!important}.leaderboard-row>strong{font-size:18px!important}

.scene-person-card{top:20px!important;padding:10px 16px!important;gap:10px!important;max-width:min(84%,360px);justify-content:center;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.scene-person-card small{display:block;font-size:9px!important;line-height:1.2!important}
.visual-stage{gap:16px!important}

#p-sponsor{display:inline-flex;align-items:center;gap:8px;min-width:0}
#p-sponsor .inline-logo{flex:0 0 auto;max-width:72px;height:18px}
#p-sponsor span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.historical-ranking-row .ranking-flag{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif!important;font-size:20px!important}

.saved-career-card{display:grid!important;grid-template-columns:92px minmax(0,1fr) 230px!important;gap:16px!important;padding:18px!important;min-height:152px!important;max-height:none!important;border-radius:20px!important}
.saved-career-info h4{font-size:20px!important;line-height:1.08!important;margin-bottom:4px!important}
.saved-career-info p{margin:0!important;color:#d8e3ec!important}
.saved-career-clubs,#saved-career-club-list{display:flex;flex-wrap:wrap;gap:8px!important;align-items:center}
.saved-career-clubs span,#saved-career-club-list span{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:11px;line-height:1}
.saved-career-title-breakdown{gap:6px!important;max-height:none!important}
.saved-career-title-breakdown span{padding:4px 8px;border-radius:10px;background:rgba(255,255,255,.03)}
.saved-career-title-breakdown em{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis}
.saved-career-numbers{gap:8px!important}.saved-career-numbers>div{min-height:58px;display:grid;align-content:center;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.saved-career-open-hint{font-size:11px!important}

.saved-career-detail-card{padding:20px!important}
.saved-career-detail-head{align-items:flex-start!important;gap:18px!important}
#saved-career-detail-face{width:108px!important;height:132px!important;border-radius:22px!important;overflow:hidden;background:rgba(255,255,255,.04);display:grid;place-items:center}
.saved-career-detail-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important}
.saved-career-detail-stats>div{padding:12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.saved-career-detail-sections{display:grid;gap:16px!important}
.saved-career-honours,.saved-career-history-shell{padding:14px!important;border-radius:16px!important;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.saved-title-count-list{display:grid;gap:8px;margin-bottom:14px}.saved-title-count-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.04)}
.saved-career-honour-row{display:flex;align-items:center;gap:12px;padding:8px 0}
.saved-icon-section{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr)!important;gap:22px!important;align-items:center}
.saved-icon-section .fifa-icon-card{justify-self:center}

@media(max-width:900px){
  #career .next-match .next-team-visual{min-width:120px!important;max-width:144px!important}
  #career .next-match .next-team-visual .crest-shell{width:108px!important;height:108px!important}
  #career .next-match .next-team-visual.national .national-flag-image{width:96px!important;height:64px!important;min-width:96px!important;max-width:96px!important;min-height:64px!important;max-height:64px!important}
  .saved-career-card{grid-template-columns:76px minmax(0,1fr)!important}.saved-career-numbers{grid-column:1/-1!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .saved-career-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .saved-icon-section{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  .overlay-pause-btn{top:12px!important;right:12px!important}
  #career .next-match .next-team-visual{min-width:102px!important;max-width:124px!important}
  #career .next-match .next-team-visual .crest-shell{width:94px!important;height:94px!important;border-radius:22px!important}
  #career .next-match .next-team-visual.national .national-flag-image{width:82px!important;height:56px!important;min-width:82px!important;max-width:82px!important;min-height:56px!important;max-height:56px!important}
  .penalty-team-row{grid-template-columns:1fr;gap:8px}.penalty-row-score{text-align:left}
  .leaderboard-head,.leaderboard-row{grid-template-columns:24px minmax(0,1.1fr) minmax(0,.8fr) 38px!important}
  .saved-career-detail-stats{grid-template-columns:1fr}
}

/* v10.7.2 · Hall da Fama, tipografia, flags e goleiros */
@font-face{
  font-family:'Unisportion FC';
  src:local('UT Unisportion FC Regular'),local('Unisportion FC Regular'),local('Unisportion FC');
  font-display:swap;
}
:root{--btl-display-font:'Unisportion FC','UT Unisportion FC Regular',Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--next-match-crest-size:150px}
html,body,body *{font-family:var(--btl-display-font)!important}
.national-flag-image b,.btl-select-flag,.btl-select-option-flag{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif!important}
body{font-size:16px}
small,.field-help,.muted{font-size:max(10px,.72em)}
button{font-size:max(11px,.82em)}

.btl-select-flag,.btl-select-option-flag{display:inline-grid!important;place-items:center;width:28px;height:20px;flex:0 0 28px;overflow:hidden;border-radius:5px}
.btl-select-flag .national-flag-image,.btl-select-option-flag .national-flag-image{width:28px!important;height:19px!important;min-width:28px!important;max-width:28px!important;min-height:19px!important;max-height:19px!important;border-radius:4px!important;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.btl-select-flag .national-flag-image img,.btl-select-option-flag .national-flag-image img{width:100%!important;height:100%!important;object-fit:cover!important}
.btl-select-flag .national-flag-image b,.btl-select-option-flag .national-flag-image b{font-size:15px!important}

/* Hall: visão fechada deliberadamente simples: identidade + OVR + ranking. */
#legacy .saved-careers-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;overflow:auto!important;padding:2px 4px 6px 0!important}
.saved-career-summary-card{position:relative!important;display:grid!important;grid-template-columns:78px minmax(0,1fr) 164px!important;grid-template-rows:1fr auto!important;gap:14px 16px!important;min-height:144px!important;max-height:none!important;padding:18px 18px 14px!important;border-radius:20px!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))!important}
.saved-career-summary-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--green) 10%,transparent),transparent 34%);pointer-events:none}
.saved-career-summary-flag{grid-column:1;grid-row:1;align-self:center;display:grid;place-items:center;width:78px;height:58px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.saved-career-summary-flag .national-flag-image{width:62px!important;height:42px!important;min-width:62px!important;max-width:62px!important;min-height:42px!important;max-height:42px!important;border-radius:6px!important}
.saved-career-summary-flag .national-flag-image img{width:100%!important;height:100%!important;object-fit:cover!important}
.saved-career-flag-fallback{font-size:11px;text-align:center;color:var(--muted)}
.saved-career-summary-main{grid-column:2;grid-row:1;min-width:0;align-self:center;padding-right:6px}
.saved-career-summary-main .saved-career-kicker{display:block;margin-bottom:5px;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.12em}
.saved-career-summary-main h4{margin:0 0 7px!important;font-size:23px!important;line-height:1.02!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.saved-career-summary-main p{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap;margin:0!important;font-size:12px!important;color:#e6edf2!important}
.saved-career-summary-main p span{color:var(--muted)}
.saved-career-summary-metrics{grid-column:3;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-self:center}
.saved-career-summary-metrics>div{min-height:76px;display:grid;place-items:center;padding:9px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);text-align:center}
.saved-career-summary-metrics small{font-size:8px!important;color:var(--muted);letter-spacing:.08em}.saved-career-summary-metrics strong{font-size:28px!important;line-height:1!important;margin-top:3px}
.saved-career-summary-card .saved-career-open-hint{position:static!important;grid-column:2/-1;grid-row:2;justify-self:end;font-size:11px!important;color:var(--muted)}
.saved-career-summary-card .saved-career-delete{top:10px!important;right:10px!important;left:auto!important;width:28px!important;height:28px!important;border-radius:50%!important;padding:0!important}

/* Carreira aberta: título agregado em cards, sem lista redundante dos últimos troféus. */
.saved-career-detail-card{width:min(1180px,96vw)!important;height:min(92dvh,900px)!important;padding:22px!important;display:grid!important;gap:16px!important}
.saved-career-detail-head{padding:8px 0 10px!important}
.saved-career-detail-hero{display:grid!important;grid-template-columns:126px minmax(0,1fr)!important;gap:18px!important;align-items:center!important;min-height:140px!important;padding:14px!important;border-radius:18px!important;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}
#saved-career-detail-face{width:112px!important;height:132px!important;border-radius:20px!important;overflow:hidden!important}
.saved-career-detail-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.saved-career-detail-summary>div{min-height:74px;padding:10px!important;border-radius:14px!important;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.saved-career-detail-grid{display:grid!important;grid-template-columns:minmax(260px,.8fr) minmax(0,1.7fr)!important;gap:16px!important;align-items:start!important}
.saved-career-detail-grid>section{min-width:0;padding:14px!important;border-radius:16px!important;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}
.saved-career-detail-grid h3{margin:0 0 12px!important;font-size:17px!important}
.saved-title-trophy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.saved-title-trophy-card{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr) 42px;align-items:center;gap:12px;min-height:90px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.saved-title-trophy-card .honour-art{width:60px!important;height:66px!important;min-width:60px!important;display:grid!important;place-items:center!important;background:transparent!important}
.saved-title-trophy-card .honour-art img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 7px 10px rgba(0,0,0,.28))!important;background:transparent!important}
.saved-title-trophy-card>div{min-width:0}.saved-title-trophy-card>div strong{display:block;font-size:12px!important;line-height:1.2}.saved-title-trophy-card>div span{display:block;margin-top:5px;color:var(--muted);font-size:10px!important}.saved-title-trophy-card>b{font-size:21px!important;text-align:right;color:var(--gold)}
.saved-career-detail-clubs{gap:8px!important}.saved-career-detail-clubs span{font-size:11px!important;padding:7px 10px!important}

/* Carta ICON: rosto centralizado e sem corte lateral. */
.saved-icon-section{grid-template-columns:minmax(260px,330px) minmax(0,1fr)!important;padding:22px!important;gap:26px!important}
.saved-icon-section .fifa-icon-card{--card-w:250px!important}
.icon-card-face{overflow:visible!important;place-items:end center!important}
.icon-card-face .face-avatar{transform:scale(1.18)!important;transform-origin:center bottom!important;margin:0 0 2px!important;max-width:100%!important}
.icon-card-face .player-photo{transform:scale(.88)!important;object-position:center center!important}

/* Próxima partida: escudos significativamente maiores. */
#career .next-match .next-team-visual{min-width:160px!important;max-width:184px!important}
#career .next-match .next-team-visual .crest-shell{width:150px!important;height:150px!important;border-radius:30px!important;padding:13px!important}
#career .next-match .next-team-visual.national .national-flag-image{width:132px!important;height:88px!important;min-width:132px!important;max-width:132px!important;min-height:88px!important;max-height:88px!important}
.next-match .versus{gap:22px!important;align-items:center!important}
.next-match .versus>b{font-size:30px!important}

/* Grid de atributos ganha mais respiro e comporta os sete atributos de goleiro. */
.player-attributes{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:10px!important}
.player-attribute{min-height:98px!important;padding:11px 9px!important}.player-attribute>span{font-size:9px!important}.player-attribute>strong{font-size:24px!important}.player-attribute>small{font-size:8px!important;line-height:1.25!important}

.penalty-team-meta .penalty-crest{width:54px!important;height:54px!important}

@media(max-width:1000px){
  #legacy .saved-careers-list{grid-template-columns:1fr!important}
  .saved-career-detail-grid{grid-template-columns:1fr!important}
  .saved-title-trophy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .player-attributes{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:650px){
  .saved-career-summary-card{grid-template-columns:66px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important}
  .saved-career-summary-flag{width:62px;height:48px}.saved-career-summary-flag .national-flag-image{width:52px!important;height:34px!important;min-width:52px!important;max-width:52px!important;min-height:34px!important;max-height:34px!important}
  .saved-career-summary-main{grid-column:2}.saved-career-summary-main h4{font-size:19px!important}
  .saved-career-summary-metrics{grid-column:1/-1;grid-row:2;grid-template-columns:1fr 1fr}.saved-career-summary-card .saved-career-open-hint{grid-column:1/-1;grid-row:3}
  .saved-career-detail-hero{grid-template-columns:1fr!important}.saved-career-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.saved-title-trophy-grid{grid-template-columns:1fr}
  .saved-icon-section{grid-template-columns:1fr!important}.saved-icon-section .fifa-icon-card{--card-w:220px!important}
  #career .next-match .next-team-visual{min-width:126px!important;max-width:144px!important}#career .next-match .next-team-visual .crest-shell{width:116px!important;height:116px!important;border-radius:24px!important}
  #career .next-match .next-team-visual.national .national-flag-image{width:102px!important;height:68px!important;min-width:102px!important;max-width:102px!important;min-height:68px!important;max-height:68px!important}
  .player-attributes{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
.goalkeeper-icon-card .icon-card-stats{grid-template-columns:1fr 1fr!important;grid-template-rows:repeat(4,1fr)!important;grid-auto-flow:column!important;gap:1px 14px!important;padding:5px 14px!important}
.goalkeeper-icon-card .icon-card-stats span{font-size:9px!important}.goalkeeper-icon-card .icon-card-stats b{font-size:12px!important;min-width:22px!important}

/* v10.7.2 · agrupamento de títulos no encerramento da carreira */
.legacy-honours-preview{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important}
.legacy-grouped-title{display:grid!important;grid-template-columns:62px minmax(0,1fr) 44px!important;align-items:center!important;gap:12px!important;min-height:88px!important;padding:10px 12px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important}
.legacy-grouped-title .honour-art{width:56px!important;height:64px!important;min-width:56px!important;display:grid!important;place-items:center!important;background:transparent!important}
.legacy-grouped-title .honour-art img{width:100%!important;height:100%!important;object-fit:contain!important;background:transparent!important;filter:drop-shadow(0 7px 10px rgba(0,0,0,.28))!important}
.legacy-grouped-title>span{min-width:0}.legacy-grouped-title>span strong{display:block!important;font-size:12px!important;line-height:1.2!important}.legacy-grouped-title>span small{display:block!important;margin-top:4px!important;color:var(--muted)!important;font-size:10px!important}.legacy-grouped-title>b{justify-self:end;font-size:20px!important;color:var(--gold)!important}
@media(max-width:650px){.legacy-honours-preview{grid-template-columns:1fr!important}}

/* =========================================================
   V10.7.3 · AUDITORIA DE LAYOUT E RESPONSIVIDADE
   Correções após inspeção 1440×900 / 1024×768 / 390×844.
   ========================================================= */

/* A fonte escolhida pelo jogo deve valer para toda a interface, inclusive
   números e componentes que antes ainda forçavam Space Grotesk/Inter. */
:root{
  --btl-display-font:'Unisportion FC','Unisports FC','Unisport FC',Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','Apple Color Emoji','Segoe UI Emoji',sans-serif;
}
html,body,body *:not(svg):not(path){font-family:var(--btl-display-font)!important}

/* O utilitário hidden precisa vencer regras posteriores com display!important. */
#resume-career-overlay.hidden{display:none!important}

/* ===== NAVEGAÇÃO MOBILE ===== */
@media(max-width:860px){
  .topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:8px 10px!important;
    min-height:0!important;
    padding:9px 12px 8px!important;
  }
  .topbar>.logo{grid-column:1;grid-row:1;min-width:0;font-size:17px!important}
  .top-actions{grid-column:2;grid-row:1;min-width:0;margin:0!important;gap:6px!important}
  .topbar nav{
    grid-column:1/-1!important;
    grid-row:2!important;
    order:initial!important;
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    gap:5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:1px 0 2px!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch;
  }
  .topbar nav::-webkit-scrollbar{display:none!important}
  .topbar nav button{
    flex:0 0 auto!important;
    min-height:34px!important;
    padding:7px 10px!important;
    border-radius:9px!important;
    border:1px solid rgba(255,255,255,.055)!important;
    background:rgba(255,255,255,.018)!important;
    font-size:9px!important;
    white-space:nowrap!important;
  }
  .topbar nav button.active{background:color-mix(in srgb,var(--green) 9%,rgba(255,255,255,.02))!important;border-color:color-mix(in srgb,var(--green) 34%,rgba(255,255,255,.08))!important}
  .account-top-chip{min-height:34px!important;padding:6px 8px!important}
  .account-top-chip b{max-width:82px!important;font-size:9px!important}
  #reset-career{min-height:34px!important;padding:6px 8px!important;font-size:9px!important}
}

/* ===== DASHBOARD DA CARREIRA ===== */
#career.page{min-width:0!important;overflow-x:clip!important}
.dashboard-grid{width:100%!important;min-width:0!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr) minmax(0,.95fr)!important;grid-template-areas:
  'profile next next'
  'profile attrs attrs'
  'season comps leaders'
  'national comps leaders'
  'news news news'!important;
  align-items:start!important;
}
.dashboard-grid>*{min-width:0!important;max-width:100%!important}
.competition-leaders-card{grid-area:leaders!important;min-width:0!important}
.competitions-card{grid-area:comps!important}
.national-card{grid-area:national!important}
.season-card{grid-area:season!important}
.news-card{grid-area:news!important}

/* Logo de patrocinador no perfil não pode herdar o palco gigante dos eventos. */
#p-sponsor{display:inline-flex!important;align-items:center!important;gap:6px!important;min-width:0!important;max-width:100%!important}
#p-sponsor .sponsor-transparent-logo{
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:18px!important;
  font-size:10px!important;
  letter-spacing:0!important;
}
#p-sponsor .sponsor-transparent-logo img{width:auto!important;height:17px!important;max-width:58px!important;max-height:17px!important;object-fit:contain!important}
#p-sponsor>span:last-child{min-width:0!important;max-width:90px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.sponsor-profile-chip{max-width:100%!important}

/* Próxima partida: escudos grandes, mas sem criar largura mínima no mobile. */
.next-match{min-width:0!important;overflow:hidden!important}
.next-match .versus{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.next-match .versus>span{flex:1 1 0!important;min-width:0!important;max-width:none!important}
.next-match .next-team-visual{width:100%!important;min-width:0!important;max-width:none!important}

@media(max-width:1100px) and (min-width:861px){
  .dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:
    'profile next'
    'attrs attrs'
    'season comps'
    'national comps'
    'leaders leaders'
    'news news'!important}
}

@media(max-width:860px){
  #career.page{width:100%!important;padding:22px 14px 72px!important}
  .dashboard-grid{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:none!important;
    gap:12px!important;
  }
  .profile-card,.next-match,.player-attributes-card,.season-card,.competitions-card,.competition-leaders-card,.national-card,.news-card{grid-area:auto!important;width:100%!important;min-width:0!important;max-width:100%!important}
  .profile-card{
    grid-template-columns:84px minmax(0,1fr)!important;
    gap:12px!important;
    padding:14px!important;
  }
  .profile-card>div:nth-child(2){min-width:0!important;width:auto!important}
  .profile-card h2{font-size:21px!important;white-space:normal!important;overflow-wrap:anywhere}
  .profile-meta-chips{min-width:0!important;max-width:100%!important}
  .profile-meta-chips>span{max-width:100%!important;min-width:0!important;font-size:9px!important;padding:5px 7px!important}
  .rating-stack{
    grid-column:1/-1!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .overall,.potential{min-width:0!important;width:100%!important;padding:10px!important;border:1px solid var(--border)!important}
  .potential{border-left:1px solid var(--border)!important;border-top:1px solid var(--border)!important}
  .overall strong,.potential strong{font-size:25px!important;text-align:center!important}
  .club-line,.value-line,.edit-appearance-btn,.retire-career{grid-column:1/-1!important;min-width:0!important;width:100%!important}
  .value-line{gap:10px!important}.value-line strong{white-space:nowrap!important}
  .next-match{padding:14px!important}
  .next-match .versus{margin:0!important;padding:16px 0!important;gap:7px!important;justify-content:center!important;min-height:150px!important}
  .next-match .versus>b{flex:0 0 auto!important;font-size:24px!important}
  #career .next-match .next-team-visual{width:100%!important;min-width:0!important;max-width:100%!important}
  #career .next-match .next-team-visual .crest-shell{width:112px!important;height:112px!important;border-radius:24px!important;padding:9px!important}
  #career .next-match .next-team-visual.national .national-flag-image{width:100px!important;height:66px!important;min-width:100px!important;max-width:100px!important;min-height:66px!important;max-height:66px!important}
  .player-attributes-card{padding:14px!important}
  .player-attributes-card .section-title{gap:8px!important;align-items:flex-start!important;flex-wrap:wrap!important}
  .player-attributes{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .player-attribute{min-width:0!important;min-height:86px!important;padding:9px!important}
  .player-attribute>span,.player-attribute>strong,.player-attribute>small{min-width:0!important;width:100%!important}
  .legend-key{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
  .competition-leaders-card,.competitions-card,.national-card,.season-card,.news-card{padding:14px!important}
}

@media(max-width:420px){
  #career .next-match .next-team-visual .crest-shell{width:104px!important;height:104px!important}
  #career .next-match .next-team-visual.national .national-flag-image{width:92px!important;height:62px!important;min-width:92px!important;max-width:92px!important;min-height:62px!important;max-height:62px!important}
  .next-match .versus{gap:4px!important}
}

/* ===== HALL DA FAMA ===== */
#legacy.legacy-page.active{overflow:auto!important;align-content:start!important}
#legacy .game-hall{align-self:start!important;height:auto!important;max-height:calc(100dvh - var(--app-topbar-height,72px) - 190px)!important;grid-template-rows:auto auto!important;overflow:hidden!important}
#legacy .saved-careers-list{height:auto!important;max-height:100%!important;overflow:auto!important}
.saved-career-summary-card{min-width:0!important;max-width:100%!important}
.saved-career-summary-main,.saved-career-summary-metrics{min-width:0!important}

/* ===== MODAL DA CARREIRA SALVA ===== */
.saved-career-detail-card{
  width:min(1120px,calc(100vw - 32px))!important;
  height:min(92dvh,860px)!important;
  max-height:92dvh!important;
  overflow:auto!important;
  padding:20px!important;
  gap:14px!important;
}
.saved-career-detail-head{position:sticky!important;top:-20px!important;z-index:20!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;padding:12px 0 11px!important}
.saved-career-detail-head>div{min-width:0!important}.saved-career-detail-head h2{margin:4px 0 5px!important}.saved-career-detail-head p{max-width:100%!important;overflow-wrap:anywhere!important}
.saved-career-detail-hero{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
  min-height:0!important;
  padding:14px!important;
}
#saved-career-detail-face{width:100px!important;height:118px!important;justify-self:center!important}
.saved-career-detail-summary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  min-width:0!important;
  width:100%!important;
}
.saved-career-detail-summary>div{display:grid!important;align-content:center!important;justify-items:center!important;min-width:0!important;min-height:68px!important;padding:9px!important;text-align:center!important}
.saved-career-detail-summary small{font-size:8px!important;line-height:1.2!important;white-space:normal!important}.saved-career-detail-summary strong{font-size:22px!important;line-height:1.05!important}
.saved-icon-section{
  display:grid!important;
  grid-template-columns:230px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:center!important;
  min-width:0!important;
  margin:0!important;
  padding:16px!important;
}
.saved-icon-section .icon-card-mount{min-width:0!important;min-height:310px!important}
.saved-icon-section .fifa-icon-card{--card-w:210px!important;max-width:100%!important}
.saved-icon-section>div:last-child{min-width:0!important}.saved-icon-section>div:last-child h3{margin:5px 0 7px!important;font-size:19px!important}.saved-icon-section>div:last-child p:last-child{margin:0!important;color:var(--muted)!important;line-height:1.5!important}
.saved-career-detail-stats{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}
.saved-career-detail-stats>div{min-width:0!important;min-height:64px!important;padding:9px!important;text-align:center!important}.saved-career-detail-stats strong{font-size:19px!important}.saved-career-detail-stats small{font-size:8px!important}
.saved-career-detail-grid{grid-template-columns:minmax(220px,.72fr) minmax(0,1.7fr)!important;gap:14px!important}
.saved-title-trophy-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.saved-title-trophy-card{min-width:0!important;grid-template-columns:58px minmax(0,1fr) 34px!important;gap:10px!important;min-height:82px!important;padding:9px 10px!important}
.saved-title-trophy-card .honour-art{width:52px!important;height:58px!important;min-width:52px!important}.saved-title-trophy-card>div strong{font-size:11px!important;overflow-wrap:anywhere}.saved-title-trophy-card>div span{font-size:9px!important}.saved-title-trophy-card>b{font-size:17px!important}
.saved-career-history-wrap{min-width:0!important}.saved-career-history-wrap .table-wrap{max-height:180px!important;overflow:auto!important}
.saved-career-detail-actions{
  position:sticky!important;
  bottom:-20px!important;
  z-index:18!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
  padding:10px 0 4px!important;
}
.saved-career-detail-actions button{min-width:0!important;width:100%!important;min-height:42px!important}

@media(max-width:760px){
  .saved-career-detail-card{width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:12px!important;border-radius:16px!important;gap:11px!important}
  .saved-career-detail-head{top:-12px!important;padding:10px 0!important}
  .saved-career-detail-head .eyebrow{font-size:8px!important}.saved-career-detail-head h2{font-size:23px!important}.saved-career-detail-head p:last-child{font-size:10px!important;line-height:1.4!important}
  .saved-career-detail-hero{grid-template-columns:78px minmax(0,1fr)!important;gap:10px!important;padding:10px!important;align-items:start!important}
  #saved-career-detail-face{width:72px!important;height:84px!important;border-radius:14px!important}
  .saved-career-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .saved-career-detail-summary>div{min-height:52px!important;padding:7px!important}.saved-career-detail-summary strong{font-size:18px!important}.saved-career-detail-summary small{font-size:7.5px!important}
  .saved-icon-section{grid-template-columns:148px minmax(0,1fr)!important;gap:12px!important;padding:10px!important}
  .saved-icon-section .icon-card-mount{min-height:220px!important}
  .saved-icon-section .fifa-icon-card{--card-w:145px!important}
  .saved-icon-section>div:last-child h3{font-size:15px!important}.saved-icon-section>div:last-child p{font-size:9px!important}
  .saved-career-detail-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.saved-career-detail-stats>div{min-height:52px!important;padding:7px!important}.saved-career-detail-stats strong{font-size:16px!important}
  .saved-career-detail-grid{grid-template-columns:1fr!important;gap:10px!important}.saved-career-detail-grid>section{padding:10px!important}.saved-career-detail-grid h3{font-size:15px!important;margin-bottom:9px!important}
  .saved-title-trophy-grid{grid-template-columns:1fr!important}.saved-title-trophy-card{grid-template-columns:50px minmax(0,1fr) 32px!important;min-height:72px!important}.saved-title-trophy-card .honour-art{width:46px!important;height:50px!important;min-width:46px!important}
  .saved-career-detail-actions{grid-template-columns:1fr!important;bottom:-12px!important}.saved-career-detail-actions button{min-height:40px!important;font-size:10px!important}
}

@media(max-width:420px){
  .saved-icon-section{grid-template-columns:1fr!important;text-align:center!important}
  .saved-icon-section .icon-card-mount{min-height:218px!important}.saved-icon-section .fifa-icon-card{--card-w:150px!important}
}

/* ===== RANKING HISTÓRICO / TIPOGRAFIA PEQUENA ===== */
.historical-current-rank small,.historical-current-rank span,.historical-criteria b,.historical-ranking-columns{font-size:8px!important}
.historical-ranking-row>span:last-child,.historical-ranking-gap{font-size:9px!important}
.account-legacy-grid small,.contact-destination span,.soundtrack-current small,.soundtrack-queue-head small,.soundtrack-year header small,.soundtrack-track-actions em,.now-playing small,.wc-host-centenary>small,.wc-draw-group header span,.wc-draw-team>small,.wc-draw-team em,.wc-draw-note,.scene-object::after{font-size:8px!important}
.saved-career-kicker,.saved-career-numbers small{font-size:8px!important}

@media(max-width:620px){
  .historical-ranking-card{width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:12px!important}
  .historical-ranking-head h2{font-size:22px!important}.historical-ranking-head p{font-size:9px!important}
  .historical-player-summary{grid-template-columns:1fr!important;gap:8px!important}.historical-criteria{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}.historical-criteria span{min-height:42px!important;padding:5px!important}.historical-criteria b{font-size:7.5px!important}.historical-criteria strong{font-size:11px!important}
  .historical-ranking-columns,.historical-ranking-row{grid-template-columns:36px 42px minmax(0,1fr) 38px!important;gap:6px!important;padding-left:8px!important;padding-right:8px!important}.historical-ranking-row>strong{font-size:10px!important}.historical-ranking-row .ranking-flag{font-size:18px!important}
}

/* Contato/legado: rótulos legíveis sem alterar a densidade geral. */
.contact-destination strong{font-size:13px!important}.account-legacy-grid strong{font-size:12px!important}

/* Elementos decorativos do rosto não devem aumentar a largura rolável dos cards. */
.home-career-face,.avatar.face-avatar,#saved-career-detail-face{contain:paint!important}
.home-career-face .face-jersey{max-width:82px!important;left:50%!important;transform:translateX(-50%)!important}

/* Tabelas continuam roláveis no mobile, sem forçar a largura da página. */
.table-wrap,.saved-career-history-wrap,.saved-career-history-wrap .table-wrap{max-width:100%!important;overflow-x:auto!important}


/* V10.7.3b · correções finas encontradas na segunda passada visual. */
.profile-card{grid-template-columns:92px minmax(0,1fr)!important}
.profile-card .rating-stack{grid-column:1/-1!important;width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.profile-card .overall,.profile-card .potential{min-width:0!important;width:100%!important;text-align:center!important}
.profile-card .potential{border-left:1px solid var(--border)!important;padding-left:12px!important}
.profile-card>div:nth-child(2){min-width:0!important}

/* Os arcos decorativos ficam dentro do card e deixam de gerar scrollWidth falso. */
.next-match::after{width:112px!important;height:112px!important;right:0!important;top:0!important;transform:none!important;border-radius:0 0 0 100%!important}
.home-career-slot::after{right:0!important;bottom:0!important;width:120px!important;height:120px!important;border-radius:100% 0 0 0!important;box-shadow:0 0 0 22px rgba(255,255,255,.012),0 0 0 44px rgba(255,255,255,.006)!important}

/* O modal é um fluxo vertical rolável; flex impede faixas do grid fixo de
   encolherem e sobreporem a carta ICON. */
.saved-career-detail-card{display:flex!important;flex-direction:column!important;align-items:stretch!important}
.saved-career-detail-card>*{flex:0 0 auto!important;min-width:0!important}
.saved-career-detail-head{flex-direction:row!important}
.saved-career-detail-hero{min-height:146px!important}

@media(max-width:760px){
  .saved-career-detail-card{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;height:calc(100dvh - 20px)!important;max-height:calc(100dvh - 20px)!important}
  .saved-career-detail-hero{min-height:120px!important}
  .saved-career-detail-head{flex-direction:row!important}
  .modal-backdrop{padding:10px!important}
}
@media(max-width:620px){
  .historical-ranking-card{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important}
}

/* V10.7.3c · centralização correta das faciais nas cartas arquivadas. */
#saved-career-detail-face .player-face.compact{
  transform:scale(.55)!important;
  transform-origin:center center!important;
  margin:0!important;
}
.saved-icon-section .fifa-icon-card,
.legacy-icon-section .fifa-icon-card{
  --card-w:220px!important;
  padding:20px 20px 18px!important;
  grid-template-columns:62px minmax(0,1fr)!important;
  grid-template-rows:30px 64px minmax(58px,1fr) 34px 1px 86px 22px!important;
}
.saved-icon-section .icon-card-face,
.legacy-icon-section .icon-card-face{min-width:0!important;overflow:hidden!important;place-items:end center!important}
.saved-icon-section .icon-card-face .player-face.compact,
.legacy-icon-section .icon-card-face .player-face.compact{
  transform:scale(.70)!important;
  transform-origin:center bottom!important;
  margin:0 0 -18px!important;
}
.saved-icon-section .icon-card-rating strong,
.legacy-icon-section .icon-card-rating strong{font-size:31px!important}
.saved-icon-section .icon-card-name,
.legacy-icon-section .icon-card-name{font-size:14px!important}
.saved-icon-section .icon-card-stats,
.legacy-icon-section .icon-card-stats{padding:6px 12px!important;gap:1px 10px!important}
.saved-icon-section .icon-card-stats span,
.legacy-icon-section .icon-card-stats span{font-size:10px!important}
.saved-icon-section .icon-card-stats b,
.legacy-icon-section .icon-card-stats b{font-size:12px!important;min-width:21px!important}

@media(max-width:760px){
  .saved-icon-section .fifa-icon-card,.legacy-icon-section .fifa-icon-card{--card-w:205px!important}
  .saved-icon-section .icon-card-mount{min-height:292px!important}
}

/* V10.7.3d · avatar do resumo da carreira salva centralizado de fato. */
#saved-career-detail-face{position:relative!important;display:block!important;overflow:hidden!important}
#saved-career-detail-face .player-face.compact{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  margin:0!important;
  transform:translate(-50%,-50%) scale(.55)!important;
  transform-origin:center center!important;
}

/* V10.7.3e · decisões e pênaltis sempre cabem na viewport. */
#match-decision-modal{overflow:hidden!important;padding:12px!important}
#match-decision-modal .decision-card{
  width:min(650px,100%)!important;
  max-height:calc(100dvh - 24px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
}
#match-decision-modal .overlay-pause-btn,
#event-modal .overlay-pause-btn{
  position:sticky!important;
  top:8px!important;
  right:auto!important;
  margin-left:auto!important;
  margin-bottom:-40px!important;
  width:max-content!important;
  z-index:120!important;
}
#decision-choices.penalty-order-choices{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:12px!important;
}
#decision-choices.penalty-order-choices .decision-option{
  min-width:0!important;
  min-height:72px!important;
  padding:10px 8px!important;
  text-align:center!important;
}
#decision-choices.penalty-order-choices .decision-option strong{font-size:11px!important}
#decision-choices.penalty-order-choices .decision-option small{font-size:8px!important;line-height:1.3!important}

@media(max-width:620px){
  #match-decision-modal{align-items:center!important;overflow:hidden!important;padding:8px!important}
  #match-decision-modal .decision-card{
    width:100%!important;
    max-width:100%!important;
    max-height:calc(100dvh - 16px)!important;
    margin:0!important;
    padding:46px 10px 12px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  #decision-choices.penalty-order-choices{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  #decision-choices.penalty-order-choices .decision-option{min-height:62px!important;padding:8px!important}
  #decision-choices.penalty-order-choices .decision-option:last-child:nth-child(odd){grid-column:1/-1!important}
  .penalty-shootout-preview{padding:10px!important;gap:9px!important}
  .penalty-shootout-shell{gap:9px!important}
  .penalty-team-row{gap:8px!important}
  .penalty-team-meta .crest-shell,.penalty-team-meta .penalty-crest{width:46px!important;height:46px!important}
  .penalty-dot-row{gap:6px!important}
  .penalty-dot{width:22px!important;height:22px!important;font-size:11px!important}
}

/* V10.7.3f · acabamento final da auditoria. */
@media(min-width:861px){
  #legacy .game-hall{width:min(780px,100%)!important;justify-self:start!important}
}
@media(max-width:620px){
  #match-decision-modal .decision-card{max-height:calc(100dvh - 24px)!important}
}
@media(min-width:861px){
  #legacy .game-hall{width:min(780px,100%)!important}
  #legacy .saved-careers-list{grid-template-columns:1fr!important}
}

/* ============================================================
   V10.7.4 · SAVES, ESCUDOS, TROFÉUS, RANKING E TIPOGRAFIA
   ============================================================ */

/* A família comercial instalada pelo usuário costuma expor o nome interno
   "UT Unisportion FC". Colocamos esse nome primeiro e aplicamos a pilha em
   absolutamente todo texto da interface; os emojis/bandeiras mantêm fonte
   colorida própria. */
@font-face{
  font-family:'UT Unisportion FC';
  src:local('UT Unisportion FC'),local('UT Unisportion FC Regular'),local('Unisportion FC Regular'),local('UnisportionFC-Regular');
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}
@font-face{
  font-family:'Unisportion FC';
  src:local('UT Unisportion FC'),local('UT Unisportion FC Regular'),local('Unisportion FC Regular'),local('UnisportionFC-Regular');
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}
:root{--btl-display-font:'UT Unisportion FC','Unisportion FC','UT Unisportion FC Regular','Unisportion FC Regular','UnisportionFC-Regular',sans-serif!important}
html,body,body *,button,input,select,option,optgroup,textarea,table,thead,tbody,tfoot,tr,th,td,label,a,p,span,strong,b,small,em,i,h1,h2,h3,h4,h5,h6{font-family:var(--btl-display-font)!important}
.national-flag-image,.national-flag-image *, .ranking-flag,.btl-select-flag,.btl-select-option-flag{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif!important}

/* Carta ICON arquivada: centralizada, inteira e com texto um pouco mais afastado
   da borda esquerda. */
.saved-icon-section{overflow:visible!important;align-items:center!important}
.saved-icon-section .icon-card-mount{display:grid!important;place-items:center!important;min-height:320px!important;overflow:visible!important;padding:8px!important}
.saved-icon-section .fifa-icon-card{justify-self:center!important;align-self:center!important;max-width:100%!important;margin:0 auto!important}
.saved-icon-section>div:last-child{padding-left:18px!important;padding-right:10px!important}
@media(max-width:760px){
  .saved-icon-section>div:last-child{padding:4px 8px 0!important;text-align:center!important}
  .saved-icon-section .icon-card-mount{min-height:292px!important}
}

/* Clubes da carreira: somente escudos, sem nomes soltos. */
.saved-career-detail-clubs{display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:center!important}
.saved-career-club-badge{display:grid!important;place-items:center!important;width:66px!important;height:66px!important;padding:0!important;border-radius:16px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important}
.saved-career-club-badge .crest-shell{width:54px!important;height:54px!important;padding:2px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.saved-career-club-badge .club-badge-img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;margin:auto!important}

/* Troféus arquivados: o contêiner nunca pinta fundo atrás da taça. */
.saved-title-trophy-card .honour-art,.saved-title-trophy-card .honour-art img{background:transparent!important}
.saved-title-trophy-card .honour-art{overflow:visible!important}
.saved-title-trophy-card .honour-art img{object-fit:contain!important;object-position:center!important;mix-blend-mode:normal!important}

/* O modal salvo agora possui três ações, incluindo o ranking congelado daquela
   carreira específica. */
.saved-career-detail-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#saved-career-view-ranking{border-color:color-mix(in srgb,var(--gold) 48%,var(--border))!important;background:color-mix(in srgb,var(--gold) 8%,rgba(255,255,255,.02))!important;color:#fff!important}
@media(max-width:760px){.saved-career-detail-actions{grid-template-columns:1fr!important}}

/* Escudos: centralização, contraste e aproveitamento real do espaço. */
.crest-shell,.penalty-crest,.next-team-visual .crest-shell,.decision-score-team .crest-shell,.leaderboard-team-visual .crest-shell{
  display:grid!important;place-items:center!important;overflow:hidden!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.13)!important;
}
.crest-shell .club-badge-img,.penalty-crest .club-badge-img,.next-team-visual .club-badge-img,.decision-score-team .club-badge-img,.leaderboard-team-visual .club-badge-img{
  display:block!important;width:94%!important;height:94%!important;max-width:94%!important;max-height:94%!important;object-fit:contain!important;object-position:center!important;margin:auto!important;transform:none!important;background:transparent!important;
}
.decision-score-team .crest-shell{width:62px!important;height:62px!important;padding:3px!important;border-radius:15px!important}
.decision-score-team .next-team-visual{display:grid!important;place-items:center!important;min-width:66px!important;max-width:66px!important}

/* Próxima partida: crescimento também no mobile, sem provocar overflow. */
#career .next-match .next-team-visual{min-width:174px!important;max-width:188px!important}
#career .next-match .next-team-visual .crest-shell{width:168px!important;height:168px!important;padding:8px!important;border-radius:32px!important}
@media(max-width:760px){
  #career .next-match .next-team-visual{min-width:138px!important;max-width:146px!important}
  #career .next-match .next-team-visual .crest-shell{width:132px!important;height:132px!important;padding:6px!important;border-radius:26px!important}
  .next-match .versus{gap:8px!important}
}
@media(max-width:410px){
  #career .next-match .next-team-visual{min-width:126px!important;max-width:132px!important}
  #career .next-match .next-team-visual .crest-shell{width:120px!important;height:120px!important}
}

/* Destaques das competições: coluna da equipe vira um escudo proporcional. */
.leaderboard-head,.leaderboard-row{grid-template-columns:30px minmax(0,1.35fr) 64px 48px!important}
.leaderboard-head>span:nth-child(3){text-align:center!important}
.leaderboard-team-visual{display:grid!important;place-items:center!important;width:56px!important;height:44px!important;justify-self:center!important;overflow:visible!important}
.leaderboard-team-visual .crest-shell{width:42px!important;height:42px!important;padding:2px!important;border-radius:11px!important}
.leaderboard-team-visual.national .national-flag-image{width:42px!important;height:28px!important;min-width:42px!important;max-width:42px!important;min-height:28px!important;max-height:28px!important;border-radius:5px!important}
.leaderboard-team-visual.national .national-flag-image img{width:100%!important;height:100%!important;object-fit:cover!important}
@media(max-width:620px){
  .leaderboard-head,.leaderboard-row{grid-template-columns:24px minmax(0,1fr) 50px 38px!important}
  .leaderboard-team-visual{width:46px!important;height:38px!important}.leaderboard-team-visual .crest-shell{width:36px!important;height:36px!important}
}

/* ============================================================
   V10.7.5 · AJUSTES DE FLUXO, INPUTS, SCROLL, MODAIS E CARTA ICON
   ============================================================ */

/* Pausa: posição única e previsível no canto superior direito do card. */
#event-modal .modal-card,#match-decision-modal .modal-card{position:relative!important}
#event-modal .overlay-pause-btn,#match-decision-modal .overlay-pause-btn{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  left:auto!important;
  bottom:auto!important;
  margin:0!important;
  width:auto!important;
  min-width:88px!important;
  z-index:250!important;
}
@media(max-width:620px){
  #event-modal .overlay-pause-btn,#match-decision-modal .overlay-pause-btn{top:12px!important;right:12px!important;min-width:82px!important}
  #event-modal .modal-card,#match-decision-modal .modal-card{padding-top:58px!important}
}

/* Um resultado anterior nunca pode furar a classe hidden e aparecer na decisão seguinte. */
#decision-result.hidden,#decision-visual.hidden,#decision-continue.hidden,#decision-choices.hidden{display:none!important}

/* Scrollbars do jogo. */
html{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--green) 72%,#8da0ac) rgba(4,10,15,.88)}
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--green) 58%,#72828e) rgba(4,10,15,.78)}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:linear-gradient(180deg,rgba(4,10,15,.86),rgba(12,22,30,.92));border-radius:999px}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,color-mix(in srgb,var(--green) 76%,#d8e1e6),color-mix(in srgb,var(--green) 40%,#60717b));border:2px solid rgba(4,10,15,.82);border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--green) 82%,#fff)}
*::-webkit-scrollbar-corner{background:#071016}

/* Inputs e caixas de texto: identidade própria do jogo. */
input,textarea,select,.btl-select-trigger{
  min-height:46px!important;
  border:1px solid color-mix(in srgb,var(--green) 24%,rgba(255,255,255,.15))!important;
  border-radius:13px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.055),transparent 42%),
    linear-gradient(180deg,rgba(11,24,33,.96),rgba(5,13,19,.98))!important;
  color:#f6faf8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 7px 18px rgba(0,0,0,.12)!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
input,textarea{padding:11px 14px!important}
textarea{min-height:120px!important;resize:vertical}
input:hover,textarea:hover,.btl-select-trigger:hover{border-color:color-mix(in srgb,var(--green) 40%,rgba(255,255,255,.20))!important}
input:focus,textarea:focus,select:focus,.btl-select-trigger:focus-visible{
  outline:none!important;
  border-color:color-mix(in srgb,var(--green) 78%,#fff)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 15%,transparent),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
input::placeholder,textarea::placeholder{color:#71818c!important;opacity:1}
.btl-select-trigger{padding:9px 12px!important}
.btl-select-popover{border-radius:16px!important;box-shadow:0 24px 70px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.07)!important}
.btl-select-option{min-height:42px!important;padding:9px 11px!important;border-radius:11px!important}

/* Disputa de pênaltis por seleções: bandeiras oficiais proporcionais. */
.penalty-national-flag{display:grid;place-items:center;width:58px;height:42px;flex:0 0 auto}
.penalty-national-flag .national-flag-image{width:54px!important;height:36px!important;min-width:54px!important;max-width:54px!important;min-height:36px!important;max-height:36px!important;border-radius:6px!important;overflow:hidden!important}
.penalty-national-flag .national-flag-image img{width:100%!important;height:100%!important;object-fit:cover!important}
.penalty-sudden-list{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;padding-top:6px}
.penalty-sudden-list span{padding:6px 8px;border-radius:9px;font-size:9px;font-weight:900;border:1px solid rgba(255,255,255,.09)}
.penalty-sudden-list .made{background:rgba(46,200,113,.15);color:#dffff0}.penalty-sudden-list .missed{background:rgba(235,87,87,.14);color:#ffe1e1}

/* Carta ICON: move os atributos inferiores para dentro da silhueta, evitando cortar FIN. */
.fifa-icon-card .icon-card-stats{padding-left:24px!important;padding-right:24px!important;padding-top:4px!important;padding-bottom:15px!important;transform:translateY(-5px)!important;column-gap:14px!important}
.fifa-icon-card .icon-card-stats span{white-space:nowrap!important;line-height:1.05!important}
.saved-icon-section .fifa-icon-card .icon-card-stats,.legacy-icon-section .fifa-icon-card .icon-card-stats{padding-left:22px!important;padding-right:22px!important;padding-bottom:15px!important;transform:translateY(-6px)!important}

/* Cabeçalho do save: respiro real nas bordas, inclusive durante o sticky. */
.saved-career-detail-head{padding:18px 22px 16px!important;margin:0 0 14px!important;border-radius:14px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,#fff 4%),color-mix(in srgb,var(--panel) 92%,transparent))!important}
.saved-career-detail-head>div{min-width:0!important;padding-right:54px!important}
.saved-career-detail-head h2{margin-top:6px!important;margin-bottom:8px!important}
.saved-career-detail-head p{margin:0!important;line-height:1.45!important}
@media(max-width:620px){.saved-career-detail-head{padding:16px 18px 14px!important}.saved-career-detail-head>div{padding-right:42px!important}}

/* Força a família escolhida em qualquer texto que não seja bandeira/emoji.
   O navegador usa essa família quando ela está instalada/licenciada no sistema. */
:root{--btl-display-font:'UT Unisportion FC','Unisportion FC','UT Unisportion FC Regular','Unisportion FC Regular','UnisportionFC-Regular',sans-serif!important}
html,body,button,input,textarea,select,option,optgroup,label,a,p,span,strong,b,small,em,i,h1,h2,h3,h4,h5,h6,table,thead,tbody,tfoot,tr,th,td,div{font-family:var(--btl-display-font)!important}
.national-flag-image,.national-flag-image *,.ranking-flag,.btl-select-flag,.btl-select-option-flag,.penalty-national-flag,.penalty-national-flag *{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif!important}

/* V10.7.5b · tipografia global sem atalhos de fallback em componentes de texto.
   A família continua dependente da fonte licenciada estar instalada no dispositivo
   ou ser fornecida pelo próprio deploy via webfont licenciado. */
@font-face{
  font-family:'UT Unisportion FC';
  src:local('UT Unisportion FC Regular'),local('UT Unisportion FC'),local('Unisportion FC Regular'),local('UnisportionFC-Regular'),local('UT Unisportion FC Demo Regular'),local('UtUnisportionFcDemoRegular-e9qp3');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
:root{--btl-display-font:'UT Unisportion FC','Unisportion FC','UT Unisportion FC Regular','Unisportion FC Regular','UnisportionFC-Regular',sans-serif!important}
html,body,body *,button,input,textarea,select,option,optgroup,label,a,p,span,strong,b,small,em,i,h1,h2,h3,h4,h5,h6,table,thead,tbody,tfoot,tr,th,td,div{font-family:var(--btl-display-font)!important}
.national-flag-image,.national-flag-image *,.ranking-flag,.btl-select-flag,.btl-select-option-flag,.penalty-national-flag,.penalty-national-flag *{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif!important}

/* ============================================================
   V10.7.6 · TIPOGRAFIA — FAMÍLIA EXATA DO ARQUIVO ENVIADO
   ============================================================
   A fonte fornecida expõe internamente o nome "UT Unisportion FC Demo".
   Esta regra final vence os stacks antigos e aplica a família a toda a UI.
   O binário da fonte não é redistribuído por este pacote; quando a fonte
   estiver instalada no sistema (ou for servida por webfont licenciado),
   o navegador passa a usá-la imediatamente. */
@font-face{
  font-family:'BTL Unisportion';
  src:url('../assets/fonts/UT%20Unisportion%20FC%20Demo.ttf') format('truetype'),local('UT Unisportion FC Demo'),local('UT Unisportion FC Demo Regular'),local('UTUnisportionFCDemo-Regular');
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
:root{
  --btl-display-font:'BTL Unisportion','UT Unisportion FC Demo','UT Unisportion FC Demo Regular','UTUnisportionFCDemo-Regular',sans-serif!important;
}
html,body,body *,button,input,textarea,select,option,optgroup,label,a,p,span,strong,b,small,em,i,h1,h2,h3,h4,h5,h6,table,thead,tbody,tfoot,tr,th,td,div{
  font-family:var(--btl-display-font)!important;
}
/* Bandeiras/emoji precisam continuar com uma fonte colorida própria. */
.national-flag-image,.national-flag-image *,
.ranking-flag,.btl-select-flag,.btl-select-option-flag,
.penalty-national-flag,.penalty-national-flag *{
  font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif!important;
}
/* A família demo possui largura maior em alguns glifos; estes limites evitam
   cortes sem alterar a identidade visual. */
button,input,textarea,select,option,optgroup{letter-spacing:.005em}
small,.eyebrow,.game-brand-kicker{letter-spacing:.045em}