body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%;margin:0}body{background-color:#282c34;font-family:sans-serif}.App{height:100%}.App,.CanvasWrapper{align-items:center;display:flex;justify-content:center}.CanvasWrapper{height:95vh;position:relative;width:95vw}.MainCanvas{background:#111;border:2px solid #fff;border-radius:16px;height:100%;width:100%}.OverlayCanvas{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:3}.CameraFeed{background:#000;border:2px solid #fff9;border-radius:10px;height:100px;position:absolute;right:12px;top:12px;transform:scaleX(-1);width:160px}.overlay{align-items:center;background:#000000d9;border-radius:20px;display:flex;flex-direction:column;justify-content:center;left:50%;max-width:500px;padding:3rem 3.5rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10}.overlay img{height:200px;object-fit:contain;width:200px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}.pulse{animation:pulse 1.5s ease-in-out infinite;filter:invert(1)}.overlay h2{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.overlay p{color:#aaa;margin-bottom:1.5rem;text-align:center}.overlay button{background:#fff;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:1rem;padding:.5rem 1.5rem}.overlay button:hover{background:#ddd}.StartScreen{align-items:center;display:flex;height:100%;justify-content:center}.StartCard{background:#111;border:2px solid #fff;border-radius:16px;box-shadow:0 0 20px #0009;box-sizing:border-box;color:#fff;max-width:500px;padding:2rem;text-align:center;width:90%}.StartTitle{font-size:28px;font-weight:700;margin-bottom:20px}.StartText{color:#ffffffd9;font-size:14px;line-height:1.6;margin-bottom:12px}.StartText strong{color:#fff;font-weight:700}.StartText.warning,.StartText.warning strong{color:#ff6b6b}.StartText.success,.StartText.success strong{color:#4cd964}.GestureGuide{display:flex;gap:20px;justify-content:center;margin:20px 0}.GestureItem{align-items:center;color:#aaa;display:flex;flex-direction:column;font-size:12px}.GestureItem img{border-radius:10px;height:auto;margin-bottom:6px;width:80px}.GestureItem.wrong span{color:#ff6b6b}@keyframes btnPulse{0%{box-shadow:0 0 0 #fff6}50%{box-shadow:0 0 10px #fff9}to{box-shadow:0 0 0 #fff6}}.StartButton{animation:btnPulse 2s infinite;background:#fff;border:none;border-radius:10px;color:#111;cursor:pointer;font-size:16px;font-weight:700;margin-top:24px;padding:12px 24px;transition:all .2s ease}.StartButton:hover{background:#ddd;transform:scale(1.05)}.StartButton:active{transform:scale(.98)}.StartHint{color:#fff9;font-size:12px;margin-top:16px}@media (max-width:600px){.StartCard{padding:20px}.GestureGuide{flex-direction:column;gap:12px}.GestureItem img{width:70px}.StartTitle{font-size:22px}.StartText{font-size:13px}}
/*# sourceMappingURL=main.899bd9aa.css.map*/