.loading_letter_block, .loading_shape_block {
    --border_width: min(0.625vw, 1.25vh);
    --border_width: min(0.75vw, 1.5vh);
    --border_width: min(0.875vw, 1.75vh);
    --blocksize: min(6vw, 12vh);
}

.title_letter_block {
    --border_width: min(0.55vw, 1.1vh);
}

.tetromino {
    --height: min(1.5vw, 3vh);
    --width: min(1.5vw, 3vh);
}

.map_tetromino_hold,
.map_tetromino_next.next_1,
.map_tetromino_next.next_2,
.map_tetromino_next.next_3 {
    & .tetromino {
    --height: min(0.875vw, 1.75vh);
    --width: min(0.875vw, 1.75vh);
    }
}

.brick {
    --border_width: min(0.75vw, 1.5vh);
}

/* Curvy */

[data-bricks="curvy"],
[data-surface="curvy"] {
    .brick:not(.preview) {
        border-radius: min(0.75vw, 1.5vh);
    }
}

[data-surface="mozaic"] {
    .brick:not(.preview) {
        --border_width: min(1.75vw, 3.5vh);
    }
}

[data-bricks="mozaic"] {
    .brick:not(.preview) {
        --border_width: min(2.5vw, 5vh);
    }
}