body {
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    background-color: #FFFFFF;
    overflow: hidden;
    cursor: none;
}

#game-container {
    width: 100%;
    height: 100%;
    cursor: none;
}

canvas {
    display: block;
    cursor: none;
    width: 100%;
    height: 100%;
}

/* Custom orb cursor — matches the site's LagoonOrb so the ball reads as the cursor */
#orb-cursor {
    position: fixed;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    border-radius: 9999px;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle at 32% 24%, #C9EDDD 0%, #27BE96 24%, #0CB19F 55%, #0E918F 82%, #0A6970 100%);
    pointer-events: none;
    z-index: 99999;
    opacity: 0;
    transition: opacity 200ms ease-out;
}