body {
    margin: 0; overflow: hidden;
    background-color: #f0f0f0;
    font-family: Arial, sans-serif;
    /* Grid Background ala Blueprint */
    background-image: 
        linear-gradient(#ddd 1px, transparent 1px),
        linear-gradient(90deg, #ddd 1px, transparent 1px);
    background-size: 40px 40px;
}

#game-ui {
    position: absolute; width: 100%; height: 100%;
    pointer-events: none; z-index: 10;
}

.top-bar {
    display: flex; justify-content: space-between; padding: 20px;
    pointer-events: auto;
}

.icon-group { display: flex; gap: 10px; }

.icon-btn {
    width: 50px; height: 50px; background: white; border: 3px solid black;
    font-size: 20px; font-weight: bold; cursor: pointer;
}

#percentage {
    font-size: 40px; font-weight: bold; color: black;
    -webkit-text-stroke: 1px white;
}

.tool-sidebar {
    position: absolute; right: 20px; top: 50%; transform: translateY(-50%);
    display: flex; flex-direction: column; gap: 10px; pointer-events: auto;
}

.tool-btn {
    width: 70px; height: 70px; background: white; border: 4px solid black;
    border-radius: 8px; cursor: pointer; display: flex; align-items: center; justify-content: center;
}

.tool-btn img { width: 50px; transform: rotate(-45deg); }
.tool-btn.active { background: #ddd; border-color: #000; box-shadow: inset 0 0 10px rgba(0,0,0,0.2); }

#canvas-webgl { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }