html,body{margin:0;padding:0;background:#111;color:#eee;font-family:system-ui,sans-serif;overflow:hidden;width:100%;height:100%}h1{position:fixed;top:12px;left:12px;margin:0;font-size:14px;font-weight:400;color:#666;z-index:10;pointer-events:none}#scene{display:block;position:fixed;top:0;left:0;width:100%;height:100%}#overlay{position:fixed;top:12px;right:12px;padding:8px 12px;background:#000000a6;border:1px solid #444;border-radius:4px;font-family:ui-monospace,Menlo,monospace;font-size:13px;line-height:1.4;white-space:pre;color:#9f9;z-index:10}#lock-hint{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px 18px;background:#0000008c;border:1px solid #555;border-radius:6px;font-family:ui-monospace,Menlo,monospace;font-size:14px;color:#ddd;pointer-events:none;z-index:5}#webcam{position:fixed;bottom:12px;right:12px;width:240px;height:135px;object-fit:cover;border:1px solid #444;background:#000;z-index:10;transform:scaleX(-1)}