@font-face{font-family:Scribeedoo;font-style:normal;font-weight:400;src:url(../../static/media/HalfTermSchoolsOut-V4q5l.53fd2ad1c69a31daa237.ttf) format("truetype")}@font-face{font-family:againstMadness;font-style:normal;font-weight:400;src:url(../../static/media/AgainstMadnessRegular-zrLjG.c0e378a5b078de0cbf52.ttf) format("truetype")}html{height:100%;overflow:hidden}body{-webkit-touch-callout:none;align-items:center;display:flex;font-family:Scribeedoo,sans-serif;justify-content:center;margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%}.App,body{background-color:#f6f4f2;background-image:radial-gradient(circle at center,#c8beb480 4px,#0000 0);background-size:80px 80px;height:100%;height:100dvh;height:100vh;height:calc(var(--vh, 1vh)*100);overflow:hidden}.App{-webkit-overflow-scrolling:touch;box-shadow:0 0 20px #0000001a;margin-bottom:env(safe-area-inset-bottom);margin-top:env(safe-area-inset-top);max-width:calc(100dvh*3/4);max-width:75vh;max-width:calc(var(--vh, 1vh)*100*3/4);overscroll-behavior:none;position:relative;width:100vw}button{-webkit-tap-highlight-color:transparent;font-family:Scribeedoo,sans-serif;font-size:16px;font-weight:bolder;min-height:44px;min-width:44px;-webkit-user-select:none;user-select:none}.subtitle,h1{text-align:center}.flex-container{display:flex}.flex-column{display:flex;flex-direction:column}.flex-center{align-items:center;display:flex;justify-content:center}.flex-space-between{align-items:center;display:flex;justify-content:space-between}.flex-space-around{align-items:center;display:flex;justify-content:space-around}.flex-start{align-items:flex-start;display:flex}.flex-end{align-items:start;display:flex;justify-content:flex-end}.flex-1{flex:1 1}.relative{position:relative}.absolute,.absolute-full{position:absolute}.absolute-full{height:100%;left:0;top:0;width:100%}.absolute-bottom{bottom:0;position:absolute}.absolute-center{left:50%;position:absolute;transform:translateX(-50%)}.absolute-center-full{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.full-width{width:100%}.full-height{height:100%}.full-viewport,.full-viewport-mobile{height:100dvh;height:100vh;height:calc(var(--vh, 1vh)*100);width:100vw}.full-viewport-mobile{left:0;overflow:hidden;position:fixed;top:0}.full-size{height:100%;width:100%}.no-margin{margin:0}.no-padding{padding:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-100{z-index:100}.z-101{z-index:101}.text-center{text-align:center}.scale-x-flip{transform:scaleX(-1)}.scale-98{transform:scale(.98)}.mobile-container{height:100dvh;height:100vh;height:calc(var(--vh, 1vh)*100);overflow:hidden;position:relative;width:100%}.mobile-safe-area{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.no-scroll{height:100%;overflow:hidden;position:fixed;width:100%}.touch-target{min-height:44px;min-width:44px}.no-tap-highlight{-webkit-tap-highlight-color:transparent}.no-select{-webkit-user-select:none;user-select:none}.no-callout{-webkit-touch-callout:none}.btn-primary{background-color:#f6f4f2;border:10px solid #000;border-radius:10px;color:#000;cursor:pointer;font-family:Scribeedoo,sans-serif;font-size:2em;font-weight:bolder;padding:20px 30px;transition:background-color .3s,color .3s}.btn-primary:hover{background-color:#000;color:#f6f4f2}.btn-mode{-webkit-tap-highlight-color:rgba(0,0,0,.1);background-color:#ffffffcf;border:6px solid #151311;border-radius:24px;box-shadow:0 0 0 .2px #fff,0 4px 4px #151311;color:#151311;cursor:pointer;font-family:againstMadness,sans-serif;font-size:3em;font-weight:bolder;padding:10px 40px;position:relative;touch-action:manipulation;-webkit-user-select:auto;user-select:auto;z-index:10}.btn-mode:active{background-color:#15131177;box-shadow:none;transform:scale(.98)}.btn-transparent{background:#0000;border:none;cursor:pointer;font-family:Scribeedoo,sans-serif;font-weight:bolder}.panel{background-color:#fff;border-radius:10px;padding:20px}.panel,.video-container{box-shadow:0 4px 8px #0000004d}.video-container{border:2px solid #333;border-radius:10px;overflow:hidden;position:relative}.content-overlay{background-color:#0000;position:absolute}.header-container{color:#fff;padding:10px;z-index:2}.phase-badge{background-color:#908e8d;border-radius:10px;color:#fff;font-size:18px;margin-right:15px;padding:4px 10px;width:fit-content}.timer-display{color:#000;font-family:againstMadness,sans-serif;font-size:200px;font-weight:bolder}.heading-large{color:#000;font-size:3em}.character-image,.character-image-rest{bottom:0;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.character-image-rest{max-width:400px;width:100%}.arm-image-left{left:-8%}.arm-image-left,.arm-image-right{bottom:16%;position:absolute;width:50%;z-index:1}.arm-image-right{right:-8%}.webcam-video{display:block;opacity:.05}.pose-canvas,.webcam-video{height:480px;transform:scaleX(-1);width:640px}.pose-canvas{left:0;pointer-events:none;position:absolute;top:0}.fullscreen-video{opacity:.05}.fullscreen-canvas,.fullscreen-video{height:100%;object-fit:cover;position:absolute;transform:scaleX(-1);width:100%}.rest-message{background:#ffffff44;border-radius:12px;height:fit-content;margin-top:30vh;padding:10px 20px;z-index:3}.side-panel{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000004d;padding:20px;transition:background-color .3s ease}.side-panel.success-bg{background-color:#d4edda}.side-panel.defensive-bg{background-color:#e9ecef}.side-panel h3{border-bottom:1px solid #ddd;margin-bottom:10px;margin-top:0;padding-bottom:10px}.punch-count-container,.side-panel h3{text-align:center}.punch-count-label{color:#555;font-size:1.2em}.punch-count{color:#333;display:block;font-size:3em;font-weight:700;margin-top:5px}.metric-container{align-items:center;border-bottom:1px solid #eee;display:flex;font-size:1.1em;justify-content:space-between}.metric-container:last-child{border-bottom:none}.checkmark{color:#28a745;font-size:2em;opacity:0;transition:opacity .1s ease-in-out}.checkmark.visible{opacity:1}.analysis-bar{background:linear-gradient(90deg,#ccc,#eee);border-radius:10px;height:100%;position:relative;transition:all .1s ease}.straightness-low{background:linear-gradient(90deg,#000,#333)}.straightness-high{background:linear-gradient(90deg,#44f,#66f)}.depth-bar-container{background-color:#e0e0e0;border-radius:10px;height:20px;overflow:hidden;position:relative;width:150px}@media (max-width:642px){.arm-image-left,.arm-image-right{bottom:22vw}}.start-screen{align-items:center;color:#1a1a1a;display:flex;flex-direction:column;height:100%;justify-content:space-around;position:relative;text-align:center;width:100%;z-index:100}.start-background{height:100%;justify-content:center;position:absolute;width:100%}.logo-image{margin-bottom:2rem;margin-top:2vh;max-height:30vh;max-width:80%;position:relative;z-index:0}.intro-character{bottom:0;height:60vh;left:50%;position:absolute;transform:translateX(-50%);z-index:1}.selection-screen{align-items:center;color:#1a1a1a;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;text-align:center;width:100%;z-index:101}.selection-title{color:#000;font-size:3em;margin-bottom:40px}.selection-buttons{bottom:60px;display:flex;flex-direction:column;gap:20px;margin-left:100px;pointer-events:auto;position:absolute;z-index:2}.legal-footer{align-items:center;bottom:12px;display:flex;gap:12px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.legal-link{background:none;border:none;color:#151391;cursor:pointer;font-family:inherit;font-size:1.4rem;padding:4px 8px;text-decoration:underline;text-shadow:2px 2px 2px #fff;text-underline-offset:2px;transition:opacity .2s ease}.legal-link:focus,.legal-link:hover{opacity:1}.legal-separator{color:#151311;font-size:.85rem;opacity:.5}.legal-screen{background:linear-gradient(135deg,#f8f6f4,#e8e4e0);box-sizing:border-box;height:100%;overflow-y:auto;padding:20px;position:relative;width:100%}.back-button{background:#151311;border-radius:8px;box-shadow:0 2px 8px #15131133;color:#f8f6f4;font-family:inherit;font-size:1rem;left:20px;padding:10px 20px;position:fixed;top:20px;transition:transform .2s ease,box-shadow .2s ease;z-index:100}.back-button:hover{box-shadow:0 4px 12px #1513114d;transform:translateY(-2px)}.back-button:active{box-shadow:0 2px 4px #15131133;transform:translateY(0)}.legal-content{background:#fff;border-radius:16px;box-shadow:0 4px 24px #15131114;margin:60px auto 40px;max-width:700px;padding:40px}.legal-title{border-bottom:3px solid #151311;color:#151311;font-family:againstMadness,sans-serif;font-size:2.5rem;margin-bottom:40px;padding-bottom:20px}.legal-section{margin-bottom:32px}.legal-section h2{color:#151311;font-size:1.4rem;font-weight:600;margin-bottom:16px}.legal-section p{color:#333;line-height:1.7;margin-bottom:8px}.legal-section ul{color:#333;line-height:1.7;margin:12px 0;padding-left:24px}.legal-section ul li{margin-bottom:6px}.legal-block{margin-bottom:16px}.legal-block h3{color:#888;font-size:.75rem;font-weight:600;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.legal-block p{color:#151311;font-size:1rem;margin:0}.legal-block.highlight{background:#f8f6f4;border-left:4px solid #151311;border-radius:8px;margin-top:16px;padding:16px}.legal-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:600px){.legal-content{margin:50px 10px 30px;padding:24px}.legal-title{font-size:2rem}.back-button{font-size:.9rem;left:10px;padding:8px 16px;top:10px}.legal-grid{grid-template-columns:1fr}}.punch-circle{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:180px;justify-content:center;opacity:.3;position:absolute;transition:all .3s ease;width:180px}.punch-circle.current{border:3px solid #ffde00;box-shadow:0 0 20px #ffde00;opacity:1;transform:scale(1.1)}.punch-circle.left{background-color:#f36;left:18%}.punch-circle.right{background-color:#36f;right:18%}.character-container{align-items:flex-end;bottom:0;display:flex;height:100%;justify-content:center;left:50%;position:absolute;transform:translateX(calc(-50% + var(--character-translate-x)));transition:transform .2s linear;width:100%}.character-image{display:block;height:auto;width:100%}.combo-mode-layout,.game-mode-container{align-items:center;position:relative}.combo-mode-layout,.game-mode-container,.rest-mode-layout{display:flex;height:100%;justify-content:center;width:100%}.rest-mode-layout{background-color:initial;border-radius:10px}.test-mode-layout{justify-content:space-around}.dodge-mode-layout,.test-mode-layout{align-items:center;display:flex;height:100%;width:100%}.dodge-mode-layout{background-color:#e0e0e0;border-radius:10px;justify-content:center}.game-screen{display:flex;flex-direction:column;height:100vh}.game-header{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:10px;z-index:2}.game-video-area{flex:1 1;position:relative}.game-content-overlay{background-color:#0000;height:100%;left:0;position:absolute;right:0;width:100%}.back-button-container{flex:1 1;height:100%}.back-button{background:#0000;border:none;color:#000;cursor:pointer;font-family:Scribeedoo,sans-serif;font-size:18px;font-weight:bolder;padding:4px}.timer-container{flex:1 1;flex-direction:column}.phase-info-container{align-items:start;display:flex;flex:1 1;height:100%;justify-content:flex-end;padding-top:20px}.punch-circles-container{height:100%;position:relative;width:100%}.dodge-glove{bottom:20%;height:auto;opacity:.3;position:absolute;transform:translateY(0);transition:all .1s;width:150px}.dodge-glove.left{right:40%}.dodge-glove.right{left:40%}.dodge-glove.current{opacity:1}.dodge-glove.current.anticipation{transform:translateX(0) translateY(-100%) scale(1.5);transform:translateX(var(--glove-translate-x,0)) translateY(-100%) scale(1.5)}.dodge-glove.current:not(.anticipation){transform:translateX(0) translateY(33%) scale(1.5);transform:translateX(var(--glove-translate-x,0)) translateY(33%) scale(1.5);transition:all .5s ease-in}@media (max-width:642px){.dodge-glove{height:32vw;width:32vw}}.hitbox-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:100}.hitbox{border:2px solid #fff;height:20%;position:absolute;top:40%}
/*# sourceMappingURL=main.fad9174e.css.map*/