/* ============================================================
   AURA FARMING — Home V4
   Layout vertical premium, estável em desktop, tablet e mobile.
   ============================================================ */

.aura-home-v4-body {
  --af-cyan: #14d9ff;
  --af-blue: #1378ff;
  --af-purple: #8b48ff;
  --af-magenta: #e54cff;
  --af-gold: #ffc83d;
  --af-pink: #ff2e6d;
  --af-card: rgba(5, 10, 27, .92);
  --af-card-2: rgba(8, 13, 34, .96);
  --af-line: rgba(70, 190, 255, .24);
  --af-muted: rgba(230, 232, 249, .68);
  --af-shell: 1040px;
  background:
    radial-gradient(circle at 12% 18%, rgba(79, 28, 172, .20), transparent 34%),
    radial-gradient(circle at 87% 11%, rgba(0, 144, 255, .13), transparent 30%),
    radial-gradient(circle at 50% 86%, rgba(50, 30, 130, .16), transparent 42%),
    #02040d;
  color: #fff;
  min-height: 100vh;
  padding-bottom: 122px;
}

.aura-home-v4-body::before {
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
    radial-gradient(circle at 25% 24%, rgba(43, 0, 106, .18), transparent 38%),
    radial-gradient(circle at 78% 72%, rgba(0, 138, 255, .10), transparent 38%);
  background-size: 44px 44px, 44px 44px, auto, auto;
  opacity: .62;
}

.aura-home-v4-body .particles { opacity: .46; }
.aura-home-v4-body .page-content { padding: 0; overflow: visible; }
.aura-home-v4-body .global-legal-footer,
.aura-home-v4-body .bottom-nav { display: none !important; }

.aura-home-v4-body a { -webkit-tap-highlight-color: transparent; }
.aura-home-v4-body button,
.aura-home-v4-body a { outline-offset: 4px; }
.aura-home-v4-body :focus-visible { outline: 2px solid var(--af-cyan); }

.af-home-shell {
  width: min(calc(100% - 30px), var(--af-shell));
  margin-inline: auto;
  position: relative;
  z-index: 2;
}

.af-icon {
  width: 1em;
  height: 1em;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}

/* Cabeçalho */
.af-home-header {
  position: sticky;
  top: 0;
  z-index: 80;
  padding: 12px 0 10px;
  background: linear-gradient(180deg, rgba(1, 3, 12, .98), rgba(1, 3, 12, .90));
  border-bottom: 1px solid rgba(35, 135, 223, .14);
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
}

.af-home-header__inner {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.af-brand {
  display: inline-flex;
  flex-direction: column;
  color: #fff;
  text-decoration: none;
  line-height: 1;
}

.af-brand span {
  font-family: 'Orbitron', 'Inter', sans-serif;
  font-size: clamp(27px, 3.4vw, 38px);
  font-weight: 900;
  letter-spacing: .14em;
  color: transparent;
  background: linear-gradient(90deg, #12dcff 0%, #3e9cff 48%, #9670ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  filter: drop-shadow(0 0 12px rgba(20, 217, 255, .18));
}

.af-brand small {
  margin-top: 9px;
  padding-left: 2px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .46em;
  color: rgba(255,255,255,.88);
}

.af-header-status {
  display: flex;
  align-items: center;
  gap: 10px;
}

.af-status {
  position: relative;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  color: #fff;
  text-decoration: none;
  border: 1px solid rgba(54, 134, 209, .20);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(4, 9, 24, .88), rgba(3, 7, 20, .96));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 10px 35px rgba(0,0,0,.18);
  transition: border-color .2s ease, transform .2s ease, background .2s ease;
}

.af-status:hover {
  transform: translateY(-1px);
  border-color: rgba(20, 217, 255, .45);
  background: linear-gradient(180deg, rgba(7, 16, 38, .94), rgba(3, 7, 20, .98));
}

.af-status > .af-icon { font-size: 25px; }
.af-status--notification { width: 54px; }
.af-status--notification b {
  position: absolute;
  top: -7px;
  right: -6px;
  min-width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--af-pink);
  color: #fff;
  font-size: 11px;
  box-shadow: 0 0 18px rgba(255, 46, 109, .48);
}

