/* Reset */
html, body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: black;
    height: 100%;
    width: 100%;
    position: fixed;
}

/* Canvas always behind everything */
#caCanvas {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    display: block;
    z-index: 0;
}

/* Logo container */
#logo-container {
    position: fixed;
    top: 1.5rem;
    left: 1.5rem;
    pointer-events: none;
    z-index: 9999;
}

/* Logo image - responsive */
#logo {
    width: min(260px, 40vw);
    height: auto;
    display: block;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    #logo-container {
        top: 1rem;
        left: 1rem;
    }
    
    #logo {
        width: min(180px, 50vw);
    }
}

@media (max-width: 480px) {
    #logo {
        width: min(140px, 45vw);
    }
}