#vc-app .vc-game-form .vtb-form-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.75fr) minmax(260px, 1fr);
  gap: 16px 20px;
  align-items: start;
}

#vc-app .vc-game-form .vtb-form-grid > * {
  min-width: 0;
}

@media (max-width: 640px) {
  #vc-app .vc-game-form .vtb-form-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

#vc-app .vc-game-form .panel-controls-inputs {
  display: grid;
  gap: 12px 16px;
}

@media (min-width: 641px) {
  #vc-app .vc-game-form .panel-controls-inputs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1180px) {
  #vc-app .vc-game-form .panel-controls-inputs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

#vc-app .vc-game-form .panel-extra {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#vc-app .vc-game-form .panel-extra .panel-skill label {
  font-size: 15px;
  font-weight: 600;
  color: var(--vtb-text-strong, rgba(232, 236, 255, 0.92));
}

#vc-app .vc-game-form .vtb-agree {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  max-width: 100%;
  font-size: 15px;
  white-space: normal;
}

#vc-app .vc-game-form .vtb-agree span,
#vc-app .vc-game-form .vtb-agree a {
  white-space: normal;
  word-break: break-word;
  line-height: 1.25;
}

#vc-app .vc-game-form .vtb-agree input[type="checkbox"] {
  flex-shrink: 0;
}

#vc-app .vc-game-form .panel-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}

#vc-app .vc-game-form .panel-status .pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

#vc-app .vc-game-form .vtb-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

@media (min-width: 768px) {
  #vc-app .vc-game-form .vtb-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

#vc-app .vc-game-form .vtb-actions > * {
  width: 100%;
}

#vc-app .vc-game-form .vtb-actions .btn,
#vc-app .vc-game-form .vtb-actions .vc-btn,
#vc-app .vc-game-form .vtb-actions button {
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#vc-app .vc-game-form .vtb-actions .btn[disabled],
#vc-app .vc-game-form .vtb-actions .btn.is-disabled,
#vc-app .vc-game-form .vtb-actions .vc-btn[disabled],
#vc-app .vc-game-form .vtb-actions .vc-btn.is-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

@media (max-width: 640px) {
  #vc-app .vc-game-form .vtb-reserve-wrap {
    padding-inline: 12px;
  }
}

#vc-app .vc-game-form .vtb-board-wrap {
  padding-bottom: 88px;
}

@media (min-width: 640px) {
  #vc-app .vc-game-form .vtb-board-wrap {
    padding-bottom: 48px;
  }
}

#vc-app .vc-game-form .panel-cta.vtb-reserve-wrap {
  gap: 16px;
}

#vc-app .vc-game-form .panel-cta.vtb-reserve-wrap > * {
  width: 100%;
}

@media (min-width: 1024px) {
  #vc-app .vc-game-form .panel-cta.vtb-reserve-wrap {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  }
}
