.game-card__art--2048 {
    background:
        radial-gradient(circle at 82% 18%, rgba(183, 217, 76, 0.44), transparent 35%),
        linear-gradient(145deg, rgba(31, 37, 34, 0.07), rgba(73, 103, 214, 0.11));
}

.twenty-preview {
    width: 130px;
    aspect-ratio: 1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
    padding: 6px;
    border-radius: 17px;
    background: color-mix(in srgb, var(--ink) 92%, var(--canvas));
    box-shadow: 0 18px 34px color-mix(in srgb, var(--ink) 22%, transparent);
    transform: rotate(-2deg);
}

.twenty-preview span {
    display: grid;
    place-items: center;
    border-radius: 6px;
    background: color-mix(in srgb, var(--canvas) 10%, transparent);
    color: var(--ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 0.63rem;
    font-weight: 700;
    letter-spacing: -0.05em;
}

.twenty-preview span[data-value="2"] {
    background: color-mix(in srgb, var(--canvas) 92%, var(--ink));
}

.twenty-preview span[data-value="4"] {
    background: color-mix(in srgb, var(--lime) 20%, var(--canvas));
}

.twenty-preview span[data-value="8"] {
    background: color-mix(in srgb, var(--lime) 58%, var(--surface-solid));
}

.twenty-preview span[data-value="16"] {
    background: var(--lime);
}

.twenty-preview span[data-value="32"] {
    background: color-mix(in srgb, var(--blue) 30%, var(--surface-solid));
}

.twenty-preview span[data-value="64"] {
    background: var(--blue);
    color: var(--canvas);
}

.twenty-preview span[data-value="128"] {
    background: color-mix(in srgb, var(--coral) 44%, var(--surface-solid));
}

.twenty-preview span[data-value="256"] {
    background: var(--coral);
}

.twenty-preview span[data-value="1024"] {
    background: var(--ink);
    color: color-mix(in srgb, var(--blue) 68%, var(--canvas));
    font-size: 0.48rem;
}

.twenty-preview span[data-value="2048"] {
    border: 2px solid var(--lime);
    background: var(--ink);
    color: var(--lime);
    font-size: 0.48rem;
    box-shadow: 0 0 10px color-mix(in srgb, var(--lime) 52%, transparent);
}

@media (max-width: 480px) {
    .twenty-preview {
        width: 112px;
        border-radius: 15px;
    }
}