/* A6767 Home V5 Conversao — visual isolated to the real Home route. */
.a6767-home-v5-conversao {
  --bg:#0A0E1A;
  --petroleum:#081D2A;
  --petroleum-2:#0B2636;
  --petroleum-3:#103348;
  --surface:#10182B;
  --surface-2:#131E34;
  --surface-3:#17233B;
  --line:#273655;
  --line-bright:#3E78AA;
  --gold:#FFC43D;
  --gold-2:#F5B93D;
  --gold-soft:#FFE29A;
  --text:#F7F9FC;
  --text-2:#B7C0D6;
  --text-3:#76829F;
  --green:#28D17C;
  --cyan:#56C9FF;
  --blue:#3BA4FF;
  --fire:#FF653F;
  width:100%;
  max-width:430px;
  min-height:100%;
  padding-bottom:calc(106px + env(safe-area-inset-bottom,0px));
  overflow-x:hidden;
  color:var(--text);
  background:
    radial-gradient(120% 55% at 50% -8%,rgba(13,77,101,.22),transparent 62%),
    linear-gradient(180deg,#09111D 0%,var(--bg) 20%,#090D18 100%);
  font:500 13px/1.4 A6767HomeInter,Inter,system-ui,sans-serif;
}

body:has(.a6767-home-v5-conversao) {
  min-width:0;
  margin:0;
  overflow-x:hidden;
  color:var(--text);
  background:#060A11;
}

body:has(.a6767-home-v5-conversao) #root,
body:has(.a6767-home-v5-conversao) #body,
body:has(.a6767-home-v5-conversao) .a6767-public-shell,
body:has(.a6767-home-v5-conversao) .a6767-public-content,
body:has(.a6767-home-v5-conversao) .react-animated-router-container,
body:has(.a6767-home-v5-conversao) #body ._container_12g6i_55 {
  width:100%;
  max-width:430px;
}

body:has(.a6767-home-v5-conversao) #root {
  margin:0 auto;
  background:var(--bg);
  box-shadow:0 0 70px rgba(0,0,0,.65);
}

.a6767-home-v5-conversao *,
.a6767-home-v5-conversao *::before,
.a6767-home-v5-conversao *::after { box-sizing:border-box; }
.a6767-home-v5-conversao button,.a6767-home-v5-conversao a { font:inherit;color:inherit; }
.a6767-home-v5-conversao :focus-visible { outline:2px solid var(--gold);outline-offset:3px; }
.a6767-home-v5-conversao img { max-width:100%; }

