/* ===========================================
   REGRAS PARA TELA TV VERTICAL - 1080x1920
   =========================================== */

/* Tela TV Vertical: 1080x1920 - ESCALA MUITO AUMENTADA */
@media screen and (min-width: 1080px) and (min-height: 1920px) {
  /* Ajustes gerais para TV vertical - PERFEITAMENTE CENTRALIZADO */
  body {
    margin: 0 !important;
    padding: 0 !important;
    height: 100vh !important;
    width: 100vw !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: #034ea0 !important;
    overflow: hidden !important;
  }
  
  .back-to-menu-btn {
    position: fixed !important;
    top: 40px !important;
    left: 40px !important;
    padding: 25px 45px !important;
    font-size: 32px !important;
    border-radius: 45px !important;
    z-index: 1000 !important;
  }
  
  #game-wrapper {
    gap: 30px !important;
    padding: 0 !important;
    max-width: 100vw !important;
    width: 100vw !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
  }
  
  /* Game container para TV vertical - ESCALA AJUSTADA E CENTRALIZADO AUTOMATICAMENTE */
  body #game-wrapper #game-container {
    grid-template-columns: repeat(2, 400px) !important;
    grid-template-rows: repeat(2, 400px) !important;
    gap: 30px !important;
    padding: 30px !important;
    transform: scale(1) !important;
    margin: 0 auto !important;
    display: grid !important;
    justify-self: center !important;
    align-self: center !important;
  }
  
  /* Botões do jogo para TV vertical - ESCALA AJUSTADA PARA CABER NA TELA */
  body #game-wrapper .button {
    width: 400px !important;
    height: 400px !important;
    min-width: 400px !important;
    min-height: 400px !important;
    max-width: 400px !important;
    max-height: 400px !important;
    --soft-radius: 25px !important;
  }
  
  body #game-wrapper .button .label {
    font-size: 32px !important;
    padding: 0 25px !important;
    font-weight: 700 !important;
  }
  
  /* Centro do círculo para TV vertical - ESCALA AJUSTADA PARA CABER NA TELA */
  body #game-wrapper #center {
    width: 400px !important;
    height: 400px !important;
    min-width: 400px !important;
    min-height: 400px !important;
    max-width: 400px !important;
    max-height: 400px !important;
    position: absolute !important;
    inset: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  body #game-wrapper #center::before {
    width: 280px !important;
    height: 280px !important;
  }
  
  /* Botão PLAY para TV vertical - ESCALA AJUSTADA PARA CABER NA TELA */
  body #game-wrapper #center #start-btn {
    font-size: 60px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
  }
  
  body #game-wrapper #center #start-btn.score-display {
    font-size: 70px !important;
    font-weight: 800 !important;
  }
  
  .points-label {
    font-size: 20px !important;
    font-weight: 500 !important;
  }
  
  /* Logo IEL para TV vertical - ESCALA AJUSTADA PARA CABER NA TELA */
  #iel-logo {
    height: 200px !important;
    max-height: 200px !important;
    width: auto !important;
    opacity: 0.8 !important;
    filter: brightness(1.2) !important;
  }
  
  #logo-container {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    padding: 0 20px !important;
    text-align: center !important;
  }
  
  /* Status bar para TV vertical - ESCALA AJUSTADA PARA CABER NA TELA */
  #status-bar {
    font-size: 24px !important;
    padding: 0 30px !important;
    margin-top: 20px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 30px !important;
    backdrop-filter: blur(15px) !important;
  }
  
  #status-bar:not(:empty) {
    padding: 12px 30px !important;
    min-height: 40px !important;
  }
  
  /* Contador para TV vertical - ESCALA AJUSTADA PARA CABER NA TELA */
  .countdown {
    font-size: 200px !important;
    font-weight: 800 !important;
    text-shadow: 0 10px 30px rgba(0,0,0,0.8) !important;
  }
  
  /* Modais para TV vertical - ESCALA AJUSTADA PARA CABER NA TELA */
  .game-modal {
    max-width: 800px !important;
    width: 85% !important;
    border-radius: 30px !important;
    padding: 0 !important;
  }
  
  .modal-content {
    padding: 40px 30px !important;
  }
  
  .modal-title {
    font-size: 48px !important;
    margin: 0 0 20px 0 !important;
  }
  
  .modal-message {
    font-size: 28px !important;
    margin: 0 0 30px 0 !important;
  }
  
  .score-display {
    padding: 25px !important;
    margin: 30px 0 !important;
    border-radius: 20px !important;
  }
  
  .score-label {
    font-size: 24px !important;
    margin-bottom: 10px !important;
  }
  
  .score-value {
    font-size: 56px !important;
  }
  
  .modal-button {
    padding: 20px 40px !important;
    font-size: 28px !important;
    border-radius: 20px !important;
    letter-spacing: 1.5px !important;
  }
}