@import url('./prototype-live-base.css?v=08137e3562f1');
@import url('./mobile-universal-top.css?v=08137e3562f1');
@import url('./mobile-bottom-nav.css?v=08137e3562f1');

/* Slider da home mantém exatamente a proporção original do protótipo: 1403x330. */
body.prototype-live .prototype-hero{
  aspect-ratio:1403/330!important;
  background-color:#07120d!important;
  background-image:url('../php/slider_banner.php?slot=0')!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
  animation:betbluntAdminSlider 32s steps(1,end) infinite!important;
}
body.prototype-live .prototype-hero .prototype-reference-crop{display:none!important}

@keyframes betbluntAdminSlider{
  0%,12.49%{background-image:url('../php/slider_banner.php?slot=0')}
  12.5%,24.99%{background-image:url('../php/slider_banner.php?slot=1')}
  25%,37.49%{background-image:url('../php/slider_banner.php?slot=2')}
  37.5%,49.99%{background-image:url('../php/slider_banner.php?slot=3')}
  50%,62.49%{background-image:url('../php/slider_banner.php?slot=4')}
  62.5%,74.99%{background-image:url('../php/slider_banner.php?slot=5')}
  75%,87.49%{background-image:url('../php/slider_banner.php?slot=6')}
  87.5%,100%{background-image:url('../php/slider_banner.php?slot=7')}
}

@keyframes betbluntAdminSliderMobile{
  0%,12.49%{background-image:url('../php/slider_banner.php?slot=0&device=mobile')}
  12.5%,24.99%{background-image:url('../php/slider_banner.php?slot=1&device=mobile')}
  25%,37.49%{background-image:url('../php/slider_banner.php?slot=2&device=mobile')}
  37.5%,49.99%{background-image:url('../php/slider_banner.php?slot=3&device=mobile')}
  50%,62.49%{background-image:url('../php/slider_banner.php?slot=4&device=mobile')}
  62.5%,74.99%{background-image:url('../php/slider_banner.php?slot=5&device=mobile')}
  75%,87.49%{background-image:url('../php/slider_banner.php?slot=6&device=mobile')}
  87.5%,100%{background-image:url('../php/slider_banner.php?slot=7&device=mobile')}
}

