body {
    margin:0;
    overflow:hidden;
    font-family:Arial, sans-serif;
    background:black;
    color:white;
    cursor:crosshair;
}

.room {
    position: relative;
    width:100vw;
    height:100vh;
    display:none;
}

.room.active {
    display:block;
}

.fragment {
    position:absolute;
    width:40%;
    opacity:0.85;
    transition: transform 0.6s ease, opacity 0.6s ease;
    z-index: 1;
}

.fragment:hover {
    transform:scale(1.1) rotate(3deg);
    opacity:1;
}

.nav-button {
    position:absolute;
    padding:10px 15px;
    background:rgba(255,255,255,0.1);
    border:1px solid white;
    color:white;
    cursor:pointer;
    backdrop-filter: blur(4px);
    z-index: 9999; 
    pointer-events: auto;
}

.nav-button:hover {
    background:white;
    color:black;
}

.hidden-zone {
    position:absolute;
    width:150px;
    height:150px;
    background:transparent;
    z-index: 5000;
}

#canvasOverlay {
    position:absolute;
    top:0;
    left:0;
    pointer-events:none;
}