/**
 * Compact Card Layout
 * Reduces whitespace and makes the setup card more compact
 */

/* Reduce overall padding in the setup card */
#singleSetup {
    padding: 15px !important;
    gap: 8px !important;
}

/* Compact spacing for all direct children */
#singleSetup > * {
    margin: 6px 0 !important;
}

#singleSetup > *:first-child {
    margin-top: 0 !important;
}

#singleSetup > *:last-child {
    margin-bottom: 0 !important;
}

/* Compact back button */
#singleSetup .back-button,
#singleSetup .back-btn {
    margin: 0 0 8px 0 !important;
    padding: 8px 16px !important;
}

/* Compact title */
#singleSetup h2,
#singleSetup .screen-title {
    margin: 0 0 8px 0 !important;
    font-size: 1.4em !important;
}

/* Compact description */
#singleSetup .description,
#singleSetup p {
    margin: 0 0 8px 0 !important;
    font-size: 0.95em !important;
    line-height: 1.4 !important;
}

/* Compact rule highlight box */
#singleSetup .rule-highlight {
    margin: 8px 0 !important;
    padding: 10px !important;
}

/* Compact labels */
#singleSetup label {
    margin: 6px 0 !important;
    font-size: 1.05em !important;
}

/* Compact player count section */
#cleanPlayerCountSection {
    margin: 8px auto !important;
}

/* Compact category button */
#categoryButton,
.setting-button-container {
    margin: 8px auto !important;
}

/* Compact start button */
#startSingleGameBtn {
    margin: 12px auto 8px !important;
    padding: 14px 32px !important;
}

/* Ensure start button is always clickable */
#startSingleGameBtn {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 10 !important;
    position: relative !important;
}

#startSingleGameBtn:disabled {
    opacity: 0.6;
    cursor: not-allowed !important;
}

/* Remove excessive gaps */
.screen-content {
    gap: 8px !important;
}

/* Compact button groups */
.button-group {
    gap: 8px !important;
    margin: 8px 0 !important;
}

/* Reduce card max-height to prevent unnecessary scrolling */
.game-card,
.screen-card {
    max-height: 85vh !important;
    padding: 15px !important;
}