#ascii-display {
    font-family: monospace;
    font-size: 7px;
    line-height: 7px;
    letter-spacing: 1px;
    color: #252525;
    white-space: pre;
    pointer-events: none;
    user-select: none;
    overflow: hidden;
    max-width: 100%;
    width: fit-content;
    transform-origin: center center;
    box-sizing: border-box;
    transform: scale(0.9);
}

/* Responsive scaling for different screen sizes */
@media (max-width: 1400px) {
    #ascii-display {
        font-size: 6.5px;
        line-height: 6.5px;
    }
}

@media (max-width: 1200px) {
    #ascii-display {
        font-size: 6px;
        line-height: 6px;
    }
}

@media (max-width: 1024px) {
    #ascii-display {
        font-size: 5.5px;
        line-height: 5.5px;
    }
}

/* Mobile responsive */
@media (max-width: 768px) {
    #ascii-display {
        font-size: 5px;
        line-height: 5px;
    }
}

@media (max-width: 480px) {
    #ascii-display {
        font-size: 4px;
        line-height: 4px;
        letter-spacing: 0.5px;
    }
}