*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:#000;color:#fff;overflow:hidden}.app{width:100vw;height:100vh;position:relative}.webcam{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);z-index:1;pointer-events:none;opacity:.1!important}.canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.start-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;z-index:100}.start-overlay h1{font-size:3.5rem;font-weight:400;letter-spacing:-2px;margin-bottom:20px;color:#fff;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:10px}.start-overlay p{font-size:1rem;color:#888;margin-bottom:50px;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:2px}.start-overlay button{background:transparent;border:1px solid #ffffff;padding:15px 40px;border-radius:0;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease;font-family:Courier New,monospace}.start-overlay button:hover{background:#fff;color:#000;transform:none;box-shadow:0 0 20px #fff3}.status{position:absolute;top:20px;left:20px;background:#000;border:1px solid #333;padding:10px 15px;font-size:.8rem;color:#888;z-index:10;text-transform:uppercase;letter-spacing:1px}.controls{position:absolute;top:20px;right:20px;background:#000;border:1px solid #333;padding:10px 15px;font-size:.8rem;color:#888;z-index:10;font-family:Courier New,monospace}.controls span{color:#fff;font-weight:700;margin-left:10px}