#boot-screen {
    position: fixed;
    top: 0; left: 0;
    width: 100vw; 
    height: 100vh;
    background: var(--bg-boot);
    color: var(--k-phosphor);
    font-family: var(--font-bios);
    z-index: 10000;
    padding: 20px;
    box-sizing: border-box;
    overflow-y: auto;
    -webkit-font-smoothing: antialiased;
}

#boot-screen::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: linear-gradient(var(--k-scanline-soft) 50%, var(--k-scanline-dark) 50%);
    z-index: 10001;
    background-size: 100% 3px;
    pointer-events: none;
    opacity: 0.3;
}

.boot-content-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.kopaiko-logo-container {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.kopaiko-icon {
    width: 40px; 
    height: 40px;
    border: 2px solid var(--k-phosphor);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex-shrink: 0;
}

.kopaiko-text {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.main-text { 
    font-size: 1.8rem; 
    letter-spacing: 2px;
}

.sub-text { 
    font-size: 0.75rem; 
    opacity: 0.8;
}

#boot-log {
    white-space: pre-wrap;
    text-transform: uppercase;
    font-size: 1.1rem;
}

.boot-line {
    margin-bottom: 4px;
    letter-spacing: 0.5px;
}

.boot-prompt {
    color: var(--k-white);
    padding: 15px 0;
    font-weight: bold;
    animation: blink 0.6s infinite alternate;
}

@keyframes blink {
    from { opacity: 1; }
    to { opacity: 0.3; }
}

/* --- AJUSTES RESPONSIVOS --- */

@media (max-width: 850px) {
    #boot-screen { padding: 12px; }
    .kopaiko-logo-container { margin-bottom: 10px; }
    .main-text { font-size: 1.4rem; }
    .kopaiko-icon { width: 32px; height: 32px; font-size: 18px; }
    #boot-log { font-size: 0.95rem; line-height: 1.3; }
}

@media (max-height: 500px) and (orientation: landscape) {
    .sub-text { display: none; }
    #boot-log { font-size: 0.85rem; }
    .boot-line { margin-bottom: 2px; }
}