body {
    margin:0;
    font-family: monospace;
    background:black;
    color:white;
    overflow:hidden;
}

#matrixCanvas {
    position:fixed;
    top:0; left:0;
    width:100%;
    height:100%;
    z-index:-1;
}

/* Typewriter overlay */
#home {
    position:fixed;
    top:0; left:0;
    width:100%; height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:black;
    z-index:5;
    transition: opacity 2s ease;
}

#typewriter {
    font-size:3em;
    white-space:nowrap;
    border-right:3px solid white;
    overflow:hidden;
}

/* Modal generic */
.modal {
    position:fixed;
    top:0; left:0;
    width:100%; height:100%;
    background:rgba(0,0,0,0.8);
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:10;
}

.modal-content {
    background:black;
    padding:20px;
    border:1px solid white;
    max-width:80%;
    text-align:center;
    color:white;
    position:relative;
}

.close {
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
    font-size:24px;
    color:#ccc;
    transition: color 0.3s;
}

.close:hover {
    color:white;
}

.hidden { display:none; }

/* Gallery */
#galleryContainer {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    padding:20px;
    opacity:0;
    transition: opacity 2s ease;
}

#galleryContainer.show {
    opacity:1;
}

#imageGallery img {
    width:150px;
    height:150px;
    object-fit:cover;
    margin:10px;
    cursor:pointer;
    transition: transform 0.3s, box-shadow 0.3s;
}

#imageGallery img:hover {
    transform: scale(1.1);
    box-shadow: 0 0 15px white;
}

/* Image modal message */
#buyMsg a {
    color:#0ff;
    text-decoration:underline;
}

/* Discord icon */
#discordLink {
    position:fixed;
    bottom:20px;
    left:20px;
    width:50px;
    height:50px;
    z-index:5;
    transition: transform 0.3s, filter 0.3s;
}

#discordLink img {
    width:100%;
    height:100%;
    filter: drop-shadow(0 0 5px white) drop-shadow(0 0 10px white);
}

#discordLink:hover {
    transform: scale(1.2);
    filter: drop-shadow(0 0 15px white) drop-shadow(0 0 25px white);
}