:root {
    --bg: #121212;
    --font: 'Permanent Marker', cursive;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: var(--bg); color: #fff; font-family: var(--font); overflow: hidden; height: 100vh; }

canvas#paintWall { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 1; cursor: crosshair; }

.hud { position: fixed; top: 2rem; left: 2rem; z-index: 10; background: rgba(0,0,0,0.8); padding: 1.5rem; border-radius: 12px; border: 2px solid #333; }
.tag-title { font-size: 0.9rem; color: #ffea00; margin-bottom: 1rem; }
.color-picker { display: flex; gap: 10px; }
.c-btn { width: 30px; height: 30px; border-radius: 50%; border: 2px solid #fff; cursor: pointer; }

.content { position: fixed; bottom: 3rem; right: 3rem; z-index: 5; text-align: right; pointer-events: none; }
h1 { font-size: 5rem; color: #ff0055; text-shadow: 4px 4px 0 #000; }
p { font-size: 1.5rem; color: #fff; text-shadow: 2px 2px 0 #000; }