.counter-card {
    background: linear-gradient(145deg, #111820, #070a0e);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.25rem;
    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.45),
        inset 0 0 20px rgba(255, 255, 255, 0.02);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    min-height: 200px;

}

.counter-label {
    color: #aeb6c2;
    font-size: 0.85rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    min-height: 42px;
}

.led-display {
    background: #050606;
    border-radius: 0.9rem;
    border: 1px solid rgba(255, 0, 0, 0.25);

    width: 100%;
    height: 90px;
    max-height: 90px;

    padding: 0.5rem 0.75rem;

	
    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    box-shadow:
        inset 0 0 30px rgba(255, 0, 0, 0.13),
        0 0 18px rgba(255, 0, 0, 0.14);
}

.led-number {
    font-family: "Courier New", "Lucida Console", monospace;
    font-weight: 900;
    line-height: 1;

    color: #ff3030;
    text-shadow:
        0 0 6px rgba(255, 48, 48, 0.95),
        0 0 14px rgba(255, 48, 48, 0.65),
        0 0 28px rgba(255, 48, 48, 0.35);

    font-size: clamp(1.3rem, 3vw, 2.5rem);
    letter-spacing: 0.04em;

    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;

    transform-origin: center;
}

.led-number-wrap {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;

    max-width: 100%;
    max-height: 100%;

    display: block;
    text-align: center;

    line-height: 0.95;
    font-size: clamp(1.35rem, 2.7vw, 2.35rem);
}

.led-number.large-value {
    font-size: clamp(1.25rem, 2.8vw, 2.45rem);
    letter-spacing: 0.025em;
}

.counter-hint {
    color: #6f7b88;
    font-size: 0.82rem;
    min-height: 44px;
}