/* Centralização responsiva da barra de categorias */
body.prototype-live .prototype-category-strip{
  width:min(100%,1400px)!important;
  margin:10px auto 0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
body.prototype-live .prototype-category-strip a,
body.prototype-live .prototype-category-strip button{
  flex:1 1 0!important;
  min-width:0!important;
  max-width:170px!important;
}

/* Usa ícones reais separados, sem máscaras CSS */
body.prototype-live .prototype-category-strip a::before,
body.prototype-live .prototype-category-strip button::before{
  content:""!important;
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  display:block!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  -webkit-mask:none!important;
  mask:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
body.prototype-live .prototype-category-strip .active::before{background-image:url('../assets/category-icons/hot.png')!important}
body.prototype-live .prototype-category-strip>a:nth-child(2)::before{background-image:url('../assets/category-icons/slots.png')!important}
body.prototype-live .prototype-category-strip a:is([href*="categoria=aovivo"],[href^="/cassino/ao-vivo"])::before{background-image:url('../assets/category-icons/live.png')!important}
body.prototype-live .prototype-category-strip button[data-game-id="sport"]::before{background-image:url('../assets/category-icons/sports.png')!important}
body.prototype-live .prototype-category-strip a:is([href*="categoria=pragmatic"],[href^="/cassino/pragmatic"])::before{background-image:url('../assets/category-icons/pragmatic.png')!important}
body.prototype-live .prototype-category-strip a:is([href*="categoria=pgsoft"],[href^="/cassino/pg-soft"])::before{
  content:""!important;
  width:24px!important;
  height:22px!important;
  flex-basis:24px!important;
  color:transparent!important;
  font-size:0!important;
  background-image:url('../assets/category-icons/pgsoft.png')!important;
  background-position:center 42%!important;
  transform:translateY(-2px)!important;
}
body.prototype-live .prototype-category-strip a:is([href*="provedor=EVOLUTION"],[href^="/cassino/provedores/EVOLUTION"])::before{background-image:url('../assets/category-icons/evolution.png')!important}
body.prototype-live .prototype-category-strip a:is([href*="categoria=spribe"],[href^="/cassino/crash"])::before{background-image:url('../assets/category-icons/crash.png')!important}
body.prototype-live .prototype-category-strip>a:last-child::before{background-image:url('../assets/category-icons/all.png')!important}

/* Perfil no topo: notebook/desktop sempre mostra nome + subtítulo + seta. */
@media (min-width:701px){
  body.prototype-live .prototype-profile{
    min-width:138px!important;
    width:auto!important;
    padding-left:4px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
  }
  body.prototype-live .prototype-profile>span{
    min-width:0!important;
    display:grid!important;
    gap:2px!important;
  }
  body.prototype-live .prototype-profile strong{
    display:block!important;
    max-width:72px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.prototype-live .prototype-profile small{display:block!important}
  body.prototype-live .prototype-profile>i{
    display:inline-block!important;
    margin-left:auto!important;
  }
}

/* Card do perfil para celular. */
.prototype-profile-dropdown{
  position:fixed;
  z-index:3000;
  display:none;
  padding:9px;
  border:1px solid rgba(0,237,145,.3);
  border-radius:13px;
  background:rgba(3,18,12,.98);
  box-shadow:0 18px 45px rgba(0,0,0,.48);
  backdrop-filter:blur(16px);
}
.prototype-profile-dropdown.is-open{display:block}
.prototype-profile-dropdown-head{display:flex;align-items:center;gap:10px;padding:6px 7px 9px}
.prototype-profile-dropdown-avatar{width:36px;height:36px;flex:0 0 36px}
.prototype-profile-dropdown-avatar svg{width:36px;height:36px;display:block;border:1px solid rgba(237,198,101,.5);border-radius:50%;overflow:hidden}
.prototype-profile-dropdown-head>div:last-child{display:grid;gap:2px;min-width:0}
.prototype-profile-dropdown-head strong{color:#fff;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prototype-profile-dropdown-head small{color:#edc665;font-size:9px;font-weight:800}
.prototype-profile-dropdown-line{height:1px;margin:4px 3px;background:rgba(255,255,255,.08)}
.prototype-profile-dropdown>a{min-height:40px;padding:0 10px;display:flex;align-items:center;gap:10px;border-radius:9px;color:#e8efeb;text-decoration:none;font-size:11px;font-weight:720}
.prototype-profile-dropdown>a:hover{background:rgba(0,237,145,.11)}
.prototype-profile-dropdown>a>i:first-child{width:17px;color:#00ed91;text-align:center}
.prototype-profile-dropdown>a>i:last-child{margin-left:auto;color:#75847d;font-size:8px}
.prototype-profile-dropdown-logout{color:#ffb7b7!important}

@media (max-width:1120px){
  body.prototype-live .prototype-category-strip{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    padding-inline:2px!important;
  }
  body.prototype-live .prototype-category-strip::-webkit-scrollbar{display:none!important}
  body.prototype-live .prototype-category-strip a,
  body.prototype-live .prototype-category-strip button{
    flex:0 0 112px!important;
    min-width:112px!important;
    max-width:none!important;
  }
}

/* Só celular fica compacto: foto + seta, sem nome. */
@media (max-width:700px){
  body.prototype-live .prototype-hero{aspect-ratio:1403/330!important}
  body.prototype-live .prototype-profile{
    min-width:50px!important;
    width:50px!important;
    padding:0!important;
    justify-content:center!important;
    gap:4px!important;
    cursor:pointer!important;
  }
  body.prototype-live .prototype-profile>span{display:none!important}
  body.prototype-live .prototype-profile svg{width:36px!important;height:36px!important;flex-basis:36px!important}
  body.prototype-live .prototype-profile>i{display:inline-block!important;margin-left:0!important;font-size:7px!important}
  body.prototype-live .prototype-profile.is-open>i{transform:rotate(180deg)}

  body.prototype-live .prototype-category-strip{
    width:100%!important;
    margin-top:7px!important;
    gap:5px!important;
  }
  body.prototype-live .prototype-category-strip a,
  body.prototype-live .prototype-category-strip button{
    flex-basis:104px!important;
    min-width:104px!important;
  }
  body.prototype-live .prototype-category-strip a::before,
  body.prototype-live .prototype-category-strip button::before{
    width:19px!important;
    height:19px!important;
    flex-basis:19px!important;
  }
  body.prototype-live .prototype-category-strip a:is([href*="categoria=pgsoft"],[href^="/cassino/pg-soft"])::before{transform:translateY(-2px)!important}
}


/* Mobile BetBlunt 2026 */
body.prototype-live .prototype-mobile-brand{display:none}
body.prototype-live .prototype-balance>span{display:grid;gap:1px;line-height:1}
body.prototype-live .prototype-balance>span small{display:none}

@media (max-width:700px){
  html,body.prototype-live{overflow-x:hidden}
  body.prototype-live{
    background:
      radial-gradient(circle at 18% 0,rgba(0,112,70,.18),transparent 260px),
      radial-gradient(circle at 94% 32%,rgba(0,237,145,.07),transparent 310px),
      #020c08!important;
  }
  body.prototype-live .top-bar{
    height:66px!important;
    min-height:66px!important;
    background:rgba(1,13,8,.97)!important;
    border-bottom-color:rgba(0,237,145,.12)!important;
  }
  body.prototype-live .prototype-topbar-inner{
    padding:6px 8px!important;
    gap:6px!important;
  }
  body.prototype-live .prototype-mobile-menu{display:none!important}
  body.prototype-live .prototype-mobile-brand{
    width:clamp(96px,29vw,130px);
    height:48px;
    flex:0 1 auto;
    padding:0;
    display:flex!important;
    align-items:center;
    justify-content:flex-start;
    overflow:hidden;
    border:0;
    background:transparent;
    cursor:pointer;
  }
  body.prototype-live .prototype-mobile-brand img{
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    object-position:left center;
  }
  body.prototype-live .prototype-balance{
    height:43px!important;
    min-width:112px!important;
    margin-left:auto!important;
    padding:0 7px!important;
    justify-content:flex-start!important;
    gap:6px!important;
    border-color:rgba(0,237,145,.5)!important;
    border-radius:10px!important;
    background:linear-gradient(145deg,rgba(0,73,45,.5),rgba(3,27,18,.88))!important;
    box-shadow:inset 0 0 16px rgba(0,237,145,.04)!important;
  }
  body.prototype-live .prototype-balance>i:first-child{font-size:17px!important}
  body.prototype-live .prototype-balance>span{gap:3px!important}
  body.prototype-live .prototype-balance>span small{
    display:block!important;
    color:#d5e1da;
    font-size:7px;
    font-weight:600;
    white-space:nowrap;
  }
  body.prototype-live .prototype-balance strong{
    color:#00ed91;
    font-size:12px!important;
    font-weight:900;
    white-space:nowrap;
  }
  body.prototype-live .prototype-deposit{
    width:auto!important;
    min-width:78px!important;
    height:38px!important;
    padding:0 5px 0 8px!important;
    flex-direction:row-reverse;
    gap:4px!important;
    border-radius:9px!important;
    font-size:9.5px!important;
    box-shadow:0 5px 14px rgba(0,237,145,.12)!important;
  }
  body.prototype-live .prototype-deposit span{display:inline!important}
  body.prototype-live .prototype-deposit i{
    width:23px;
    height:23px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#002519;
    color:#00ed91;
    font-size:10px!important;
  }
  body.prototype-live .prototype-profile{
    min-width:40px!important;
    width:40px!important;
    height:44px!important;
    flex:0 0 40px!important;
  }
  body.prototype-live .prototype-profile svg{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
    border:2px solid #e8bd48!important;
    box-shadow:0 0 0 2px rgba(0,237,145,.12);
  }
  body.prototype-live .prototype-profile>i{display:none!important}
  body.prototype-live .prototype-home{
    width:calc(100% - 16px)!important;
    margin:0 auto 84px!important;
    display:flex!important;
    flex-direction:column!important;
  }
  body.prototype-live .prototype-hero{
    order:1;
    margin-top:9px;
    aspect-ratio:750/320!important;
    background-image:url('../php/slider_banner.php?slot=0&device=mobile')!important;
    animation:betbluntAdminSliderMobile 32s steps(1,end) infinite!important;
    border-radius:12px!important;
    border-color:rgba(0,237,145,.38)!important;
    box-shadow:0 14px 32px rgba(0,0,0,.3)!important;
  }
  body.prototype-live .prototype-category-strip{
    order:2;
    width:100%!important;
    margin:9px 0 0!important;
    padding:0 1px 2px!important;
    gap:6px!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity;
  }
  body.prototype-live .prototype-category-strip a,
  body.prototype-live .prototype-category-strip button{
    height:48px!important;
    min-width:112px!important;
    flex:0 0 112px!important;
    padding:0 10px!important;
    border-radius:10px!important;
    border-color:rgba(255,255,255,.12)!important;
    background:rgba(7,22,16,.94)!important;
    font-size:10px!important;
    scroll-snap-align:start;
  }
  body.prototype-live .prototype-category-strip .active{
    border-color:#00ed91!important;
    background:linear-gradient(115deg,rgba(0,103,63,.75),rgba(0,237,145,.12))!important;
    box-shadow:inset 0 0 20px rgba(0,237,145,.08),0 0 12px rgba(0,237,145,.08)!important;
  }
  body.prototype-live .prototype-category-strip a::before,
  body.prototype-live .prototype-category-strip button::before{
    width:23px!important;
    height:23px!important;
    flex-basis:23px!important;
  }
  body.prototype-live .prototype-toolbar{
    order:3;
    margin-top:8px!important;
    display:block!important;
  }
  body.prototype-live .prototype-search-box{
    height:48px!important;
    padding:0 16px!important;
    border-radius:999px!important;
    border-color:rgba(255,255,255,.13)!important;
    background:rgba(4,20,14,.88)!important;
  }
  body.prototype-live .prototype-search-box i{font-size:17px!important}
  body.prototype-live .prototype-search-box input{font-size:11px!important}
  body.prototype-live .prototype-search-results-host{order:4}
  body.prototype-live .prototype-game-section{order:5;margin-top:12px!important}
  body.prototype-live .prototype-section-head{min-height:38px!important}
  body.prototype-live .prototype-section-title{gap:7px!important}
  body.prototype-live .prototype-title-icon{width:25px!important;font-size:20px!important}
  body.prototype-live .prototype-section-title h1,
  body.prototype-live .prototype-section-title h2{font-size:17px!important;letter-spacing:-.02em!important}
  body.prototype-live .prototype-section-head>a{font-size:10px!important}
  body.prototype-live .prototype-games-grid{
    margin-top:5px!important;
    padding:0 8px 5px 0;
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  body.prototype-live .prototype-games-grid::-webkit-scrollbar{display:none}
  body.prototype-live .prototype-game-card{
    min-width:0!important;
    flex:0 0 112px!important;
    scroll-snap-align:start;
  }
  body.prototype-live .prototype-game-art{
    aspect-ratio:1/1.05!important;
    border-radius:10px!important;
    border-color:rgba(255,255,255,.12)!important;
  }
  body.prototype-live .prototype-game-copy{padding:5px 3px 0!important;gap:2px!important}
  body.prototype-live .prototype-game-copy strong{font-size:10px!important}
  body.prototype-live .prototype-game-copy small{font-size:7px!important}
  body.prototype-live .prototype-live-section{order:5}
  body.prototype-live .prototype-promos{
    order:6;
    margin-top:13px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  body.prototype-live .prototype-promos .prototype-promo:nth-child(2),
  body.prototype-live .prototype-promos .prototype-promo:nth-child(4){display:none!important}
  body.prototype-live .prototype-promo{
    aspect-ratio:2.12/1!important;
    border-radius:10px!important;
    border-color:rgba(0,237,145,.5)!important;
  }
  body.prototype-live .prototype-status-strip{display:none!important}

  body.prototype-live .mobile-bottom-nav.prototype-mobile-bottom{
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:2100!important;
    width:100%!important;
    height:72px!important;
    padding:7px 7px max(7px,env(safe-area-inset-bottom))!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-around!important;
    gap:2px!important;
    border:0!important;
    border-top:1px solid rgba(0,237,145,.18)!important;
    border-radius:0!important;
    background:rgba(1,14,9,.97)!important;
    box-shadow:0 -12px 30px rgba(0,0,0,.34)!important;
    backdrop-filter:blur(18px);
  }
  body.prototype-live .mobile-bottom-nav.prototype-mobile-bottom>a,
  body.prototype-live .mobile-bottom-nav.prototype-mobile-bottom>button{
    min-width:0!important;
    height:58px!important;
    flex:1 1 0!important;
    padding:4px 2px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#c5d0ca!important;
    font-size:9px!important;
    font-weight:650!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }
  body.prototype-live .mobile-bottom-nav.prototype-mobile-bottom i{font-size:20px!important}
  body.prototype-live .mobile-bottom-nav.prototype-mobile-bottom .active{
    color:#00ed91!important;
    background:linear-gradient(180deg,rgba(0,237,145,.08),transparent)!important;
  }
  body.prototype-live .mobile-bottom-nav.prototype-mobile-bottom .active i{
    filter:drop-shadow(0 0 7px rgba(0,237,145,.45));
  }
}

@media (max-width:430px){
  body.prototype-live .prototype-mobile-brand{width:clamp(88px,27vw,116px)}
  body.prototype-live .prototype-balance{min-width:102px!important;padding:0 6px!important;gap:5px!important}
  body.prototype-live .prototype-balance>i:first-child{font-size:15px!important}
  body.prototype-live .prototype-balance strong{font-size:11px!important}
  body.prototype-live .prototype-balance>span small{font-size:6.5px}
  body.prototype-live .prototype-deposit{min-width:68px!important;height:36px!important;padding:0 4px 0 6px!important;font-size:8.5px!important;gap:3px!important}
  body.prototype-live .prototype-deposit i{width:21px;height:21px;font-size:9px!important}
  body.prototype-live .prototype-profile{min-width:37px!important;width:37px!important;flex-basis:37px!important}
  body.prototype-live .prototype-profile svg{width:35px!important;height:35px!important;flex-basis:35px!important}
  body.prototype-live .prototype-game-card{flex-basis:105px!important}
}

@media (max-width:370px){
  body.prototype-live .prototype-topbar-inner{gap:4px!important;padding-inline:6px!important}
  body.prototype-live .prototype-mobile-brand{width:83px}
  body.prototype-live .prototype-balance{min-width:96px!important}
  body.prototype-live .prototype-deposit{min-width:64px!important}
  body.prototype-live .prototype-deposit span{font-size:9px!important}
}


/* Coroa dourada em todos os perfis de usuário */
body.prototype-live .prototype-profile{position:relative!important}
body.prototype-live .prototype-profile::after{
  content:"\f521";
  position:absolute;
  left:31px;
  right:auto;
  bottom:1px;
  z-index:2;
  color:#f4c842;
  font-family:"Font Awesome 6 Free";
  font-size:13px;
  font-weight:900;
  line-height:1;
  filter:drop-shadow(0 1px 2px #00150d) drop-shadow(0 0 3px rgba(244,200,66,.38));
  pointer-events:none;
}

@media (max-width:700px){
  /* Coroa volta ao canto da foto no celular */
  body.prototype-live .prototype-profile::after{left:auto;right:-1px}
}

/* Coroa de usuário também no cartão do perfil */
.prototype-profile-dropdown-avatar{position:relative!important}
.prototype-profile-dropdown-avatar::after{
  content:"\f521";
  position:absolute;
  right:-3px;
  bottom:-1px;
  color:#f4c842;
  font-family:"Font Awesome 6 Free";
  font-size:12px;
  font-weight:900;
  line-height:1;
  filter:drop-shadow(0 1px 2px #00150d);
}


/* Status strip removed from BetBlunt UI. Keep DOM anchor for public-home scripts. */
body.prototype-live .prototype-status-strip{
  display:none!important;
}


body.prototype-live .prototype-category-strip .prototype-arena-category::before,
body.prototype-live .prototype-category-strip [data-arena-category="1"]::before{
  display:none!important;
  content:none!important;
  background-image:none!important;
}
body.prototype-live .prototype-category-strip .prototype-arena-category>i,
body.prototype-live .prototype-category-strip [data-arena-category="1"]>i{
  display:inline-block!important;
  width:22px!important;
  flex:0 0 22px!important;
  margin:0!important;
  color:#f0f5f2!important;
  font-size:16px!important;
  text-align:center!important;
}