.af-status--diamonds { min-width: 146px; padding: 0 12px 0 15px; }
.af-status--diamonds > .af-icon { color: var(--af-cyan); fill: rgba(20,217,255,.12); }
.af-status--diamonds strong { color: #29dfff; font-size: 20px; }
.af-status-plus {
  width: 34px;
  height: 34px;
  margin-left: 5px;
  display: grid;
  place-items: center;
  border-left: 1px solid rgba(255,255,255,.08);
  color: var(--af-cyan);
}
.af-status-plus .af-icon { width: 18px; height: 18px; }

.af-status--score { min-width: 176px; padding: 0 18px; }
.af-status--score > .af-icon { color: var(--af-gold); font-size: 27px; }
.af-status--score > span { display: grid; line-height: 1.08; }
.af-status--score small { color: rgba(255,255,255,.58); font-size: 9px; font-weight: 900; letter-spacing: .06em; }
.af-status--score strong { margin-top: 4px; color: #bf74ff; font-size: 20px; }

/* Conteúdo */
.af-home-main { padding: 18px 0 30px; }

.af-hero {
  position: relative;
  min-height: 450px;
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  overflow: hidden;
  border: 1px solid rgba(44, 145, 222, .26);
  border-radius: 26px;
  background: #040817;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 28px 80px rgba(0,0,0,.35),
    0 0 54px rgba(34, 91, 255, .055);
  isolation: isolate;
}

.af-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(1,4,15,.98) 0%, rgba(1,4,15,.88) 37%, rgba(1,4,15,.16) 67%, rgba(1,4,15,.12) 100%),
    linear-gradient(180deg, transparent 58%, rgba(2,5,17,.46));
}

.af-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 68% 40%, rgba(5, 160, 255, .10), transparent 31%),
    linear-gradient(120deg, transparent 55%, rgba(123, 42, 255, .08));
  box-shadow: inset 0 0 0 1px rgba(8, 185, 255, .025);
}

.af-hero-copy {
  position: relative;
  z-index: 3;
  align-self: center;
  padding: 42px 0 42px 36px;
}

.af-eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 31px;
  padding: 0 15px;
  margin-bottom: 16px;
  border: 1px solid rgba(26, 188, 255, .44);
  border-radius: 8px 14px 8px 14px;
  background: linear-gradient(90deg, rgba(0, 165, 255, .10), rgba(132, 55, 255, .14));
  color: #42ddff;
  font-size: 10px;
  font-weight: 900;
  font-style: italic;
  letter-spacing: .12em;
}

.af-hero h1 {
  max-width: 560px;
  margin: 0;
  color: #fff;
  font-family: 'Orbitron', 'Inter', sans-serif;
  font-size: clamp(39px, 5.05vw, 66px);
  font-weight: 900;
  font-style: italic;
  line-height: .98;
  letter-spacing: -.055em;
  text-wrap: balance;
  text-shadow: 0 4px 22px rgba(0,0,0,.56);
}

