/* BetBlunt public home: hierarchy faithful to the approved reference. */
body.public-prototype-guest .public-prototype-home{max-width:1460px!important}

body.public-prototype-guest .prototype-game-section{margin-top:11px}
body.public-prototype-guest .prototype-section-head{min-height:34px}
body.public-prototype-guest .prototype-section-title>div{display:grid;gap:1px}
body.public-prototype-guest .prototype-section-title h1,
body.public-prototype-guest .prototype-section-title h2{font-size:15px!important}
body.public-prototype-guest .prototype-section-title small{font-size:8px!important}

/* Destaques: uma fileira larga como a referência. */
@media (min-width:1121px){
  body.public-prototype-guest #public-games .prototype-games-grid,
  body.public-prototype-guest .public-extra-section .prototype-games-grid{
    grid-template-columns:repeat(9,minmax(0,1fr))!important;
    gap:11px!important;
  }
}

/* Os quatro banners ficam imediatamente abaixo dos destaques. */
body.public-prototype-guest .public-promos-reference{
  margin-top:12px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
body.public-prototype-guest .public-promos-reference .prototype-promo{
  aspect-ratio:2.12/1!important;
  border-radius:10px!important;
  border-color:rgba(0,237,145,.40)!important;
  background:#06150e!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}
body.public-prototype-guest .public-promos-reference .prototype-promo svg{width:100%;height:100%;display:block}

/* Faixa de ganhadores no desenho da referência. */
body.public-prototype-guest .public-winners-strip{
  min-height:58px;
  margin-top:11px;
  padding:7px 10px;
  display:flex;
  align-items:center;
  gap:8px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:9px;
  background:linear-gradient(100deg,#06140e,#071a12 48%,#06140e);
  box-shadow:0 8px 24px rgba(0,0,0,.15);
}
body.public-prototype-guest .public-winners-title{
  position:relative;
  z-index:3;
  min-width:160px;
  padding:0 10px 0 4px;
  display:flex;
  align-items:center;
  gap:9px;
  border-right:1px solid rgba(255,255,255,.08);
  background:#06140e;
  color:#f2f6f3;
  font-size:10px;
  font-weight:850;
  white-space:nowrap;
}
body.public-prototype-guest .public-winners-title i{color:#edc665;font-size:19px}
body.public-prototype-guest .public-winners-title>span{font-size:0}
body.public-prototype-guest .public-winners-title>span::before{content:'Ganhadores';font-size:10px}

/* Esteira contínua: cada card entra pela direita e sai pela esquerda em tempos alternados. */
body.public-prototype-guest .public-winners-list{
  position:relative;
  min-width:0;
  width:auto;
  height:44px;
  flex:1 1 auto;
  display:block;
  overflow:hidden;
  animation:none!important;
  transform:none!important;
}
body.public-prototype-guest .public-winner{
  position:absolute;
  top:1px;
  left:100%;
  width:220px;
  min-width:220px;
  min-height:42px;
  padding:2px 10px;
  display:flex;
  align-items:center;
  gap:8px;
  border-right:1px solid rgba(255,255,255,.07);
  will-change:transform;
  animation:betbluntWinnerCardFlow 20s linear infinite;
}
body.public-prototype-guest .public-winner:nth-child(1){animation-delay:0s}
body.public-prototype-guest .public-winner:nth-child(2){animation-delay:-4s}
body.public-prototype-guest .public-winner:nth-child(3){animation-delay:-8s}
body.public-prototype-guest .public-winner:nth-child(4){animation-delay:-12s}
body.public-prototype-guest .public-winner:nth-child(5){animation-delay:-16s}
@keyframes betbluntWinnerCardFlow{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(calc(-100vw - 520px),0,0)}
}
body.public-prototype-guest .public-winner:last-child{border-right:0}
body.public-prototype-guest .public-winner-thumb{
  width:36px;
  height:36px;
  flex:0 0 36px;
  overflow:hidden;
  border:1px solid rgba(0,237,145,.18);
  border-radius:6px;
  background:#0a1712;
}
body.public-prototype-guest .public-winner-thumb img{width:100%;height:100%;display:block;object-fit:cover}
body.public-prototype-guest .public-winner-copy{min-width:0;display:grid;gap:1px}
body.public-prototype-guest .public-winner-copy small,
body.public-prototype-guest .public-winner-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.public-prototype-guest .public-winner-copy small{color:#a3b0aa;font-size:7px;font-weight:750}
body.public-prototype-guest .public-winner-copy strong{color:#00ed91;font-size:10px;font-weight:900}
body.public-prototype-guest .public-winner-copy span{color:#88978f;font-size:7px}
body.public-prototype-guest .public-winners-live{
  position:relative;
  z-index:3;
  min-width:180px;
  margin-left:auto;
  padding-left:10px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  background:#06140e;
  color:#aab6b0;
  font-size:8px;
  white-space:nowrap;
}
body.public-prototype-guest .public-winners-live>i{color:#00ed91;font-size:7px;filter:drop-shadow(0 0 5px rgba(0,237,145,.75))}
body.public-prototype-guest .public-winners-live span{display:flex;align-items:center;gap:4px}
body.public-prototype-guest .public-winners-live em{font-style:normal;color:#728078;font-size:6px;text-transform:uppercase;letter-spacing:.05em}
body.public-prototype-guest .public-winners-live strong{color:#86f2ad;font-size:12px;font-weight:900}
body.public-prototype-guest .public-winners-empty{flex:1;color:#819088;font-size:9px;padding-left:10px}
body.public-prototype-guest .public-winners-simulated{position:relative}
body.public-prototype-guest .public-winners-simulated::after{
  content:'demo';
  position:absolute;
  right:8px;
  top:3px;
  color:rgba(143,159,151,.55);
  font-size:5px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  pointer-events:none;
}

/* Depois da faixa de ganhos vêm as demais prateleiras. */
body.public-prototype-guest .public-extra-section{margin-top:13px}
body.public-prototype-guest .public-extra-section .prototype-title-icon{color:#00ed91}
body.public-prototype-guest .public-extra-section[data-section="pragmatic"] .prototype-title-icon{color:#edc665}
body.public-prototype-guest .public-extra-section[data-section="pgsoft"] .prototype-title-icon{color:#dce8e2}
body.public-prototype-guest .public-extra-section[data-section="evolution"] .prototype-title-icon{color:#c9d7d0}
body.public-prototype-guest .public-extra-section[data-section="crash"] .prototype-title-icon{color:#9fd9ff}

@media (max-width:1120px){
  body.public-prototype-guest .public-promos-reference{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.public-prototype-guest .public-winner{width:195px;min-width:195px}
  body.public-prototype-guest .public-winners-live{display:none}
}

@media (max-width:700px){
  /* Preserva a ordem real do DOM; a base mobile antiga usava order para outra composição. */
  body.public-prototype-guest .public-prototype-home{display:block!important}
  body.public-prototype-guest .prototype-game-section,
  body.public-prototype-guest .prototype-live-section,
  body.public-prototype-guest .prototype-promos{order:initial!important}

  body.public-prototype-guest .public-promos-reference{
    margin-top:9px!important;
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  body.public-prototype-guest .public-promos-reference::-webkit-scrollbar{display:none}
  body.public-prototype-guest .public-promos-reference .prototype-promo{
    display:block!important;
    flex:0 0 82vw!important;
    min-width:82vw!important;
    scroll-snap-align:start;
  }
  body.public-prototype-guest .public-promos-reference .prototype-promo:nth-child(2),
  body.public-prototype-guest .public-promos-reference .prototype-promo:nth-child(4){display:block!important}

  body.public-prototype-guest .public-winners-strip{
    min-height:64px;
    padding:7px 8px;
    gap:7px;
    overflow:hidden;
  }
  body.public-prototype-guest .public-winners-title{min-width:118px;flex:0 0 118px;position:relative;left:auto;z-index:3;background:#06140e;font-size:9px}
  body.public-prototype-guest .public-winners-title i{font-size:17px}
  body.public-prototype-guest .public-winners-title>span::before{font-size:9px}
  body.public-prototype-guest .public-winners-list{height:44px;min-width:0;flex:1 1 auto}
  body.public-prototype-guest .public-winner{width:168px;min-width:168px;padding:2px 8px;animation-duration:18s}
  body.public-prototype-guest .public-winner:nth-child(1){animation-delay:0s}
  body.public-prototype-guest .public-winner:nth-child(2){animation-delay:-3.6s}
  body.public-prototype-guest .public-winner:nth-child(3){animation-delay:-7.2s}
  body.public-prototype-guest .public-winner:nth-child(4){animation-delay:-10.8s}
  body.public-prototype-guest .public-winner:nth-child(5){animation-delay:-14.4s}
  body.public-prototype-guest .public-extra-section{margin-top:11px}
}

@media (prefers-reduced-motion:reduce){
  body.public-prototype-guest .public-winner{animation:none!important;transform:none!important;position:relative;left:auto}
}
body.public-prototype-guest .public-promos-reference .prototype-promo>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}