*{box-sizing:border-box;margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body{width:100vw;height:100dvh;margin:0;padding:0;overflow:hidden;position:fixed;background-color:#000;font-family:monospace;touch-action:none}#app{width:100vw;height:100dvh;position:fixed;top:0;left:0;overflow:hidden;touch-action:none}#webcam{width:100vw;height:100dvh;position:absolute;top:0;left:0;object-fit:cover;transform:scaleX(-1);pointer-events:none;opacity:0}#debug-canvas{width:100vw;height:100dvh;position:absolute;top:0;left:0;pointer-events:none;z-index:9999}#hud{position:absolute;top:12px;left:12px;background:#000000bf;color:#0f6;padding:8px 12px;border-radius:4px;font-size:12px;line-height:1.5;pointer-events:none;z-index:10000;white-space:pre}#ui-layer{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:5000;pointer-events:none}.state-layer{position:absolute;top:0;left:0;width:100vw;height:100dvh;opacity:0;transition:opacity .5s ease;pointer-events:none;display:flex;justify-content:center;align-items:center;border:none;background:transparent}.state-layer.active{opacity:1;pointer-events:auto}#qr-screen{background:#000000d9;transition:opacity 2s ease-in-out}.qr-container{display:flex;flex-direction:column;align-items:center;gap:20px;color:#fff;font-family:sans-serif;animation:slowMorph 2s ease-in-out forwards}.qr-container img{width:300px;height:300px;border-radius:12px;box-shadow:0 0 40px #ffffff4d}@keyframes slowMorph{0%{transform:scale(.8) rotateY(90deg);filter:blur(10px);opacity:0}to{transform:scale(1) rotateY(0);filter:blur(0px);opacity:1}}#flash-layer{position:absolute;top:0;left:0;width:100vw;height:100dvh;background:#fff;opacity:0;z-index:9000;pointer-events:none}.flash-anim{animation:cameraFlash .8s ease-out forwards}@keyframes cameraFlash{0%{opacity:0}10%{opacity:1}to{opacity:0}}#intro-video{object-fit:cover;background:#000}#white-bg{background:#fff}#idle-wall{background:radial-gradient(circle at center,#0b1a3d,#020612)}#demo-toolbar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10001;pointer-events:auto;background:#0a1020bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 25px #00000080}#demo-toolbar button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:6px 14px;border-radius:999px;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;cursor:pointer;transition:all .2s ease}#demo-toolbar button:hover{background:#0f8;color:#000;border-color:#0f8;transform:translateY(-1px)}#error-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#dc2626e6;color:#fff;padding:16px 20px;border-radius:6px;font-size:14px;text-align:center;max-width:90vw;z-index:200}.hidden{display:none!important}