body{
  background-image:url("/images/main_background_poker.png");
  background-size:cover;
  font-family:Arial, sans-serif;
  margin:0;
  padding:0;
  max-width:100%;
  overflow-x:hidden;
}

/* HEADER */

.header-title{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1px;
}

.logo{
  height:80px;
  margin-left: -270px;
}

/* HEADS UP */

.small-label-mode{
  font-size:10px;
  margin-top:-25px;
 margin-left: -250px;
}

/* AUTH */
#auth-buttons{
  position:absolute;
  top:8px;
  right:8px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
  max-width:45vw;   /* evita que se salga del celular */
}


/* MENU */

#main-menu{
  display:flex;
  overflow-x:auto;
  gap:0;
  margin:8px 0 12px 0;
  margin-top:-15px;
  z-index:1000;
}

#main-menu .menu-btn{
  font-size:12px;
  padding:6px 8px;
  white-space:nowrap;
}

/* WELCOME */

#welcome-user{
  margin-top:6px;
}

/* TABLE */

#table-wrapper{
  display:flex;
  justify-content:center;
  position:relative;
  margin-top:20px;
  margin-bottom:10px;   /* espacio debajo de la mesa */
}

#table{
  width:92vw;
  max-width:420px;
  padding:80px 0;
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  margin-top:170px;
  position:relative;
}

#manual-table {
  margin-top: 10px !important;
  margin-left: -225px !important;
  width: 80%;
  
}




/* LOGO TIMBOKER */

.logo-timboker{
  position:absolute;
  height:140px;
  left:125%;
  top:60%;
  transform:translate(-50%, -50%) scale(0.05);
  opacity:0;
  pointer-events:none;
  margin-top: 630px;
  
}



/* CONSOLES */

#game-container{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:40px;   /* espacio ENTRE consola 1 y 2 */
  margin:20px 10px;
}

#history-console2{
  width:92%;
  font-size:14px;
  margin-bottom:20px;   /* separa de la siguiente consola */
}


#history-console{
  width:92%;
  font-size:14px;
  margin-top:-10px;
}

/* FOOTER */

#legal-footer{
  position:relative;
  margin-top:-200px;
}

/* LANGUAGE */

#language-selector img{
  width:22px;
  margin-top: -20px;
}

/* TEXT */

.text-consoles{
  font-size:14px;
}

.heart-console,
.club-console,
.spade-console,
.diamond-console{
  font-size:12px;
}

/* BTN PREMIUM */
.btn-premium{
    background-color: limegreen; 
    width: 130px;
    height: 30px;
    font-weight: bold;
    font-size: 12px; 
    position:absolute; 
    top: 790px; 
    right: 110px; 
    z-index: 1000;
    line-height: 8px;
}


@media (max-width: 900px) {

  body.desktop-only-page > *:not(#desktop-only-message) {
    display: none !important;
  }

  body.desktop-only-page {
    background: #0b1e16;
    overflow: hidden;
  }

  body.desktop-only-page #desktop-only-message {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    inset: 0;
    text-align: center;
    padding: 30px;
    color: white;
    font-family: Arial, sans-serif;
    background: dimgray;
  }

  #desktop-only-message h1 {
    font-size: 26px;
    margin-bottom: 15px;
  }

  #desktop-only-message p {
    font-size: 16px;
    opacity: 0.8;
  }

}