/* Busca da Home — visual agrupado inspirado na referência do usuário. */
body.prototype-live .prototype-search-box{
  position:relative;
  min-height:48px!important;
  border:1px solid rgba(0,237,145,.42)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(5,28,18,.98),rgba(3,20,13,.98))!important;
  overflow:hidden;
}
body.prototype-live .prototype-search-box>i{
  color:#00ed91!important;
}
body.prototype-live .prototype-search-box input{
  padding-right:42px!important;
}
body.prototype-live .prototype-search-box input::-webkit-search-cancel-button{
  display:none;
}
body.prototype-live .home-search-clear{
  position:absolute;
  top:50%;
  right:10px;
  width:28px;
  height:28px;
  margin:0;
  padding:0;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  border:0;
  border-radius:8px;
  background:transparent;
  color:#627d70;
  cursor:pointer;
  z-index:2;
}
body.prototype-live .home-search-clear[hidden]{display:none!important}
body.prototype-live .home-search-clear:hover{color:#00ed91}

body.prototype-live .prototype-search-results-host{
  position:relative;
  z-index:5200;
  width:min(720px,calc(100% - 260px));
  height:0;
  overflow:visible;
}
body.prototype-live .prototype-search-results-host:not(.is-open){pointer-events:none}

body.prototype-live .home-game-search-panel{
  position:absolute;
  top:7px;
  left:0;
  width:100%;
  max-height:min(560px,72vh);
  overflow:hidden;
  border:1px solid rgba(0,237,145,.62);
  border-radius:14px;
  background:rgba(3,17,11,.992);
  box-shadow:0 24px 60px rgba(0,0,0,.58);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

body.prototype-live .home-search-tabs{
  min-height:54px;
  padding:9px 12px;
  display:flex;
  align-items:center;
  gap:8px;
  border-bottom:1px solid rgba(255,255,255,.055);
}
body.prototype-live .home-search-tab{
  height:35px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:10px;
  background:rgba(255,255,255,.025);
  color:#aebbb4;
  font-size:10px;
  font-weight:760;
  cursor:pointer;
}
body.prototype-live .home-search-tab i{font-size:10px}
body.prototype-live .home-search-tab.is-active{
  border-color:#00ed91;
  background:rgba(0,237,145,.10);
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(0,237,145,.06);
}
body.prototype-live .home-search-tab.is-active i{color:#00ed91}

body.prototype-live .home-search-content{
  max-height:min(500px,64vh);
  padding:0 12px 10px;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(0,237,145,.45) transparent;
}
body.prototype-live .home-search-section{padding-top:9px}
body.prototype-live .home-search-section+.home-search-section{
  margin-top:2px;
  border-top:1px solid rgba(255,255,255,.055);
}
body.prototype-live .home-search-section-label{
  height:24px;
  display:flex;
  align-items:center;
  color:#798b82;
  font-size:8px;
  font-weight:850;
  letter-spacing:.08em;
}

body.prototype-live .home-search-provider-list{
  display:grid;
  gap:2px;
}
body.prototype-live .home-search-provider-row{
  min-height:62px;
  padding:6px 8px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 34px;
  align-items:center;
  gap:10px;
  border-radius:10px;
  color:inherit;
  text-decoration:none;
}
body.prototype-live .home-search-provider-row:hover{
  background:rgba(0,237,145,.055);
}
body.prototype-live .home-search-provider-logo{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-radius:9px;
  background:#0a1b13;
}
body.prototype-live .home-search-provider-logo img{
  width:30px;
  height:30px;
  object-fit:contain;
}
body.prototype-live .home-search-provider-copy{
  min-width:0;
  display:grid;
  gap:4px;
}
body.prototype-live .home-search-provider-copy strong{
  overflow:hidden;
  color:#fff;
  font-size:12px;
  font-weight:820;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.prototype-live .home-search-provider-copy strong i{
  margin-left:4px;
  color:#00ed91;
  font-size:9px;
}
body.prototype-live .home-search-provider-copy small{
  overflow:hidden;
  color:#6f8178;
  font-size:8.5px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.prototype-live .home-search-provider-arrow{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.07);
  border-radius:50%;
  color:#99aaa1;
  font-size:9px;
}

body.prototype-live .home-game-search-list{
  display:grid;
  grid-template-columns:1fr;
  gap:2px;
}
body.prototype-live .home-game-search-item{
  width:100%;
  min-height:66px;
  padding:6px 7px;
  display:grid;
  grid-template-columns:54px minmax(0,1fr) 76px 34px;
  align-items:center;
  gap:10px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
body.prototype-live .home-game-search-item:hover,
body.prototype-live .home-game-search-item.is-active{
  background:rgba(0,237,145,.055);
}
body.prototype-live .home-game-search-cover{
  width:54px;
  height:54px;
  overflow:hidden;
  border-radius:8px;
  background:#0a1b13;
}
body.prototype-live .home-game-search-cover img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
body.prototype-live .home-game-search-copy{
  min-width:0;
  display:grid;
  gap:5px;
}
body.prototype-live .home-game-search-copy>strong{
  overflow:hidden;
  color:#fff;
  font-size:12px;
  font-weight:820;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.prototype-live .home-game-search-meta{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}
body.prototype-live .home-game-search-meta>small{
  overflow:hidden;
  color:#75877e;
  font-size:8.5px;
  font-weight:620;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.prototype-live .home-search-game-badge{
  flex:0 0 auto;
  min-width:max-content;
  height:19px;
  padding:0 7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  border-radius:6px;
  font-size:7px;
  font-weight:850;
  letter-spacing:.01em;
  white-space:nowrap;
}
body.prototype-live .home-search-game-badge.is-live{
  background:rgba(0,237,145,.08);
  color:#00ed91;
}
body.prototype-live .home-search-game-badge.is-hot{
  background:rgba(0,237,145,.10);
  color:#3dffc0;
}
body.prototype-live .home-search-game-badge i{font-size:6px}
body.prototype-live .home-game-search-action{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:2px solid #00ed91;
  border-radius:50%;
  background:rgba(0,237,145,.05);
  color:#00ed91;
  font-size:9px;
}
body.prototype-live .home-game-search-mini-state{
  min-height:62px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:10px;
}
body.prototype-live .home-game-search-mini-state>i{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(0,237,145,.08);
  color:#00ed91;
  font-size:10px;
}
body.prototype-live .home-game-search-mini-state>span{
  display:grid;
  gap:3px;
}
body.prototype-live .home-game-search-mini-state strong{
  color:#edf5f0;
  font-size:10px;
}
body.prototype-live .home-game-search-mini-state small{
  color:#718178;
  font-size:8px;
}
body.prototype-live .prototype-search-box:focus-within{
  border-color:#00ed91!important;
  box-shadow:0 0 0 2px rgba(0,237,145,.06)!important;
}

@media(max-width:700px){
  body.prototype-live .prototype-search-results-host{
    width:100%;
  }
  body.prototype-live .home-game-search-panel{
    top:6px;
    max-height:min(540px,65dvh);
    border-radius:13px;
  }
  body.prototype-live .home-search-tabs{
    min-height:49px;
    padding:7px;
    gap:5px;
  }
  body.prototype-live .home-search-tab{
    min-width:0;
    flex:1 1 0;
    height:34px;
    padding:0 7px;
    justify-content:center;
    gap:4px;
    font-size:9px;
  }
    body.prototype-live .home-search-content{
    max-height:min(470px,57dvh);
    padding:0 7px 8px;
  }
  body.prototype-live .home-search-provider-row{
    min-height:58px;
    grid-template-columns:44px minmax(0,1fr) 30px;
    gap:8px;
  }
  body.prototype-live .home-search-provider-logo{
    width:44px;
    height:44px;
  }
  body.prototype-live .home-game-search-item{
    min-height:60px;
    grid-template-columns:48px minmax(0,1fr) 62px 31px;
    gap:8px;
  }
  body.prototype-live .home-game-search-cover{
    width:48px;
    height:48px;
  }
  body.prototype-live .home-game-search-copy>strong,
  body.prototype-live .home-search-provider-copy strong{
    font-size:11px;
  }
}

body.prototype-live .home-search-provider-hint{
  min-height:30px;
  padding:0 13px;
  display:flex;
  align-items:center;
  gap:7px;
  border-bottom:1px solid rgba(255,255,255,.05);
  color:#809188;
  font-size:8px;
  font-weight:650;
}
body.prototype-live .home-search-provider-hint i{
  color:#00ed91;
  font-size:8px;
}

body.prototype-live .home-game-search-route{
  color:inherit;
  text-decoration:none;
}
body.prototype-live .home-search-flow{
  width:72px;
  height:34px;
  display:grid;
  place-items:center;
  opacity:.94;
}
body.prototype-live .home-search-flow svg{
  width:72px;
  height:30px;
  display:block;
  overflow:visible;
}
body.prototype-live .home-search-flow-area{
  fill:rgba(0,237,145,.08);
}
body.prototype-live .home-search-flow-line{
  fill:none;
  stroke:#00ed91;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 3px rgba(0,237,145,.18));
}
body.prototype-live .home-search-flow-dot{
  fill:#00ed91;
  stroke:#b8ffe0;
  stroke-width:.8;
}
@media(max-width:700px){
  body.prototype-live .home-search-flow{
    width:58px;
    height:31px;
  }
  body.prototype-live .home-search-flow svg{
    width:58px;
    height:26px;
  }
}
@media(max-width:370px){
  body.prototype-live .home-game-search-item{
    grid-template-columns:46px minmax(0,1fr) 30px!important;
  }
  body.prototype-live .home-search-flow{
    display:none;
  }
}

body.prototype-live .home-search-game-badge span{
  display:inline-block;
  white-space:nowrap;
}
@media(max-width:700px){
  body.prototype-live .home-search-game-badge{
    height:18px;
    padding:0 6px;
    font-size:6.5px;
    gap:3px;
  }
}


/* Busca centralizada no header em todas as telas. */
body.prototype-live .top-bar .container,
body.public-prototype-guest .public-topbar-inner{
  position:relative;
}
body.prototype-live .top-game-search-centered{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  flex:none;
  width:clamp(180px,24vw,300px);
  min-width:0;
  z-index:9300;
}
@media(max-width:700px){
  body.prototype-live .top-game-search-centered{
    width:132px;
  }
}
@media(max-width:420px){
  body.prototype-live .top-game-search-centered{
    width:104px;
  }
}

/* Busca compacta no topo — mesma API/componente da busca principal. */
body.prototype-live .top-game-search-shell{
  position:relative;
  flex:0 1 220px;
  width:min(220px,22vw);
  min-width:150px;
  z-index:9100;
}
body.prototype-live .top-game-search{
  position:relative;
  width:100%;
  height:36px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 34px 0 11px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  background:#0d1511;
  color:#7f9389;
  transition:border-color .18s ease,background .18s ease;
}
body.prototype-live .top-game-search:focus-within{
  border-color:rgba(0,237,145,.52);
  background:#0b1812;
}
body.prototype-live .top-game-search>i{
  flex:0 0 auto;
  color:#00ed91;
  font-size:11px;
}
body.prototype-live .top-game-search input{
  min-width:0;
  width:100%;
  height:34px;
  padding:0;
  border:0!important;
  outline:0;
  background:transparent!important;
  color:#f3faf6;
  font:inherit;
  font-size:11px!important;
  font-weight:650;
  box-shadow:none!important;
}
body.prototype-live .top-game-search input::placeholder{color:#708078}
body.prototype-live .top-game-search input::-webkit-search-cancel-button{display:none}
body.prototype-live .top-game-search .top-search-clear{
  right:5px;
  width:24px;
  height:24px;
  font-size:10px;
}
body.prototype-live .top-game-search-results-host{
  position:absolute;
  top:calc(100% + 7px);
  left:0;
  z-index:9200;
  width:min(560px,76vw);
  height:0;
  overflow:visible;
}
body.prototype-live .top-game-search-results-host:not(.is-open){pointer-events:none}
body.prototype-live .top-game-search-results-host .home-game-search-panel{
  top:0;
  left:0;
  width:100%;
}

@media(max-width:980px){
  body.prototype-live .top-game-search-shell{
    flex-basis:170px;
    width:170px;
    min-width:130px;
  }
}
@media(max-width:700px){
  body.prototype-live .top-game-search-shell{
    flex:0 1 132px;
    width:132px;
    min-width:104px;
  }
  body.prototype-live .top-game-search{
    height:34px;
    padding-left:9px;
    padding-right:29px;
    gap:6px;
    border-radius:9px;
  }
  body.prototype-live .top-game-search input{
    height:32px;
    font-size:10px!important;
  }
  body.prototype-live .top-game-search-results-host{
    position:fixed;
    top:58px;
    left:10px;
    right:10px;
    width:auto;
  }
}
@media(max-width:420px){
  body.prototype-live .top-game-search-shell{
    flex-basis:112px;
    width:112px;
    min-width:96px;
  }
  body.prototype-live .top-game-search input::placeholder{font-size:0}
  body.prototype-live .top-game-search input::placeholder::after{content:"Buscar"}
}


/* Override final: centro real do header, acima das regras responsivas genéricas. */
body.prototype-live .top-game-search-shell.top-game-search-centered{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  flex:none;
  width:clamp(180px,24vw,300px);
  min-width:0;
  margin:0;
  z-index:9300;
}
@media(max-width:700px){
  body.prototype-live .top-game-search-shell.top-game-search-centered{
    width:132px;
    min-width:0;
  }
}
@media(max-width:420px){
  body.prototype-live .top-game-search-shell.top-game-search-centered{
    width:104px;
    min-width:0;
  }
}


/* Typewriter: mantém o placeholder visível também nas barras compactas do mobile. */
@media(max-width:420px){
  body.prototype-live .top-game-search-shell.top-game-search-centered .top-game-search input::placeholder{
    font-size:9px!important;
    color:#708078!important;
  }
}


/* Busca do topo à esquerda. */
body.prototype-live .top-game-search-shell.top-game-search-left{
  position:relative;
  left:auto;
  top:auto;
  transform:none;
  flex:0 1 280px;
  width:clamp(180px,22vw,280px);
  min-width:150px;
  margin:0;
  z-index:9300;
}
@media(max-width:980px){
  body.prototype-live .top-game-search-shell.top-game-search-left{
    flex-basis:190px;
    width:190px;
    min-width:130px;
  }
}
@media(max-width:700px){
  body.prototype-live .top-game-search-shell.top-game-search-left{
    flex:0 1 112px;
    width:112px;
    min-width:88px;
  }
}
@media(max-width:420px){
  body.prototype-live .top-game-search-shell.top-game-search-left{
    flex-basis:96px;
    width:96px;
    min-width:80px;
  }
}


/* mobile-top-search-disabled-v1 */
@media(max-width:700px){
  body.prototype-live .top-game-search-shell,
  body.prototype-live .top-game-search-shell.top-game-search-left,
  body.prototype-live .top-game-search-shell.top-game-search-centered,
  body.public-prototype-guest .public-top-game-search-shell,
  body.prototype-live .shared-top-game-search{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    flex:0 0 0!important;
    margin:0!important;
    padding:0!important;
    pointer-events:none!important;
  }
}


/* top-search-disabled-universal-v2 */
body.prototype-live .top-game-search-shell,
body.prototype-live .top-game-search-shell.top-game-search-left,
body.prototype-live .top-game-search-shell.top-game-search-centered,
body.prototype-live .shared-top-game-search,
body.public-prototype-guest .public-top-game-search-shell{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  height:0!important;
  flex:0 0 0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}