:root{
  --ig-bg:#161616;--ig-surface:#202123;--ig-surface2:#29292b;--ig-surface3:#303034;--ig-border:#3b3b3e;
  --ig-text:#f5f5f5;--ig-muted:#99999f;--ig-muted2:#777;--ig-yellow:#f4e900;--ig-yellow2:#d9ce00;--ig-green:#14b86f;
  --ig-red:#ff6767;--ig-radius:12px;--ig-shadow:0 16px 42px rgba(0,0,0,.3)
}
*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{background:var(--ig-bg)!important;color:var(--ig-text);font-family:Inter,Arial,sans-serif!important}
a,button,input,select,textarea{font:inherit}img{max-width:100%}

/* shared header/nav */
.sub-top-bonus,.sub-client-topbar{background:#202123!important;border-bottom:1px solid #303034!important;color:#f5f5f5!important;min-height:34px!important;padding:6px 12px!important;font-size:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;text-align:center!important}
.sub-top-bonus .sub-bonus-btn,.sub-client-topbar .sub-bonus-btn{background:var(--ig-yellow)!important;color:#111!important;border:0!important;border-radius:7px!important;padding:5px 9px!important;font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;box-shadow:none!important}
.sub-nav,.sub-client-nav{background:rgba(22,22,22,.96)!important;border-bottom:1px solid #303034!important;backdrop-filter:blur(12px)!important}
.sub-nav-inner,.sub-client-nav-inner{max-width:1100px!important;margin:auto!important;padding:9px 12px!important;min-height:58px!important}
.sub-logo-img,.sub-client-logo img{max-height:34px!important;width:auto!important}
.sub-btn,.sub-client-link{border-radius:8px!important;font-weight:800!important;font-size:12px!important;transition:.18s ease!important}
.sub-btn-green,.sub-client-deposit{background:var(--ig-yellow)!important;color:#111!important;border-color:var(--ig-yellow)!important}
.sub-btn-dark{background:#29292b!important;color:#fff!important;border:1px solid #3b3b3e!important}
.sub-client-link{color:#d8d8d8!important;padding:9px 11px!important}
.sub-client-link:hover,.sub-client-link.w--current{background:#29292b!important;color:var(--ig-yellow)!important}
.sub-client-menu-btn{background:#29292b!important;color:#fff!important;border:1px solid #3b3b3e!important;border-radius:8px!important;padding:9px 11px!important}
.sub-client-mobile{background:#1d1d1f!important;border-bottom:1px solid #303034!important;padding:8px 10px!important;gap:5px!important}

/* auth */
.sub-auth-page{min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(244,233,0,.06),transparent 30%),#161616!important;color:#f5f5f5!important}
.sub-auth-shell{min-height:calc(100vh - 100px)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:22px 12px 42px!important}
.sub-auth-card{width:min(100%,420px)!important;background:#202123!important;border:1px solid #303034!important;border-radius:18px!important;padding:20px!important;box-shadow:var(--ig-shadow)!important;color:#f5f5f5!important}
.sub-auth-brand{margin-bottom:12px!important}.sub-auth-brand img{max-height:44px!important;width:auto!important}.sub-auth-card h2{font-size:24px!important;margin:0 0 6px!important;color:#fff!important}.sub-auth-card>p{font-size:13px!important;line-height:1.45!important;color:#99999f!important;margin:0 0 14px!important}.sub-auth-link{font-size:12px!important;color:#99999f!important;margin:10px 0 14px!important}.sub-auth-link a{color:var(--ig-yellow)!important;font-weight:800!important}
.sub-field{margin-bottom:11px!important}.sub-field label{display:block!important;font-size:12px!important;color:#dcdcdc!important;margin-bottom:5px!important;font-weight:700!important}.sub-field input,.sub-field select{width:100%!important;height:44px!important;background:#29292b!important;border:1px solid #3b3b3e!important;border-radius:8px!important;padding:0 11px!important;color:#fff!important;outline:none!important;box-shadow:none!important;font-size:14px!important}.sub-field input:focus,.sub-field select:focus{border-color:var(--ig-yellow)!important;box-shadow:0 0 0 3px rgba(244,233,0,.08)!important}.sub-auth-check{display:flex!important;align-items:center!important;gap:7px!important;font-size:12px!important;color:#99999f!important;margin:8px 0 12px!important}.sub-auth-card .primary-button{width:100%!important;min-height:46px!important;background:var(--ig-yellow)!important;color:#111!important;border:0!important;border-radius:8px!important;font-weight:900!important;text-transform:uppercase!important;box-shadow:none!important}
.sub-conversion-pills,.sub-register-trust{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin:10px 0!important}.sub-conversion-pills span,.sub-register-trust div{background:#29292b!important;border:1px solid #303034!important;border-radius:8px!important;padding:8px 6px!important;font-size:10px!important;text-align:center!important;color:#cfcfcf!important}.sub-register-trust strong{display:block!important;color:#fff!important;font-size:11px!important}.sub-register-trust span{font-size:9px!important;color:#99999f!important}.sub-auth-hero-mini{display:none!important}.sub-auth-legal{font-size:10px!important;color:#777!important;text-align:center!important;margin-top:10px!important}

/* classic forms/pages fallback */
.hero-section,.rarity-section,.comic-book,.intermission{background:#161616!important;color:#f5f5f5!important}.minting-container{max-width:620px!important;padding-left:12px!important;padding-right:12px!important}.properties{width:100%!important}.rarity-heading{color:#f5f5f5!important;font-size:13px!important;margin-bottom:6px!important}.large-input-field,.w-input{width:100%!important;min-height:44px!important;background:#29292b!important;color:#fff!important;border:1px solid #3b3b3e!important;border-radius:8px!important;box-shadow:none!important}.large-input-field:focus,.w-input:focus{border-color:var(--ig-yellow)!important}.primary-button,.w-button{background:var(--ig-yellow)!important;color:#111!important;border:0!important;border-radius:8px!important;min-height:46px!important;font-weight:900!important;box-shadow:none!important}.balance{background:#202123!important;color:#fff!important;border:1px solid #303034!important;box-shadow:none!important;border-radius:12px!important;padding:12px 14px!important}.custom-table{width:100%!important;background:#202123!important;border:1px solid #303034!important;border-radius:12px!important;color:#fff!important;overflow:hidden!important}.custom-table thead{background:#29292b!important}.custom-table th,.custom-table td{border-color:#303034!important;color:#eee!important}

/* game notification */
.sub-result-popup__card{background:#202123!important;border-color:#303034!important;border-radius:18px!important;padding:20px 16px!important}.sub-result-popup__badge{background:#29292b!important;border-radius:12px!important}.sub-result-popup__card h2{font-size:20px!important}.sub-result-popup__card p{color:#99999f!important}.sub-result-popup__button{min-height:50px!important;border-radius:10px!important;box-shadow:none!important}.sub-result-popup__button--primary{background:var(--ig-yellow)!important;color:#111!important;border-color:var(--ig-yellow)!important}.sub-result-popup__button--secondary{background:var(--ig-green)!important;color:#fff!important;border-color:var(--ig-green)!important}

/* generic cards */
.ig-card{background:#202123;border:1px solid #303034;border-radius:16px;padding:16px;box-shadow:0 12px 34px rgba(0,0,0,.22)}
.ig-title{margin:0 0 5px;color:#fff;font-size:20px;font-weight:800}.ig-muted{color:#99999f;font-size:13px;line-height:1.45}.ig-btn{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:8px;text-decoration:none;font-weight:900;border:0}.ig-btn-yellow{background:var(--ig-yellow);color:#111}.ig-btn-green{background:var(--ig-green);color:#fff}.ig-btn-dark{background:#29292b;border:1px solid #3b3b3e;color:#fff}

@media(max-width:640px){
  input,select,textarea{font-size:16px!important}.sub-top-bonus,.sub-client-topbar{font-size:10px!important}.sub-top-bonus>span,.sub-client-topbar>span{max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub-nav-inner,.sub-client-nav-inner{padding:8px 10px!important}.sub-logo-img,.sub-client-logo img{max-height:30px!important}.sub-actions{gap:6px!important}.sub-btn{padding:8px 10px!important;font-size:11px!important}.sub-auth-shell{padding:16px 10px 34px!important}.sub-auth-card{padding:16px!important;border-radius:14px!important}.sub-auth-card h2{font-size:21px!important}.sub-conversion-pills,.sub-register-trust{grid-template-columns:1fr!important}.minting-container{width:100%!important;max-width:100%!important;padding:0 10px!important}.custom-table{display:block!important;overflow-x:auto!important;white-space:nowrap!important}.sub-result-popup{padding:12px!important}.sub-result-popup__card{width:100%!important;max-height:90vh!important;overflow:auto!important}}


/* ===== RESPONSIVIDADE FIX V2.1 ===== */
html,body{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
body>*{max-width:100%}
*,*::before,*::after{box-sizing:border-box!important}
img,video,iframe,svg{max-width:100%!important;height:auto}
form,fieldset,.properties,.rarity-row,.w-form,.w-container{min-width:0!important;max-width:100%!important}
input,select,textarea,button{max-width:100%!important}

/* Header público */
.sub-nav-inner{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.sub-logo-link{min-width:0!important;flex:0 1 auto!important}
.sub-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  min-width:0!important;
  flex-wrap:nowrap!important;
}
.sub-actions .sub-btn{
  white-space:nowrap!important;
  min-width:0!important;
}

/* Header logado */
.sub-client-nav-inner{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.sub-client-logo{flex:0 1 auto!important;min-width:0!important}
.sub-client-links{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
  min-width:0!important;
  flex-wrap:wrap!important;
}
.sub-client-menu-btn{display:none!important}
.sub-client-mobile{display:none!important}

/* Depositar sempre amarelo com texto PRETO */
a.sub-client-deposit,
a.sub-client-deposit:link,
a.sub-client-deposit:visited,
a.sub-client-deposit:hover,
a.sub-client-deposit:active,
.sub-client-deposit *,
.sub-btn-green,
.sub-btn-green *,
.sub-client-mobile .sub-client-deposit,
.sub-client-mobile .sub-client-deposit *{
  color:#111!important;
  -webkit-text-fill-color:#111!important;
}
.sub-client-deposit{
  background:var(--ig-yellow)!important;
  border-color:var(--ig-yellow)!important;
}

/* Evita containers antigos estourando */
.hero-section,.rarity-section,.comic-book,.intermission,
.minting-container,.w-container{
  width:100%!important;
  max-width:100%!important;
}
.minting-container{
  width:min(100%,620px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.custom-table{
  max-width:100%!important;
}
.custom-table th,.custom-table td{
  word-break:normal!important;
}

/* telas modernas */
.sub-home,.sub-games-page,.withdraw-page,.affiliate-page,.welcome-bonus-page,
.sub-auth-page,.subway-model-page{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
.sub-home-wrap,.sub-games-wrap,.withdraw-wrap,
.affiliate-wrap,.welcome-bonus-card,.sub-auth-card{
  min-width:0!important;
  max-width:100%!important;
}
.sub-home-hero,.sub-games-hero,.sub-payments-grid,
.withdraw-grid,.affiliate-grid{
  min-width:0!important;
}
.sub-home-hero>*,
.sub-games-hero>*,
.sub-payments-grid>*,
.withdraw-grid>*,
.affiliate-grid>*{
  min-width:0!important;
}

/* breakpoints */
@media(max-width:900px){
  .sub-client-links{display:none!important}
  .sub-client-menu-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
  }
  .sub-client-mobile{
    display:none!important;
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .sub-client-mobile.is-open{
    display:grid!important;
  }
  .sub-client-mobile .sub-client-link{
    width:100%!important;
    min-width:0!important;
    text-align:center!important;
    justify-content:center!important;
    white-space:normal!important;
  }
}

@media(max-width:640px){
  .sub-top-bonus,.sub-client-topbar{
    width:100%!important;
    min-width:0!important;
    padding:5px 8px!important;
    gap:6px!important;
  }
  .sub-top-bonus>span,.sub-client-topbar>span{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .sub-top-bonus .sub-bonus-btn,
  .sub-client-topbar .sub-bonus-btn{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }

  .sub-nav-inner,.sub-client-nav-inner{
    padding:8px 10px!important;
  }
  .sub-logo-img,.sub-client-logo img{
    max-width:135px!important;
    max-height:30px!important;
  }
  .sub-actions{
    gap:5px!important;
  }
  .sub-actions .sub-btn{
    padding:8px 9px!important;
    font-size:10px!important;
  }

  .sub-client-mobile{
    grid-template-columns:1fr 1fr!important;
    padding:8px!important;
    gap:6px!important;
  }

  .minting-container{
    width:100%!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .custom-table{
    display:block!important;
    width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .sub-auth-card,.ig-card{
    width:100%!important;
  }

  input,select,textarea{
    width:100%!important;
    min-width:0!important;
    font-size:16px!important;
  }

  .primary-button,.w-button,.ig-btn{
    width:100%!important;
  }
}

@media(max-width:380px){
  .sub-logo-img,.sub-client-logo img{max-width:112px!important}
  .sub-actions .sub-btn{padding:7px 7px!important;font-size:9px!important}
  .sub-client-menu-btn{padding:8px 9px!important;font-size:10px!important}
}
