/**
 * Ethernal Crystals - Simplified Version
 * Only background, images, and floating symbols
 */

/* Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    overflow: hidden;
    background: #000;
    height: 100vh;
    width: 100vw;
}

/* Layer 1: Star background (bottom) */
#starBackground {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: url('star.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Layer 2: Floating glyphs canvas (middle) */
#codeCanvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0.4;
}

/* Layer 3: Nebula overlay (top background) */
#nebulaOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-image: url('nebula.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.8;
    pointer-events: none;
}