body { 
    margin: 0; 
    overflow: hidden; 
    background: #70c5ce; 
    font-family: sans-serif; 
}

#gameCanvas { 
    display: block; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100vw; 
    height: 100vh; 
    touch-action: none; 
}

#ui-layer { 
    position: absolute; 
    top: 0; 
    left: 0; 
    pointer-events: none; 
    width: 100%; 
    height: 100%;
}

/* Hardcoded pointer-events overrides to guarantee button clickability even if CDN is offline */
.pointer-events-auto, #menu, #startBtn { 
    pointer-events: auto !important; 
    cursor: pointer !important;
}

#hud { 
    position: absolute; 
    top: 40px; 
    left: 50%; 
    transform: translateX(-50%); 
    font-size: 12vw; 
    font-weight: 900;
    color: white;
    text-shadow: 6px 6px 0px rgba(0,0,0,0.5);
    z-index: 10;
    pointer-events: none;
    white-space: nowrap;
}