.af-hero h1 em {
  color: transparent;
  background: linear-gradient(180deg, #18e6ff, #108cff 84%);
  background-clip: text;
  -webkit-background-clip: text;
  font-style: inherit;
  filter: drop-shadow(0 0 13px rgba(0, 196, 255, .20));
}

.af-hero-copy > p {
  margin: 16px 0 20px;
  color: rgba(244, 244, 255, .78);
  font-size: 15px;
  line-height: 1.42;
  text-shadow: 0 2px 12px rgba(0,0,0,.78);
}

.af-primary-button {
  min-height: 58px;
  width: min(100%, 390px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  padding: 0 23px;
  border: 1px solid #1bcaff;
  border-radius: 10px 18px 10px 18px;
  color: #fff;
  background: linear-gradient(100deg, rgba(0, 128, 238, .58), rgba(69, 38, 210, .75));
  box-shadow:
    inset 0 0 18px rgba(37, 193, 255, .13),
    0 0 0 3px rgba(0, 190, 255, .055),
    0 0 28px rgba(22, 123, 255, .27),
    0 0 24px rgba(136, 64, 255, .20);
  font-family: 'Orbitron', 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 900;
  font-style: italic;
  letter-spacing: .02em;
  text-decoration: none;
  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}

.af-primary-button:hover {
  transform: translateY(-2px);
  filter: brightness(1.12);
  box-shadow: 0 0 40px rgba(22, 123, 255, .36), 0 0 34px rgba(136, 64, 255, .28);
}
.af-primary-button > span {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.46);
  border-radius: 50%;
  color: #65eaff;
}
.af-primary-button .af-icon { width: 17px; height: 17px; }
.af-primary-button b { color: #34e4ff; }

.af-hero-art {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
}
.af-hero-art img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 62% center;
  transform: scale(1.015);
}

/* Perfil */
.af-profile {
  position: relative;
  margin-top: 14px;
  padding: 21px 23px 18px;
  display: grid;
  grid-template-columns: minmax(260px, .9fr) minmax(330px, 1.1fr);
  gap: 18px 24px;
  border: 1px solid rgba(45, 164, 234, .30);
  border-radius: 24px;
  background:
    radial-gradient(circle at 98% 9%, rgba(107, 36, 230, .10), transparent 35%),
    linear-gradient(135deg, rgba(7, 14, 36, .97), rgba(4, 8, 23, .97));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 20px 55px rgba(0,0,0,.23);
  overflow: hidden;
}
.af-profile::before {
  content: '';
  position: absolute;
  left: -70px;
  top: -90px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: rgba(0, 153, 255, .07);
  filter: blur(40px);
  pointer-events: none;
}

.af-profile-user {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 16px;
}
.af-avatar {
  position: relative;
  width: 104px;
  height: 104px;
  flex: 0 0 104px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(140deg, rgba(0, 208, 255, .2), rgba(130, 48, 255, .22));
  box-shadow: 0 0 24px color-mix(in srgb, var(--player-aura-color) 35%, transparent);
}
.af-avatar::before,
.af-avatar::after {
  content: '';
  position: absolute;
  border-radius: 50%;
}
.af-avatar::before {
  inset: 0;
  padding: 3px;
  background: linear-gradient(130deg, #1ce7ff, #116cff 48%, #9e4dff);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.af-avatar::after {
  inset: 9px;
  border: 1px solid rgba(255,255,255,.14);
}
.af-avatar img {
  width: 76px;
  height: 76px;
  object-fit: cover;
  border-radius: 50%;
  background: #101632;
}
.af-avatar i {
  position: absolute;
  inset: -7px;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--player-aura-color) 48%, transparent);
  opacity: .58;
}
.af-avatar > span {
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  min-width: 52px;
  height: 29px;
  display: grid;
  place-items: center;
  padding: 0 10px;
  border-radius: 10px;
  background: linear-gradient(120deg, #067bea, #8148ff);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 0 18px rgba(83, 85, 255, .50);
}

.af-profile-meta h2 { margin: 0; font-size: 26px; line-height: 1; }
.af-profile-meta p { margin: 8px 0 12px; color: rgba(238,238,251,.58); font-size: 14px; }
.af-profile-meta > span {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  padding: 0 13px;
  border: 1px solid color-mix(in srgb, var(--rank-color) 78%, transparent);
  border-radius: 999px;
  color: var(--rank-color);
  background: color-mix(in srgb, var(--rank-color) 7%, transparent);
  font-size: 12px;
  font-weight: 900;
}

.af-profile-stats {
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 18px;
  background: rgba(2, 6, 18, .48);
}
.af-profile-stats > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px;
  border-left: 1px solid rgba(255,255,255,.06);
}
.af-profile-stats > div:first-child { border-left: 0; }
.af-profile-stats > div > .af-icon { color: var(--af-cyan); font-size: 31px; fill: rgba(20,217,255,.08); }
.af-profile-stats > div:last-child > .af-icon { color: var(--af-gold); }
.af-profile-stats > div > span { display: grid; }
.af-profile-stats small { color: rgba(238,238,251,.57); font-size: 9px; font-weight: 900; letter-spacing: .05em; }
.af-profile-stats strong { margin-top: 5px; color: #20ddff; font-size: 22px; line-height: 1; }
.af-profile-stats > div:last-child strong { color: #b76eff; }

.af-profile-progress { grid-column: 1 / -1; }
.af-profile-progress > div:first-child {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  color: rgba(239,239,251,.70);
  font-size: 11px;
  font-weight: 800;
}
.af-profile-progress > small {
  display: block;
  margin-top: 8px;
  color: rgba(239,239,251,.62);
  text-align: center;
  font-size: 12px;
}

.af-progress {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.075);
}
.af-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #10d9ff, #1682ff 43%, #9b49ff);
  box-shadow: 0 0 16px rgba(23, 168, 255, .35);
}

