/* Immersive Gallery Style */

body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    /* Clean white canvas */
    overflow: hidden;
    /* No scrolling, infinite canvas feel used via JS if needed, or just fixed viewport */
    font-family: 'Courier New', Courier, monospace;
    /* Minimalist info font */
}

#art-canvas {
    position: relative;
    width: 100vw;
    height: 100vh;
    z-index: 1;
}

.gallery-image {
    position: absolute;
    opacity: 0;
    transition: opacity 2s ease-in-out;
    max-width: 40vw;
    /* Don't be huge */
    max-height: 60vh;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    pointer-events: none;
    /* Let clicks pass through if we want interactions below */
}

.gallery-image.virtual-frame {
    /* Optional: Add a frame if desired, but "raw" is often better for this look */
    /* border: 10px solid white; */
}

/* Header overlay */
/* Header styles moved to navbar.css */
/* 
header { ... } 
header a { ... }
*/

#loading-indicator {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    color: #999;
    z-index: 0;
}