/**
 * NUMBERROW-MOREORLESS.CSS
 */

@import url("../../../../../global/ui/elements/numberbox.css");
@import url("../../../../../global/ui/elements/dropzone.css");

.main-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    /* Bühnenhöhe unter dem Header (dvh, keine Magic Number). */
    height: var(--stage-height);
    width: 100%;
    gap: clamp(20px, 4vh, 50px);
}

.game-area {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    width: 100%;
}

.symbol-display {
    color: var(--nb-border-color, #555);
    font-weight: 900;
}

.symbol-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 20px;
    flex-wrap: wrap;
}