*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:#0b0d10;color:#e8ecef;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#game{display:block;width:100%;height:100%}#ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui .panel{pointer-events:auto}.hud{position:absolute;top:12px;left:12px;padding:10px 12px;background:#0000008c;border:1px solid rgba(255,255,255,.15);font-size:14px;line-height:1.4}.banner{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);padding:16px 24px;background:#000000b3;border:1px solid rgba(255,255,255,.25);font-size:28px;font-weight:700;text-align:center}.lobby{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(360px,90vw);padding:20px;background:#0a0c10eb;border:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;gap:10px}.lobby h1{font-size:20px;margin-bottom:4px}.lobby label{font-size:12px;opacity:.8}.lobby input,.lobby button{font:inherit;padding:8px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:#1a1f27;color:inherit}.lobby button{cursor:pointer;background:#2d6cdf;border-color:#2d6cdf}.lobby button:disabled{opacity:.5;cursor:default}.lobby .status{font-size:13px;opacity:.85;min-height:1.2em}.debug-hud{top:auto;bottom:12px;left:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;max-width:420px}.dbg-bar{display:inline-block;width:90px;height:8px;background:#ffffff1f;vertical-align:middle;position:relative}.dbg-bar i{display:block;height:100%;background:#6aa4ff}.debug-save{position:absolute;bottom:12px;right:12px;font:inherit;font-size:12px;padding:6px 10px;cursor:pointer;background:#1a1f27;color:inherit;border:1px solid rgba(255,255,255,.2)}