html, body { height: 100%; margin: 0; font-family: sans-serif; background:#111; color:#eee; }
#topbar { position: fixed; top:0; left:0; right:0; height: 40px; background:#222; border-bottom:1px solid #333; display:flex; align-items:center; padding:0 10px; gap:10px; z-index:10; }
#game { position:absolute; top:40px; bottom:0; left:0; right:0; background:#000; }
#canvas { width:100%; height:100%; display:block; background:#000; }
#authPanel { position: absolute; top:60px; left: 10px; background:#222; padding:10px; border:1px solid #333; }
#seedInput { width: 160px; }
#chunkDebug { position:absolute; bottom:10px; left:10px; background:#222; padding:6px; border:1px solid #333; font-size:12px; }
.tile-legend { display:flex; gap:8px; align-items:center; }
.legend-swatch { width:12px; height:12px; display:inline-block; }