/* /Layout/MainLayout.razor.rz.scp.css */
/* /Pages/Select.razor.rz.scp.css */
.back-button[b-j6bzgbcfcd] {
    margin-bottom: 16px;
}
/* /Shared/RetroButton.razor.rz.scp.css */
.retro-btn[b-psx9xez5a6] {
    font-family: 'Press Start 2P', monospace;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 18px 36px;
    color: #ffffff;
    background: #1e1e1e;
    border: 4px solid #6644FF;
    border-radius: 0;
    box-shadow:
            0 0 6px #6644FF,
            inset 0 0 6px #6644FF;
    cursor: pointer;
    transition: all 160ms ease;
    touch-action: manipulation;          /* migliora la reattività su mobile */
    -webkit-tap-highlight-color: transparent; /* rimuove il flash blu su Android */
}

/* neon ON: hover su desktop **e** tap-hold su mobile */
.retro-btn:active[b-psx9xez5a6] {
    background: #6644FF;
    color: #1e1e1e;
    box-shadow:
            0 0 10px #6644FF,
            inset 0 0 10px #6644FF;
}

/* leggero affossamento solo durante il tap/click */
.retro-btn:active[b-psx9xez5a6] {
    transform: translateY(2px);
}
/* /Shared/RetroHeading.razor.rz.scp.css */
.retro-heading[b-w7pkxs2iam] {
    position: relative;                /* serve al ::after */
    font-family: 'Press Start 2P', monospace;
    font-weight: normal;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* /Shared/RetroList.razor.rz.scp.css */
/* contenitore UL senza bullet */
.retro-list[b-l5tjjxasyc] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;          /* distanza tra le voci */
}

/* voce di lista con look retro */
.retro-li[b-l5tjjxasyc] {
    font-family: 'Press Start 2P', monospace;
    font-size: 14px;
    color: #ffffff;
    background: #1e1e1e;
    border: 4px solid #6644FF;
    border-radius: 0;
    padding: 18px 28px;
    box-shadow:
            0 0 6px #6644FF,
            inset 0 0 6px #6644FF;
    user-select: none;  /* evita selezione testo su doppio tap */
}

/* stati interattivi applicati solo se IsClickable=true */
.clickable[b-l5tjjxasyc] {
    cursor: pointer;
    transition: all 160ms ease;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.clickable:hover[b-l5tjjxasyc],
.clickable:active[b-l5tjjxasyc] {
    background: #6644FF;
    color: #1e1e1e;
    box-shadow:
            0 0 10px #6644FF,
            inset 0 0 10px #6644FF;
}

.clickable:active[b-l5tjjxasyc] {
    transform: translateY(2px);
}

.title[b-l5tjjxasyc] {
    cursor: default;
    background: transparent;
    color: #6644FF;
    border: none;
    padding: 0;
    box-shadow: none;
    user-select: none;
}
/* /Shared/RetroLoading.razor.rz.scp.css */
.retro-loading[b-iopzwsec8m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.spinner[b-iopzwsec8m] {
    width: 56px;
    height: 56px;
    border: 6px solid #1e1e1e;
    border-top: 6px solid #6644FF;
    border-radius: 50%;
    animation: spin-b-iopzwsec8m 1s linear infinite, neon-glow-b-iopzwsec8m 1s linear infinite;
}

@keyframes spin-b-iopzwsec8m {
    to {
        transform: rotate(360deg);
    }
}

@keyframes neon-glow-b-iopzwsec8m {
    0%, 100% {
        box-shadow: 0 0 6px #6644FF, inset 0 0 6px #6644FF;
    }

    50% {
        box-shadow: 0 0 12px #6644FF, inset 0 0 12px #6644FF;
    }
}
/* /Shared/RetroTimer.razor.rz.scp.css */
.retro-timer[b-j8woz4t78p] {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 8px;
    align-items: center;
    width: 100%;
    max-width: 700px;
    margin-inline: auto;
    font-family: 'Press Start 2P', monospace;
    font-size: clamp(18px, 4vw, 32px);
    letter-spacing: 2px;
}

/* Blocchi HH / MM / SS */
.time-segment[b-j8woz4t78p] {
    text-align: center;
    color: #ffffff;
    background: #1e1e1e;
    border: 4px solid #6644FF;
    border-radius: 0;
    padding: clamp(12px, 3vw, 24px) clamp(16px, 5vw, 32px);
    box-shadow:
            0 0 8px #6644FF,
            inset 0 0 8px #6644FF;
    min-width: 0;
}

/* Due-punti */
.colon[b-j8woz4t78p] {
    color: #6644FF;
    padding-inline: 4px;
}

/* --- Bottoni in colonna --- */
.retro-timer-controls[b-j8woz4t78p] {
    margin-top: 24px;
    display: flex;
    flex-direction: row;     /* uno sotto l’altro */
    gap: 16px;
    align-items: center;
    justify-content: center;
}