/* Splash Screen Styles */
.kb-row {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-bottom: 6px;
}

/* Minimalist Key Style */
.kb-key {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
    font-weight: bold;
    color: #444;
    border: 1px solid #222;
    background: #0a0a0a;
    transition: all 0.15s ease;
    box-shadow: 0 1px 0 #111;
}

.kb-space {
    width: 250px;
}

/* Key Animation */
.anim-a { animation: keyPress 2s infinite; animation-delay: 0.1s; }
.anim-s { animation: keyPress 2s infinite; animation-delay: 0.2s; }
.anim-d { animation: keyPress 2s infinite; animation-delay: 0.3s; }
.anim-f { animation: keyPress 2s infinite; animation-delay: 0.4s; }
.anim-j { animation: keyPress 2s infinite; animation-delay: 0.5s; }
.anim-k { animation: keyPress 2s infinite; animation-delay: 0.6s; }
.anim-l { animation: keyPress 2s infinite; animation-delay: 0.7s; }
.anim-semi { animation: keyPress 2s infinite; animation-delay: 0.8s; }
.anim-space { animation: keyPress 2s infinite; animation-delay: 1.0s; }

/* Hands Overlay */
.hands-overlay {
    opacity: 0.15;
    pointer-events: none;
}

/* Progress Bar Animation */
.progress-bar {
    animation: loadProgress 2.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}