/* Ações rápidas */
.af-actions {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.af-action-card {
  position: relative;
  min-height: 230px;
  overflow: hidden;
  border: 1px solid rgba(36, 151, 223, .28);
  border-radius: 20px;
  color: #fff;
  background: #04091a;
  text-decoration: none;
  isolation: isolate;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02), 0 15px 38px rgba(0,0,0,.20);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.af-action-card:hover {
  transform: translateY(-4px);
  border-color: rgba(35, 208, 255, .50);
  box-shadow: 0 18px 48px rgba(0,0,0,.30), 0 0 30px rgba(52, 103, 255, .10);
}
.af-action-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(2,6,20,.04) 0%, rgba(2,6,20,.56) 44%, rgba(2,6,20,.98) 82%);
}
.af-action-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(120deg, rgba(0,0,0,.12), transparent 62%);
  pointer-events: none;
}
.af-action-card > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  opacity: .90;
  transition: transform .45s ease, filter .3s ease;
}
.af-action-card:hover > img { transform: scale(1.045); filter: saturate(1.08) brightness(1.04); }
.af-action-card--watch > img { object-position: 58% center; }
.af-action-card--diamonds > img { object-position: 60% center; }

.af-action-content {
  position: absolute;
  z-index: 2;
  left: 17px;
  right: 14px;
  bottom: 17px;
}
.af-action-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  margin-bottom: 9px;
  border-radius: 10px;
  color: var(--af-cyan);
  background: rgba(1, 7, 22, .56);
  border: 1px solid rgba(33, 205, 255, .23);
  backdrop-filter: blur(8px);
}
.af-action-card--farm .af-action-icon { color: #ff7048; }
.af-action-card--ranking .af-action-icon { color: var(--af-gold); }
.af-action-card--diamonds .af-action-icon { color: #35dfff; }
.af-action-icon .af-icon { width: 21px; height: 21px; }
.af-action-content h3 {
  margin: 0;
  max-width: 90%;
  font-size: 20px;
  line-height: .98;
  letter-spacing: -.025em;
  text-shadow: 0 3px 13px rgba(0,0,0,.9);
}
.af-action-content p {
  margin: 8px 0 0;
  color: rgba(245,245,255,.78);
  font-size: 12px;
  line-height: 1.35;
  text-shadow: 0 2px 9px rgba(0,0,0,.95);
}
.af-card-arrow {
  position: absolute;
  right: 13px;
  bottom: 14px;
  z-index: 3;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(56, 195, 255, .34);
  border-radius: 50%;
  color: var(--af-cyan);
  background: rgba(1, 6, 19, .68);
  backdrop-filter: blur(7px);
}
.af-card-arrow .af-icon { width: 17px; height: 17px; }

/* Ao vivo */
.af-live { margin-top: 18px; }
.af-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 11px;
  padding: 0 4px;
}
.af-section-heading > div { display: flex; align-items: center; gap: 10px; }
.af-section-heading h2 { margin: 0; font-size: 16px; letter-spacing: .03em; }
.af-section-heading h2 em { color: #bd62ff; font-style: normal; }
.af-section-heading > a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--af-cyan);
  text-decoration: none;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .03em;
}
.af-section-heading > a .af-icon { width: 14px; height: 14px; }
.af-live-pulse {
  position: relative;
  color: rgba(255,255,255,.78);
  font-size: 22px;
}
.af-live-pulse::after {
  content: '';
  position: absolute;
  top: 1px;
  right: -1px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--af-pink);
  box-shadow: 0 0 12px var(--af-pink);
  animation: afLivePulse 1.25s infinite;
}
@keyframes afLivePulse { 50% { opacity: .32; transform: scale(.72); } }

