body { margin: 0; overflow: hidden; font-family: 'Courier New', monospace; background: #000; user-select: none; }
#ui-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
#crosshair { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 24px; text-shadow: 1px 1px 0 #000; }
#info-overlay { position: absolute; top: 10px; left: 10px; color: white; background: rgba(0,0,0,0.5); padding: 10px; border-radius: 4px; }
#hotbar-container { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; gap: 5px; pointer-events: auto; }
.hotbar-slot { width: 40px; height: 40px; border: 2px solid #555; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; cursor: pointer; }
.hotbar-slot.active { border-color: white; transform: scale(1.1); background: rgba(255,255,255,0.2); }
#menu-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; pointer-events: auto; z-index: 10; }
button { padding: 10px 20px; margin: 10px; font-size: 16px; cursor: pointer; background: #444; color: white; border: 2px solid #888; }
button:hover { background: #666; border-color: white; }