html,body{margin:0;padding:0;background:#000;display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:Courier New,monospace}#app{position:relative;width:800px;height:640px}.hud{position:fixed;left:24px;font-family:Courier New,monospace;white-space:pre-line;pointer-events:none;z-index:10}.hud-status{top:24px;color:#8fd3ff;font-size:15px;line-height:1.5}.hud-controls{bottom:24px;color:#6b7784;font-size:13px;line-height:1.6}.mapview{position:fixed;left:24px;top:104px;font-family:Courier New,monospace;pointer-events:none;z-index:10}.mapview-label{color:#5a6672;font-size:11px;letter-spacing:2px;text-transform:uppercase}.mapview-room{color:#8fd3ff;font-size:18px;margin-bottom:6px}.mobile-gate{position:fixed;top:0;right:0;bottom:0;left:0;background:#05060a;color:#aab7c4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:28px;box-sizing:border-box;font-family:Courier New,monospace;z-index:100}.mobile-title{color:#8fd3ff;font-size:22px;letter-spacing:6px}.mobile-gate p{margin:0;max-width:320px;font-size:15px;line-height:1.6}.mobile-gate a{color:#8fd3ff}.name-input-overlay{position:absolute;left:58px;top:540px;width:684px;display:none}.name-input-overlay input{width:100%;box-sizing:border-box;font-family:inherit;font-size:16px;padding:6px 10px;background:#111;color:#fff;border:2px solid #4ade80;border-radius:4px;outline:none}