.af-live-viewport {
  overflow: hidden;
  border: 1px solid rgba(48, 151, 220, .22);
  border-radius: 21px;
  background: rgba(3, 7, 19, .64);
}
.af-live-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 22px) / 3);
  gap: 11px;
  padding: 10px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overscroll-behavior-inline: contain;
}
.af-live-track::-webkit-scrollbar { display: none; }
.af-live-card {
  position: relative;
  min-width: 0;
  aspect-ratio: 16 / 8.8;
  overflow: hidden;
  scroll-snap-align: start;
  border: 1px solid rgba(197, 67, 255, .52);
  border-radius: 15px;
  color: #fff;
  background: #080a16;
  text-decoration: none;
  isolation: isolate;
}
.af-live-card::after {
  content: '';
  position: absolute;
  inset: 34% 0 0;
  z-index: 1;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.88));
}
.af-live-card img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .4s ease;
}
.af-live-card:hover img { transform: scale(1.035); }
.af-live-badge,
.af-live-viewers {
  position: absolute;
  top: 10px;
  z-index: 2;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 9px;
  border-radius: 7px;
  font-size: 9px;
  font-weight: 900;
  backdrop-filter: blur(8px);
}
.af-live-badge { left: 10px; background: #f51956; box-shadow: 0 0 17px rgba(245,25,86,.28); }
.af-live-viewers { right: 10px; background: rgba(1,5,16,.72); border: 1px solid rgba(255,255,255,.13); }
.af-live-viewers .af-icon { width: 13px; height: 13px; }
.af-live-info {
  position: absolute;
  z-index: 2;
  left: 13px;
  right: 13px;
  bottom: 11px;
  display: grid;
}
.af-live-info strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.1;
}
.af-live-info strong i { color: #0ed7ff; font-style: normal; }
.af-live-info small { margin-top: 5px; color: rgba(255,255,255,.66); font-size: 10px; }

.af-carousel-controls {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 7px;
}
.af-carousel-button {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 0;
  color: rgba(255,255,255,.48);
  background: transparent;
  cursor: pointer;
}
.af-carousel-button:hover { color: var(--af-cyan); }
.af-carousel-button .af-icon { width: 17px; height: 17px; }
.af-carousel-button:first-child { transform: rotate(180deg); }
.af-carousel-dots { display: flex; align-items: center; gap: 7px; }
.af-carousel-dots button {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.23);
  cursor: pointer;
  transition: width .2s ease, background .2s ease;
}
.af-carousel-dots button.is-active { width: 22px; border-radius: 99px; background: var(--af-cyan); box-shadow: 0 0 12px rgba(20,217,255,.35); }

/* Cards inferiores */
.af-dashboard-grid {
  margin-top: 12px;
  display: grid;
  grid-template-columns: .9fr 1.1fr 1fr;
  gap: 12px;
}
.af-dashboard-card {
  min-height: 238px;
  overflow: hidden;
  border: 1px solid rgba(43, 157, 229, .25);
  border-radius: 21px;
  background: linear-gradient(135deg, rgba(7, 14, 36, .97), rgba(4, 8, 23, .97));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.022), 0 16px 44px rgba(0,0,0,.20);
}
.af-dashboard-card > header {
  min-height: 52px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 18px;
}
.af-dashboard-card > header > .af-icon,
.af-dashboard-card > header > div > .af-icon { color: var(--af-cyan); font-size: 22px; }
.af-dashboard-card header h2 { margin: 0; font-size: 15px; letter-spacing: -.01em; }