/* App install */
.a6767-home-v5-conversao .a6767-app-banner {
  position:sticky;
  top:0;
  z-index:70;
  min-height:74px;
  padding:9px 12px;
  display:flex;
  align-items:center;
  gap:10px;
  background:linear-gradient(180deg,#0D1424 0%,#0B1220 100%);
  border-bottom:1px solid rgba(72,97,135,.38);
  box-shadow:0 8px 24px rgba(0,0,0,.24);
}
.a6767-home-v5-conversao .a6767-app-banner__close {
  width:28px;
  height:40px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  color:#7F8AA7;
}
.a6767-home-v5-conversao .a6767-app-banner__close svg { width:19px;height:19px; }
.a6767-home-v5-conversao .a6767-app-banner__icon {
  width:46px;
  height:46px;
  flex:0 0 46px;
  border:0;
  border-radius:13px;
  object-fit:cover;
  box-shadow:0 4px 14px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.08);
}
.a6767-home-v5-conversao .a6767-app-banner__copy { min-width:0;flex:1; }
.a6767-home-v5-conversao .a6767-app-banner__copy strong {
  display:block;
  font-family:A6767HomeSora,A6767HomeInter,Inter,sans-serif;
  font-size:14px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:-.2px;
}
.a6767-home-v5-conversao .a6767-app-banner__copy span {
  display:block;
  margin-top:4px;
  overflow:hidden;
  color:var(--text-3);
  font-size:10.5px;
  font-weight:600;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.a6767-home-v5-conversao .a6767-app-banner__art { display:none; }
.a6767-home-v5-conversao .a6767-app-banner__cta {
  min-width:105px;
  height:43px;
  flex:0 0 auto;
  padding:0 14px;
  border:1px solid rgba(255,196,61,.8);
  border-radius:999px;
  color:var(--gold);
  background:linear-gradient(180deg,#111725,#0D1421);
  box-shadow:inset 0 0 0 1px rgba(255,196,61,.05);
  font-size:12px;
  font-weight:800;
}

/* Header */
.a6767-home-v5-conversao .a6767-v2-header {
  position:sticky;
  top:0;
  z-index:60;
  min-height:70px;
  padding:12px 14px 13px;
  display:flex;
  align-items:center;
  gap:10px;
  background:rgba(10,14,26,.95);
  border-bottom:1px solid rgba(39,54,85,.5);
  box-shadow:0 5px 18px rgba(0,0,0,.1);
  backdrop-filter:blur(12px);
}
.a6767-home-v5-conversao:has(> .a6767-app-banner) .a6767-v2-header { top:74px; }
.a6767-home-v5-conversao .a6767-v2-icon-button {
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  border:1px solid #263758;
  border-radius:13px;
  color:#AAB5CD;
  background:linear-gradient(180deg,#17223B,#121B31);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.a6767-home-v5-conversao .a6767-v2-icon-button svg { width:25px;height:25px; }
.a6767-home-v5-conversao .a6767-v2-logo-wrap { flex:1;min-width:0; }
.a6767-home-v5-conversao .a6767-v2-logo {
  width:auto;
  max-width:min(130px,100%);
  height:34px;
  max-height:34px;
  object-fit:contain;
  object-position:left center;
}
.a6767-home-v5-conversao .a6767-v2-logo-fallback {
  font:800 23px/1 A6767HomeSora,A6767HomeInter,Inter,sans-serif;
  color:var(--gold);
  letter-spacing:-.7px;
}
.a6767-home-v5-conversao .a6767-v2-balance {
  height:38px;
  padding:5px 12px 5px 6px;
  gap:7px;
  border:1px solid #2C3D61;
  border-radius:999px;
  color:var(--text);
  background:linear-gradient(180deg,#17223C,#121B31);
  box-shadow:0 4px 12px rgba(0,0,0,.15);
  font-size:13px;
  font-weight:800;
}
.a6767-home-v5-conversao .a6767-v2-balance span {
  width:25px;
  height:25px;
  background:var(--green);
  color:#032213;
  font-size:10px;
  font-weight:900;
}
.a6767-home-v5-conversao .a6767-v2-auth { gap:5px; }
.a6767-home-v5-conversao .a6767-v2-auth button {
  min-height:40px;
  padding:0 8px;
  border:1px solid var(--line);
  border-radius:11px;
  font-size:11px;
  font-weight:700;
}
.a6767-home-v5-conversao .a6767-v2-register { border-color:var(--gold);background:var(--gold);color:#221703; }

/* Real promotional images in the exact V5 composition. */
.a6767-home-v5-conversao .a6767-v2-promo { padding:14px 14px 0; }
.a6767-home-v5-conversao .a6767-banner-main-wrap { width:100%;margin:0 0 10px; }
.a6767-home-v5-conversao .a6767-banner-main {
  display:block;
  width:100%;
  height:181px;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(255,196,61,.38);
  border-radius:20px;
  background:var(--surface);
  box-shadow:0 10px 24px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.04);
}
.a6767-home-v5-conversao .a6767-banner-main img,
.a6767-home-v5-conversao .a6767-banner-sub img,
.a6767-home-v5-conversao .a6767-banners-extra img { display:block;width:100%;height:100%;object-fit:cover; }
.a6767-home-v5-conversao .a6767-banners-row {
  width:100%;
  height:126px;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  grid-template-rows:1fr 1fr;
  gap:10px;
}
.a6767-home-v5-conversao .a6767-banner-sub {
  width:100%;
  height:100%;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(90,118,163,.5);
  border-radius:16px;
  background:var(--surface);
  box-shadow:0 7px 18px rgba(0,0,0,.18);
}
.a6767-home-v5-conversao .a6767-banner-sub:first-child { grid-column:1;grid-row:1 / span 2; }
.a6767-home-v5-conversao .a6767-banners-row[data-count="1"] { height:auto;display:block; }
.a6767-home-v5-conversao .a6767-banners-row[data-count="1"] .a6767-banner-sub { aspect-ratio:2.25 / 1; }
.a6767-home-v5-conversao .a6767-banners-row[data-count="2"] {
  height:82px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:1fr;
}
.a6767-home-v5-conversao .a6767-banners-row[data-count="2"] .a6767-banner-sub:first-child { grid-column:1;grid-row:1; }
.a6767-home-v5-conversao .a6767-banners-extra { display:none; }

/* Broadcast ticker */
.a6767-home-v5-conversao .a6767-v2-ticker {
  margin:14px 14px 0;
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:9px;
  overflow:hidden;
  border:1px solid #294E77;
  border-radius:13px;
  color:var(--gold);
  background:linear-gradient(90deg,#10243C,#173A59,#10243C);
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.14);
  font-size:11px;
  font-weight:800;
}
.a6767-home-v5-conversao .a6767-v2-ticker-icon { width:16px;height:16px;flex:0 0 16px; }
.a6767-home-v5-conversao .a6767-v2-ticker-icon svg { width:16px;height:16px; }

/* Provider rail */
.a6767-home-v5-conversao .a6767-v2-providers {
  display:flex;
  gap:10px;
  padding:16px 14px 15px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-padding-inline:14px;
  scrollbar-width:none;
  background:linear-gradient(180deg,rgba(9,19,32,.86),rgba(8,14,25,.98));
  border-top:1px solid rgba(58,85,120,.36);
  border-bottom:1px solid rgba(58,85,120,.42);
}
.a6767-home-v5-conversao .a6767-v2-provider {
  position:relative;
  width:88px;
  height:102px;
  min-height:102px;
  flex:0 0 88px;
  padding:8px 6px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  overflow:hidden;
  border:1px solid #2F6FA2;
  border-radius:19px;
  color:var(--text);
  background:linear-gradient(180deg,#111B30,#0F1729);
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 5px 12px rgba(0,0,0,.14);
}
.a6767-home-v5-conversao .a6767-v2-provider::after {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 18px rgba(56,147,212,.05);
}
.a6767-home-v5-conversao .a6767-v2-provider.active {
  border-color:#50B7FF;
  background:radial-gradient(70% 70% at 50% 20%,rgba(41,156,224,.38),transparent 65%),linear-gradient(160deg,#143754,#101A2B 74%);
  box-shadow:0 0 0 1px rgba(80,183,255,.32),0 0 18px rgba(59,164,255,.28),inset 0 0 26px rgba(59,164,255,.22),0 8px 17px rgba(0,0,0,.24);
}
.a6767-home-v5-conversao .a6767-v2-provider.active::before {
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#77D5FF,transparent);
}
.a6767-home-v5-conversao .a6767-v2-provider-logo {
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.05);
  border-radius:12px;
  color:var(--text-2);
  background:#0B1324;
  box-shadow:inset 0 0 12px rgba(0,0,0,.35);
  font:800 11px/1 A6767HomeSora,A6767HomeInter,Inter,sans-serif;
}
.a6767-home-v5-conversao .a6767-v2-provider-logo img { width:34px;height:34px;object-fit:contain; }
.a6767-home-v5-conversao .a6767-v2-provider:first-child.active .a6767-v2-provider-logo { color:var(--fire); }
.a6767-home-v5-conversao .a6767-v2-provider-name {
  width:100%;
  overflow:hidden;
  color:var(--text);
  font:800 13px/1.1 A6767HomeSora,A6767HomeInter,Inter,sans-serif;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.a6767-home-v5-conversao .a6767-v2-provider.active .a6767-v2-provider-name { color:var(--text); }
.a6767-home-v5-conversao .a6767-v5-provider-count {
  width:100%;
  overflow:hidden;
  color:#8692AF;
  font-size:10px;
  font-weight:700;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Provider-separated game sections */
.a6767-home-v5-conversao .a6767-v2-content { padding-top:0; }
.a6767-home-v5-conversao .a6767-v2-game-section {
  position:relative;
  margin-top:11px;
  padding:0 14px 18px;
  scroll-margin-top:74px;
  background:radial-gradient(100% 65% at 100% 0%,rgba(28,76,107,.14),transparent 60%),linear-gradient(180deg,#0E1728 0%,#0A0E1A 100%);
  border-top:1px solid rgba(58,91,129,.5);
  border-bottom:1px solid rgba(19,35,56,.4);
}
.a6767-home-v5-conversao .a6767-v2-game-section::before {
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  top:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(74,174,230,.45),transparent);
}
.a6767-home-v5-conversao .a6767-v2-section-head {
  height:60px;
  margin:0;
  display:flex;
  align-items:center;
  gap:9px;
}
.a6767-home-v5-conversao .a6767-v2-brand-symbol {
  width:29px;
  height:29px;
  flex:0 0 29px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #2C4568;
  border-radius:10px;
  color:var(--gold);
  background:linear-gradient(180deg,#172640,#111B30);
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.a6767-home-v5-conversao .a6767-v2-brand-symbol img { width:24px;height:24px;object-fit:contain; }
.a6767-home-v5-conversao .a6767-v2-section-head h2 {
  min-width:0;
  flex:1;
  margin:0;
  overflow:hidden;
  color:var(--text);
  font:800 18px/1.15 A6767HomeSora,A6767HomeInter,Inter,sans-serif;
  letter-spacing:-.35px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.a6767-home-v5-conversao .a6767-v4-all {
  min-height:30px;
  padding:0 2px;
  border:0;
  color:#DCE3F1;
  background:transparent;
  font-size:11px;
  font-weight:800;
}
.a6767-home-v5-conversao .a6767-v2-counter {
  min-width:40px;
  height:27px;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #246FA7;
  border-radius:999px;
  color:#50B8FF;
  background:#153858;
  box-shadow:inset 0 0 12px rgba(59,164,255,.08);
  font-size:11.5px;
  font-weight:900;
}
.a6767-home-v5-conversao .a6767-v2-section-controls { display:none; }
.a6767-home-v5-conversao .a6767-v2-game-grid {
  width:100%;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px 9px;
}
.a6767-home-v5-conversao .a6767-v2-game-card {
  position:relative;
  min-width:0;
  aspect-ratio:.73;
  overflow:hidden;
  border:1px solid rgba(86,124,168,.52);
  border-radius:12px;
  background:var(--surface-2);
  box-shadow:0 6px 13px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.015);
}
.a6767-home-v5-conversao .a6767-v2-game-launch { position:relative;width:100%;height:100%;display:block; }
.a6767-home-v5-conversao .a6767-v2-game-launch img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.a6767-home-v5-conversao .a6767-v2-game-launch::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 18%,transparent 62%,rgba(0,0,0,.7));
}
.a6767-home-v5-conversao .a6767-v3-game-provider {
  position:absolute;
  top:7px;
  left:7px;
  z-index:2;
  max-width:calc(100% - 35px);
  padding:0;
  overflow:hidden;
  border:0;
  color:#fff;
  background:transparent;
  font-size:6px;
  font-weight:800;
  line-height:1.2;
  opacity:.92;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.a6767-home-v5-conversao .a6767-v3-game-title {
  position:absolute;
  left:4px;
  right:4px;
  bottom:6px;
  z-index:2;
  overflow:hidden;
  color:#fff;
  font:800 8.5px/1.1 A6767HomeSora,A6767HomeInter,Inter,sans-serif;
  text-align:center;
  text-overflow:ellipsis;
  text-shadow:0 1px 4px #000;
  white-space:nowrap;
}
.a6767-home-v5-conversao .a6767-v2-game-favorite {
  position:absolute;
  top:5px;
  right:5px;
  z-index:3;
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  color:#6E778C;
  background:rgba(255,255,255,.82);
  box-shadow:0 2px 5px rgba(0,0,0,.18);
}
.a6767-home-v5-conversao .a6767-v2-game-favorite svg { width:10px;height:10px; }
.a6767-home-v5-conversao .a6767-v2-game-favorite.is-favorite { color:#9B6800;background:var(--gold-soft); }
.a6767-home-v5-conversao .a6767-v2-game-favorite.is-favorite svg { color:#9B6800;fill:var(--gold); }
.a6767-home-v5-conversao .a6767-v2-card-placeholder { aspect-ratio:.73;border-radius:12px;background:var(--surface-2); }
.a6767-home-v5-conversao .a6767-v3-loading { margin:11px 14px 0; }
.a6767-home-v5-conversao .a6767-v2-empty-section { padding:24px 14px;color:var(--text-2); }
.a6767-home-v5-conversao .a6767-v3-clear-filter { margin:10px 14px 0;min-height:40px;color:var(--gold); }

/* Existing functional floating controls receive only the V5 position. */
body:has(.a6767-home-v5-conversao) ._floatInHome_s8r5o_55 {
  right:max(12px,calc((100vw - 430px) / 2 + 12px));
  bottom:calc(126px + env(safe-area-inset-bottom,0px));
  z-index:54;
}

/* Global component, V5 visual only while the Home is mounted. */
body:has(.a6767-home-v5-conversao) .a6767-bottom-nav-compact {
  z-index:65;
  width:100%;
  max-width:430px;
  padding:9px 6px calc(11px + env(safe-area-inset-bottom,0px));
  align-items:flex-end;
  border:0;
  border-top:1px solid #1A5069;
  border-radius:0;
  background:radial-gradient(60% 115% at 50% -20%,rgba(31,102,134,.18),transparent 56%),linear-gradient(180deg,#0B2636 0%,#081D2A 100%);
  box-shadow:0 -10px 28px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.02);
}
body:has(.a6767-home-v5-conversao) .a6767-bottom-nav-compact__item {
  min-width:0;
  gap:5px;
  color:#7C8EAA;
  font:700 11px/1.2 A6767HomeInter,Inter,sans-serif;
}
body:has(.a6767-home-v5-conversao) .a6767-bottom-nav-compact__item > svg { width:27px;height:25px; }
body:has(.a6767-home-v5-conversao) .a6767-bottom-nav-compact__item.is-active { color:var(--gold); }
body:has(.a6767-home-v5-conversao) .a6767-bottom-nav-compact__item.is-invite {
  margin-top:-28px;
  color:#F4F7FC;
  font-weight:800;
}
body:has(.a6767-home-v5-conversao) .a6767-bottom-nav-compact__orb {
  width:56px;
  height:56px;
  border:6px solid #0A2332;
  color:#1C2430;
  background:linear-gradient(180deg,#FFD15B,#F5B633);
  box-shadow:0 5px 17px rgba(0,0,0,.4),0 0 18px rgba(245,185,61,.24);
  font-size:28px;
  font-weight:500;
}

.a6767-home-v5-conversao .a6767-v2-provider,
.a6767-home-v5-conversao .a6767-v2-game-card,
.a6767-home-v5-conversao .a6767-app-banner__cta,
.a6767-home-v5-conversao .a6767-v2-icon-button,
body:has(.a6767-home-v5-conversao) .a6767-bottom-nav-compact__item { transition:transform .16s ease,filter .16s ease; }
.a6767-home-v5-conversao .a6767-v2-provider:active,
.a6767-home-v5-conversao .a6767-v2-game-card:active,
.a6767-home-v5-conversao .a6767-app-banner__cta:active,
.a6767-home-v5-conversao .a6767-v2-icon-button:active,
body:has(.a6767-home-v5-conversao) .a6767-bottom-nav-compact__item:active { transform:scale(.97); }

@media (max-width:370px) {
  .a6767-home-v5-conversao .a6767-app-banner { gap:8px;padding-inline:10px; }
  .a6767-home-v5-conversao .a6767-app-banner__cta { min-width:96px;padding-inline:10px; }
  .a6767-home-v5-conversao .a6767-v2-header { gap:7px;padding-inline:10px; }
  .a6767-home-v5-conversao .a6767-v2-logo { max-width:min(114px,100%);height:31px; }
  .a6767-home-v5-conversao .a6767-v2-promo,
  .a6767-home-v5-conversao .a6767-v2-game-section { padding-left:10px;padding-right:10px; }
  .a6767-home-v5-conversao .a6767-v2-providers { padding-left:10px;padding-right:10px; }
  .a6767-home-v5-conversao .a6767-v2-provider { width:84px;flex-basis:84px; }
  .a6767-home-v5-conversao .a6767-banner-main { height:170px; }
  .a6767-home-v5-conversao .a6767-v2-game-grid { gap:9px 7px; }
}

@media (min-width:431px) {
  body:has(.a6767-home-v5-conversao) { background:#060A11; }
}

@media (prefers-reduced-motion:reduce) {
  .a6767-home-v5-conversao *,
  body:has(.a6767-home-v5-conversao) .a6767-bottom-nav-compact__item { animation:none;transition:none;scroll-behavior:auto; }
}