.nx-stage {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.nx-tubes {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 36px 44px;
    background: linear-gradient(180deg, #0a0a0a 0%, #181818 100%);
    border-radius: 14px;
    border: 1px solid rgba(255, 160, 40, 0.12);
    box-shadow: 0 0 60px rgba(255, 120, 0, 0.06), inset 0 0 80px rgba(0,0,0,0.6);
}

.nx-tube {
    position: relative;
    width: 70px;
    height: 104px;
    background: radial-gradient(ellipse at 50% 45%, #1c1008 0%, #0d0804 50%, #050302 100%);
    border-radius: 6px 6px 5px 5px;
    border: 1px solid rgba(255, 160, 40, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:
        inset 0 0 25px rgba(0,0,0,0.95),
        0 2px 6px rgba(0,0,0,0.6);
    overflow: hidden;
}

.nx-tube::before {
    content: '';
    position: absolute;
    inset: 2px;
    border-radius: 4px;
    border: 1px solid rgba(255, 180, 60, 0.04);
    pointer-events: none;
    z-index: 3;
}

.nx-digit {
    font-family: "Courier New", "Menlo", "Consolas", monospace;
    font-size: 62px;
    font-weight: 700;
    color: #ff8c00;
    text-shadow:
        0 0 4px rgba(255, 140, 0, 0.5),
        0 0 10px rgba(255, 140, 0, 0.35),
        0 0 20px rgba(255, 100, 0, 0.2),
        0 0 40px rgba(255, 80, 0, 0.1);
    line-height: 1;
    z-index: 1;
    transition: color 0.3s;
}

.nx-glass {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(255,255,255,0.04) 0%,
        transparent 35%,
        transparent 70%,
        rgba(255,255,255,0.015) 100%
    );
    pointer-events: none;
    z-index: 2;
    border-radius: 5px;
}

.nx-glass::after {
    content: '';
    position: absolute;
    top: 6%;
    left: 6%;
    right: 55%;
    bottom: 65%;
    background: linear-gradient(
        135deg,
        rgba(255,255,255,0.07) 0%,
        rgba(255,255,255,0.02) 40%,
        transparent 100%
    );
    border-radius: 3px;
    pointer-events: none;
}

.nx-colon {
    font-family: "Courier New", "Menlo", monospace;
    font-size: 44px;
    font-weight: 700;
    color: #ff8c00;
    text-shadow: 0 0 6px rgba(255, 140, 0, 0.3);
    padding: 0 6px;
    opacity: 0.85;
    line-height: 1;
    align-self: center;
    transform: translateY(-4px);
}

.nx-colon.blink {
    animation: nx-blink 1s steps(1) infinite;
}

@keyframes nx-blink {
    50% { opacity: 0.2; }
}

@media (max-width: 640px) {
    .nx-tubes { gap: 4px; padding: 18px 12px; }
    .nx-tube { width: 42px; height: 64px; }
    .nx-digit { font-size: 36px; }
    .nx-colon { font-size: 26px; padding: 0 3px; }
}
