html,body{margin:0;height:100%;background:#070807;overflow:hidden;font-family:Courier New,Courier,monospace}#app,#game{width:100%;height:100%}canvas{image-rendering:pixelated;image-rendering:crisp-edges}#hud{position:absolute;top:8px;left:10px;color:#f4f4f4;font-size:12px;line-height:1.35;text-shadow:1px 1px 0 #000;pointer-events:none;user-select:none}#net-debug{position:absolute;left:10px;top:44px;margin:0;padding:6px 8px;color:#d8f0d8;background:#080c08b8;font-size:11px;line-height:1.35;text-shadow:1px 1px 0 #000;pointer-events:none;user-select:none;white-space:pre}#net-debug[hidden]{display:none}#lobby{position:absolute;inset:0;display:grid;place-items:center;background:#0000008c}#lobby[hidden]{display:none}.panel{background:#121212;color:#f4f4f4;border:2px solid #d8d8d8;padding:16px 20px;text-align:center;image-rendering:pixelated}.panel p{margin:0 0 12px;font-size:13px}.panel input{display:block;width:220px;margin:0 auto 12px;font:inherit;font-size:14px;padding:6px 8px;color:#111;background:#e8e8e8;border:2px solid #111}.panel input:disabled,.panel button:disabled{opacity:.6;cursor:default}#lobby-error{color:#ff8a8a}#lobby-status{color:#c8d4c8}.panel button{font:inherit;font-size:14px;padding:6px 14px;color:#111;background:#e8e8e8;border:2px solid #111;cursor:pointer}.panel button:hover:not(:disabled){background:#fff}