.canvas-container.svelte-ofjti2{width:100%;height:100%;position:absolute;top:0;left:0}.hud.svelte-ly1w2p{pointer-events:none;z-index:10;color:#ccc;width:100%;padding:12px;font-family:monospace;font-size:13px;position:absolute;top:0;left:0}.top-bar.svelte-ly1w2p{gap:16px;margin-bottom:8px;display:flex}.status.svelte-ly1w2p{color:#888;pointer-events:auto}.status.connected.svelte-ly1w2p{color:#6a6}.zoom.svelte-ly1w2p{color:#888}.tile-info.svelte-ly1w2p{pointer-events:auto;background:#0009;border-radius:4px;flex-direction:column;gap:2px;padding:8px 12px;display:inline-flex}.tile-coords.svelte-ly1w2p{color:#aaa;font-size:11px}.tile-terrain.svelte-ly1w2p{color:#eee;font-weight:700}.tile-flag.svelte-ly1w2p{color:#8cf;font-size:11px}.tile-flag.impassable.svelte-ly1w2p{color:#f88}.tile-zone.svelte-ly1w2p{color:#aa8;font-size:11px}.tile-sector.svelte-ly1w2p,.sector.svelte-ly1w2p{color:#8ac;font-size:11px}.selected-info.svelte-ly1w2p{pointer-events:auto;background:#003c0099;border-radius:4px;flex-direction:column;gap:2px;margin-top:8px;padding:8px 12px;display:inline-flex}.label.svelte-ly1w2p{color:#6c6;text-transform:uppercase;font-size:11px}.game-container.svelte-1n46o8q{width:100%;height:100%;position:relative}