/* Basic styles - All positioning is handled by intro.js */
#ui-overlay {
    /* This element is just a container, JS will manage its children */
    pointer-events: none;
}

#boot-text,
#status-text,
#loading-bar,
#startup-timer {

}

/* Boot text styling */
#boot-text {
    color: #00ffc8;
    font-family: monospace;
    font-size: 1.2rem;
    text-align: center;
    white-space: nowrap;
}

/* loading-wrapper is controlled by JS */
#loading-wrapper {
    display: none;
}

#status-text {
    color: #00ffc8;
    text-shadow: 0 0 8px #00ffc8;
    text-align: center;
    font-family: monospace;
    white-space: nowrap;
}

#loading-bar {
    background: rgba(0, 255, 200, 0.2);
    border: 1px solid rgba(0, 255, 200, 0.4);
}

#loading-fill {
    background: #00ffc8;
    box-shadow: 0 0 14px #00ffc8;
}

#startup-timer {
    color: #00ffc8;
    text-align: center;
    font-family: monospace;
}

/* Footer layout */
#site-footer {
    position: fixed;
    bottom: 20px;
    width: 100%;
    text-align: center;
    pointer-events: none;
}