/* === overlay.css === */
/* Style pour Overlay */

#access-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    z-index: 9998;
}

#access-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Courier New', monospace;
    background: #1e1e1e;
    color: #00ff00;
    border: 2px solid #00ff00;
    padding: 24px;
    max-width: 600px;
    z-index: 9999;
    box-shadow: 0 0 25px rgba(0,255,0,0.7);
    text-align: left;
}

#access-modal button {
    display: block;
    margin: 20px auto 0;
    padding: 10px 20px;
    background: #00ff00;
    color: #000;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: 16px;
}

#access-modal button:hover {
    background: #000;
    color: #00ff00;
}

#access-modal a {
    color: #99ff99;            /* vert fluo */
    padding: 0 2px;            /* léger padding autour */
    text-decoration: none;     /* pas de soulignement par défaut */
    border-radius: 2px;        /* arrondi subtil */
    cursor: pointer;
    font-family: 'Courier New', monospace;
}

#access-modal a:hover {
    color: #88ff88;            /* vert plus clair au survol */
    background-color: #004400; /* contraste légèrement plus clair */
    text-decoration: underline; /* on souligne au hover */
}