.af-mission-card { padding-bottom: 16px; }
.af-mission-body {
  min-height: 115px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 18px 12px;
  border-top: 1px solid rgba(255,255,255,.035);
}
.af-mission-body h3 { margin: 0 0 9px; color: var(--af-cyan); font-size: 12px; }
.af-mission-body p { margin: 0; color: rgba(245,245,255,.77); font-size: 12px; line-height: 1.45; }
.af-mission-body > strong { flex: 0 0 auto; align-self: flex-end; color: #25dcff; font-size: 19px; }
.af-mission-card > .af-progress { margin: 0 18px; }
.af-mission-card footer {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  padding: 0 18px;
  color: rgba(255,255,255,.58);
  font-size: 11px;
}
.af-mission-card footer b { color: #35e2a2; }

.af-ranking-card > header {
  justify-content: space-between;
}
.af-ranking-card > header > div { display: flex; align-items: center; gap: 9px; }
.af-ranking-card > header > div > .af-icon { color: var(--af-gold); }
.af-ranking-card > header > a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--af-cyan);
  text-decoration: none;
  font-size: 9px;
  font-weight: 900;
}
.af-ranking-card > header > a .af-icon { width: 13px; height: 13px; }
.af-ranking-list {
  list-style: none;
  margin: 0;
  padding: 3px 15px 6px;
}
.af-ranking-list li {
  min-height: 51px;
  display: grid;
  grid-template-columns: 28px 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  border-top: 1px solid rgba(255,255,255,.045);
}
.af-ranking-list li:first-child { border-top: 0; }
.af-ranking-list img {
  width: 36px;
  height: 36px;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.15);
}
.af-rank-number {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #16100a;
  background: #8d93a1;
  font-size: 11px;
  font-weight: 1000;
}
.af-rank-number--1 { background: linear-gradient(145deg, #ffe36a, #f0a100); box-shadow: 0 0 14px rgba(255,194,31,.26); }
.af-rank-number--2 { background: linear-gradient(145deg, #f2f4f8, #8e9aa7); }
.af-rank-number--3 { background: linear-gradient(145deg, #e89c5a, #9a5425); }
.af-rank-name { min-width: 0; display: grid; }
.af-rank-name strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.af-rank-name small { color: rgba(255,255,255,.46); font-size: 8px; }
.af-ranking-list li > b {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--af-gold);
  font-size: 12px;
  white-space: nowrap;
}
.af-ranking-list li > b .af-icon { width: 13px; height: 13px; }
.af-ranking-empty { grid-template-columns: 1fr !important; color: rgba(255,255,255,.58); text-align: center; }
.af-ranking-card > footer {
  padding: 5px 18px 13px;
  color: rgba(255,255,255,.56);
  text-align: center;
  font-size: 10px;
}
.af-ranking-card > footer strong { color: var(--af-cyan); }

.af-diamond-promo {
  position: relative;
  display: block;
  color: #fff;
  text-decoration: none;
  background: #160626;
  border-color: rgba(227, 69, 255, .34);
  isolation: isolate;
}
.af-diamond-promo::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(25,5,44,.97) 0%, rgba(25,5,44,.86) 42%, rgba(25,5,44,.06) 83%),
    linear-gradient(180deg, transparent 45%, rgba(16,3,34,.60));
}
.af-diamond-promo > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 63% center;
  z-index: 0;
}
.af-diamond-promo > div {
  position: relative;
  z-index: 2;
  padding: 24px 18px;
  max-width: 68%;
}
.af-diamond-promo h2 {
  margin: 0;
  font-size: 23px;
  font-style: italic;
  line-height: .98;
  color: #f2eaff;
}
.af-diamond-promo p { margin: 12px 0 18px; color: rgba(255,255,255,.72); font-size: 12px; line-height: 1.35; }
.af-diamond-promo span {
  min-height: 43px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 16px;
  border: 1px solid rgba(255, 100, 241, .62);
  border-radius: 8px 14px 8px 14px;
  background: rgba(172, 37, 200, .25);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 0 22px rgba(210, 44, 255, .16);
}
.af-diamond-promo span .af-icon { width: 18px; height: 18px; }

/* Navegação inferior exclusiva da home */
.af-home-nav {
  position: fixed;
  z-index: 100;
  left: 50%;
  bottom: max(10px, env(safe-area-inset-bottom));
  width: min(calc(100% - 28px), 900px);
  transform: translateX(-50%);
  padding: 0;
  border: 1px solid rgba(42, 134, 211, .25);
  border-radius: 19px;
  background: linear-gradient(180deg, rgba(5, 10, 27, .96), rgba(2, 6, 19, .985));
  box-shadow: 0 18px 70px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.03);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.af-home-nav__inner {
  min-height: 74px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.af-home-nav a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: rgba(255,255,255,.49);
  text-decoration: none;
  font-size: 9px;
  font-weight: 800;
  transition: color .2s ease, background .2s ease;
}
.af-home-nav a:hover { color: #fff; }
.af-home-nav a .af-icon { width: 25px; height: 25px; }
.af-home-nav a.is-active { color: var(--af-cyan); }
.af-home-nav a.is-active::before {
  content: '';
  position: absolute;
  left: 20%;
  right: 20%;
  top: -1px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, var(--af-cyan), #7760ff, transparent);
  box-shadow: 0 0 13px rgba(20,217,255,.52);
}
.af-home-nav a.is-active::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(circle at 50% 30%, rgba(20,217,255,.12), transparent 52%);
}

/* Desktop intermediário / notebook */
@media (max-width: 900px) {
  .af-home-shell { width: min(calc(100% - 24px), 820px); }
  .af-status--score { min-width: 150px; }
  .af-hero { min-height: 430px; grid-template-columns: 1fr; }
  .af-hero-copy { padding-right: 36%; }
  .af-hero::before { background: linear-gradient(90deg, rgba(1,4,15,.98) 0%, rgba(1,4,15,.82) 52%, rgba(1,4,15,.18) 100%); }
  .af-profile { grid-template-columns: 1fr; }
  .af-profile-stats { grid-column: auto; }
  .af-profile-progress { grid-column: 1; }
  .af-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .af-action-card { min-height: 245px; }
  .af-live-track { grid-auto-columns: calc((100% - 11px) / 2); }
  .af-dashboard-grid { grid-template-columns: 1fr 1fr; }
  .af-diamond-promo { grid-column: 1 / -1; min-height: 220px; }
}

/* Mobile */
@media (max-width: 640px) {
  .aura-home-v4-body { padding-bottom: 104px; }
  .af-home-header { padding: 8px 0; }
  .af-home-header__inner { min-height: 56px; gap: 9px; }
  .af-home-shell { width: min(calc(100% - 20px), 560px); }
  .af-brand span { font-size: 24px; }
  .af-brand small { margin-top: 7px; font-size: 7px; letter-spacing: .39em; }
  .af-header-status { gap: 6px; }
  .af-status { min-height: 42px; border-radius: 13px; }
  .af-status--notification { width: 42px; }
  .af-status--notification > .af-icon { font-size: 20px; }
  .af-status--notification b { top: -6px; right: -4px; min-width: 20px; height: 20px; font-size: 9px; }
  .af-status--diamonds { min-width: 101px; padding: 0 7px 0 10px; gap: 7px; }
  .af-status--diamonds > .af-icon { font-size: 21px; }
  .af-status--diamonds strong { font-size: 16px; }
  .af-status-plus { width: 25px; height: 28px; margin-left: 0; }
  .af-status-plus .af-icon { width: 14px; height: 14px; }
  .af-status--score { display: none; }

  .af-home-main { padding-top: 11px; }
  .af-hero { min-height: 484px; border-radius: 22px; }
  .af-hero::before {
    background:
      linear-gradient(180deg, rgba(1,4,15,.20) 0%, rgba(1,4,15,.20) 39%, rgba(1,4,15,.89) 66%, rgba(1,4,15,.99) 100%),
      linear-gradient(90deg, rgba(1,4,15,.38), transparent 80%);
  }
  .af-hero-art img { object-position: 61% 15%; height: 68%; }
  .af-hero-copy {
    align-self: end;
    padding: 0 20px 22px;
  }
  .af-eyebrow { min-height: 27px; margin-bottom: 10px; padding: 0 11px; font-size: 8px; }
  .af-hero h1 { max-width: 100%; font-size: clamp(35px, 10.3vw, 51px); line-height: .98; }
  .af-hero-copy > p { margin: 12px 0 16px; font-size: 13px; }
  .af-primary-button { min-height: 54px; width: 100%; padding-inline: 13px; font-size: 12px; }

  .af-profile { padding: 18px 16px 15px; border-radius: 21px; gap: 18px; }
  .af-avatar { width: 86px; height: 86px; flex-basis: 86px; }
  .af-avatar img { width: 63px; height: 63px; }
  .af-avatar > span { min-width: 47px; height: 26px; font-size: 10px; }
  .af-profile-meta h2 { font-size: 22px; }
  .af-profile-meta p { margin: 6px 0 9px; font-size: 12px; }
  .af-profile-meta > span { min-height: 29px; padding-inline: 10px; font-size: 10px; }
  .af-profile-stats { grid-template-columns: 1fr 1fr; }
  .af-profile-stats > div { gap: 8px; padding: 13px 8px; }
  .af-profile-stats > div > .af-icon { font-size: 24px; }
  .af-profile-stats small { font-size: 7px; }
  .af-profile-stats strong { font-size: 17px; }

  .af-actions { gap: 10px; }
  .af-action-card { min-height: 210px; border-radius: 18px; }
  .af-action-content { left: 13px; right: 10px; bottom: 14px; }
  .af-action-content h3 { font-size: 17px; }
  .af-action-content p { font-size: 10px; }
  .af-action-icon { width: 30px; height: 30px; margin-bottom: 7px; }
  .af-action-icon .af-icon { width: 18px; height: 18px; }
  .af-card-arrow { width: 31px; height: 31px; right: 10px; bottom: 11px; }

  .af-section-heading h2 { font-size: 14px; }
  .af-section-heading > a { font-size: 9px; }
  .af-live-viewport { margin-inline: -1px; }
  .af-live-track { grid-auto-columns: 84%; padding: 8px; gap: 8px; }
  .af-live-card { aspect-ratio: 16 / 9; }
  .af-carousel-button { display: none; }
  .af-live-info strong { font-size: 13px; }

  .af-dashboard-grid { grid-template-columns: 1fr; gap: 10px; }
  .af-dashboard-card { min-height: 218px; }
  .af-diamond-promo { grid-column: auto; min-height: 235px; }
  .af-ranking-card { min-height: 260px; }

  .af-home-nav { bottom: max(7px, env(safe-area-inset-bottom)); width: calc(100% - 18px); border-radius: 17px; }
  .af-home-nav__inner { min-height: 68px; }
  .af-home-nav a { gap: 4px; font-size: 8px; }
  .af-home-nav a .af-icon { width: 22px; height: 22px; }
}

@media (max-width: 390px) {
  .af-home-shell { width: calc(100% - 16px); }
  .af-brand span { font-size: 21px; }
  .af-brand small { font-size: 6px; }
  .af-status--diamonds { min-width: 90px; }
  .af-hero { min-height: 455px; }
  .af-hero h1 { font-size: 34px; }
  .af-actions { grid-template-columns: 1fr; }
  .af-action-card { min-height: 205px; }
  .af-live-track { grid-auto-columns: 91%; }
}

@media (prefers-reduced-motion: reduce) {
  .af-live-pulse::after,
  .af-action-card,
  .af-action-card > img,
  .af-primary-button,
  .af-status { animation: none; transition: none; }
}

.af-live.is-static .af-carousel-controls { display: none; }
