/**
 * Center all content properly
 */

/* Center content in setup screens */
#singleSetup,
#multiSetup {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding-top: 60px !important; /* Space for back button */
    text-align: center !important;
    min-height: 100vh !important;
}

/* Ensure all direct children are centered */
#singleSetup > *:not(.back-button-wrapper),
#multiSetup > *:not(.back-button-wrapper) {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* Center player count buttons */
#singleSetup .player-count-buttons {
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 20px auto !important;
}

/* Center category button */
#categoryButton {
    margin: 20px auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Center start button */
#startSingleGameBtn {
    margin: 20px auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Ensure labels are centered */
#singleSetup label {
    display: block !important;
    text-align: center !important;
    margin: 10px auto !important;
}

/* Fix any floating elements */
.tutorial-trigger,
.highscore-trigger {
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    z-index: 1000 !important;
}