@font-face{font-family:Orbitron;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0acc7fdf55eb3220-s.p.3oprs0vbfre0x.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0acc7fdf55eb3220-s.p.3oprs0vbfre0x.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron;font-style:normal;font-weight:800;font-display:swap;src:url(../media/0acc7fdf55eb3220-s.p.3oprs0vbfre0x.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron;font-style:normal;font-weight:900;font-display:swap;src:url(../media/0acc7fdf55eb3220-s.p.3oprs0vbfre0x.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron Fallback;src:local(Arial);ascent-override:81.5%;descent-override:19.59%;line-gap-override:0.0%;size-adjust:124.05%}.orbitron_c3d1dafb-module__pxcRxq__className{font-family:Orbitron,Orbitron Fallback;font-style:normal}.orbitron_c3d1dafb-module__pxcRxq__variable{--font-orbitron:"Orbitron", "Orbitron Fallback"}
@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_7fd6e321-module__c-jmua__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_7fd6e321-module__c-jmua__variable{--font-outfit:"Outfit", "Outfit Fallback"}
:root{--font-display:"Orbitron", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--bg-darker:#08090c;--bg-dark:#0e1015;--bg-card:#121621a6;--border-light:#ffffff12;--border-glow:#00e5ff26;--neon-cyan:#00e5ff;--neon-magenta:#ff007f;--neon-green:#00ff9f;--neon-yellow:#fffb00;--text-white:#f8fafc;--text-gray:#94a3b8;--text-dark:#64748b;--shadow-neon-cyan:0 0 15px #00e5ff59;--shadow-neon-magenta:0 0 15px #ff007f59;--shadow-neon-green:0 0 15px #00ff9f59;--glass-blur:blur(16px);--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-darker);color:var(--text-white);font-family:var(--font-body);min-height:100vh;position:relative;overflow-x:hidden}.bg-effects{z-index:-2;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.grid-overlay{background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:absolute;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.glow-orb{filter:blur(120px);opacity:.12;border-radius:50%;position:absolute}.orb-1{background:var(--neon-cyan);width:500px;height:500px;top:-10%;right:10%}.orb-2{background:var(--neon-magenta);width:600px;height:600px;bottom:-20%;left:-10%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}.app-container{flex-direction:column;gap:1.5rem;max-width:1600px;min-height:100vh;margin:0 auto;padding:1.5rem;display:flex}.app-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.logo-box{background:#00e5ff0d;border:1px solid #00e5ff4d;border-radius:10px;justify-content:center;align-items:center;padding:.35rem;display:flex}.brand-text h1{font-family:var(--font-display);letter-spacing:2px;align-items:center;font-size:1.5rem;font-weight:900;display:flex}.brand-text .accent-text{color:var(--neon-magenta);text-shadow:0 0 10px #ff007f4d;margin-left:.25rem}.version-tag{font-family:var(--font-display);color:var(--neon-cyan);letter-spacing:1px;background:#00e5ff1a;border-radius:4px;padding:.1rem .4rem;font-size:.65rem}.privacy-badge{font-family:var(--font-display);color:var(--neon-green);letter-spacing:1px;background:#00ff9f14;border:1px solid #00ff9f33;border-radius:20px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.7rem;display:flex}.icon-shield{animation:2s ease-in-out infinite pulse-border}.workspace-grid{flex-direction:column;flex:1;gap:1.5rem;display:flex}.panel-column{flex-direction:column;gap:1.5rem;display:flex}.stat-card{background:var(--bg-card);border:1px solid var(--border-light);-webkit-backdrop-filter:var(--glass-blur);transition:var(--transition-smooth);border-radius:16px;padding:1.25rem;position:relative;overflow:hidden}.stat-card:hover{border-color:#ffffff26}.card-glow{background:0 0;width:100%;height:4px;position:absolute;top:0;left:0}.main-combo-card{border:1.5px solid var(--border-glow);text-align:center;background:linear-gradient(135deg,#141826cc,#0a0c14e6);flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex}.combo-title{font-family:var(--font-display);color:var(--neon-cyan);letter-spacing:3px;font-size:.8rem}.combo-number{font-family:var(--font-display);background:linear-gradient(to right, var(--text-white), var(--neon-cyan));-webkit-text-fill-color:transparent;text-shadow:0 0 20px #00e5ff66;-webkit-background-clip:text;margin:.5rem 0;font-size:4rem;font-weight:900;line-height:1;animation:3s ease-in-out infinite float}.combo-sub{font-family:var(--font-display);letter-spacing:2px;color:var(--neon-magenta);font-size:.75rem}.metrics-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.metric-card .stat-label{font-family:var(--font-display);letter-spacing:1px;color:var(--text-gray);align-items:center;gap:.4rem;font-size:.7rem;display:flex}.speed-card .card-glow{background:linear-gradient(90deg, var(--neon-cyan), transparent)}.power-card .card-glow{background:linear-gradient(90deg, var(--neon-magenta), transparent)}.metric-value-container{align-items:baseline;margin:.75rem 0 .5rem;display:flex}.metric-value{font-family:var(--font-display);color:var(--text-white);font-size:2.2rem;font-weight:800}.speed-card .metric-value{text-shadow:0 0 10px #00e5ff4d}.power-card .metric-value{text-shadow:0 0 10px #ff007f4d}.metric-unit{color:var(--text-gray);margin-left:.25rem;font-size:.8rem;font-weight:500}.progress-ring-track{background:#ffffff0d;border-radius:4px;width:100%;height:6px;margin-bottom:.5rem;overflow:hidden}.progress-ring-fill{border-radius:4px;width:0%;height:100%;transition:width .15s ease-out}.speed-card .progress-ring-fill{background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan)}.power-card .progress-ring-fill{background:var(--neon-magenta);box-shadow:0 0 8px var(--neon-magenta)}.metric-footer{color:var(--text-dark);font-size:.7rem}.breakdown-card h3{font-family:var(--font-display);letter-spacing:2px;color:var(--text-gray);margin-bottom:.8rem;font-size:.8rem}.total-punch-row{border:1px dashed var(--border-light);background:#ffffff05;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.8rem;padding:.75rem 1rem;display:flex}.total-label{font-family:var(--font-display);letter-spacing:1px;font-size:.8rem}.total-value{font-family:var(--font-display);color:var(--neon-green);text-shadow:0 0 10px #00ff9f4d;font-size:1.5rem;font-weight:800}.punch-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.punch-sub-stat{border:1px solid var(--border-light);background:#0003;border-radius:8px;flex-direction:column;padding:.5rem .75rem;display:flex}.punch-name{color:var(--text-dark);font-size:.65rem;font-weight:600}.punch-number{font-family:var(--font-display);color:var(--text-white);margin-top:.2rem;font-size:1.1rem;font-weight:700}.calories-card .card-glow{background:linear-gradient(90deg, var(--neon-green), transparent)}.cal-row{justify-content:space-around;align-items:center;display:flex}.cal-item{flex-direction:column;align-items:center;display:flex}.cal-label{font-family:var(--font-display);letter-spacing:1px;color:var(--text-gray);margin-bottom:.25rem;font-size:.65rem}.cal-val{font-family:var(--font-display);font-size:1.6rem;font-weight:700}.cal-unit{color:var(--text-dark);margin-top:-.2rem;font-size:.65rem}.calories-card .divider{background:var(--border-light);width:1px;height:35px}.feedback-card{border-left:4px solid var(--neon-cyan)}.feedback-indicator{font-family:var(--font-display);color:var(--neon-cyan);letter-spacing:1px;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.7rem;display:flex}.pulse-dot{background-color:var(--neon-cyan);width:6px;height:6px;box-shadow:0 0 6px var(--neon-cyan);border-radius:50%;animation:1.5s ease-in-out infinite pulse-dot}.coach-text{color:var(--text-white);align-items:center;min-height:2.8rem;font-size:.9rem;line-height:1.4;display:flex}.arena-column{flex-direction:column;gap:1.5rem;display:flex}.arena-card{background:var(--bg-card);border:1px solid var(--border-light);-webkit-backdrop-filter:var(--glass-blur);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.arena-header{border-bottom:1px solid var(--border-light);background:#0000004d;justify-content:space-between;align-items:center;padding:.8rem 1.25rem;display:flex}.status-indicator{align-items:center;gap:.5rem;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.offline{background:var(--text-dark)}.status-dot.connecting{background:var(--neon-yellow);animation:1s infinite pulse-dot}.status-dot.online{background:var(--neon-green);box-shadow:0 0 10px var(--neon-green)}.status-text{font-family:var(--font-display);letter-spacing:1px;color:var(--text-gray);font-size:.75rem}.fps-counter{font-family:var(--font-display);color:var(--text-dark);font-size:.75rem}.arena-workspace-row{flex-direction:row;align-items:stretch;gap:1.25rem;padding:1.25rem;display:flex}@media (max-width:900px){.arena-workspace-row{flex-direction:column}}.video-container{aspect-ratio:4/3;border:1px solid var(--border-light);background:#000;border-radius:12px;flex:1;justify-content:center;align-items:center;min-width:0;max-height:480px;display:flex;position:relative;overflow:hidden}#webcam{object-fit:cover;opacity:.85;width:100%;height:100%;transform:scaleX(-1)}#canvas-overlay{object-fit:cover;z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}.webcam-warning{text-align:center;z-index:10;background:#0e1015f2;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;padding:2rem;display:flex;position:absolute;top:0;left:0}.webcam-warning svg{color:var(--neon-magenta);filter:drop-shadow(0 0 8px #ff007f66)}.webcam-warning h3{font-family:var(--font-display);letter-spacing:1px;font-size:1.4rem}.webcam-warning p{color:var(--text-gray);max-width:400px;font-size:.9rem;line-height:1.5}.hidden{display:none!important}.arena-footer{border-top:1px solid var(--border-light);background:#0003;padding:1rem}.controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.btn-group{align-items:center;gap:.75rem;display:flex}.btn{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.75rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--neon-cyan);color:var(--bg-darker);box-shadow:0 0 10px #00e5ff33}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-neon-cyan);background:#fff;transform:translateY(-2px)}.btn-secondary{border-color:var(--border-light);color:var(--text-white);background:0 0}.btn-secondary:hover:not(:disabled){border-color:var(--text-gray);background:#ffffff0d;transform:translateY(-2px)}.btn-icon{border:1px solid var(--border-light);color:var(--text-gray);cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;padding:.65rem;display:inline-flex}.btn-icon:hover{color:var(--text-white);border-color:var(--text-gray);background:#ffffff14}.select-wrapper{position:relative}.select-input{border:1px solid var(--border-light);color:var(--text-gray);font-family:var(--font-display);letter-spacing:1px;cursor:pointer;transition:var(--transition-smooth);appearance:none;background:#ffffff08;border-radius:8px;outline:none;padding:.65rem 1rem;font-size:.7rem;font-weight:600}.select-input:hover{color:var(--text-white);border-color:var(--text-gray)}.select-input option{background:var(--bg-dark);color:var(--text-white)}.settings-card{padding:1rem}.settings-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:768px){.settings-grid{grid-template-columns:1fr}}.setting-item{flex-direction:column;gap:.5rem;display:flex}.setting-labels{justify-content:space-between;align-items:center;display:flex}.setting-name{font-family:var(--font-display);color:var(--text-dark);letter-spacing:1px;font-size:.65rem;font-weight:600}.setting-val{font-family:var(--font-display);color:var(--neon-cyan);font-size:.75rem;font-weight:700}.range-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none;width:100%;height:4px}.range-slider::-webkit-slider-thumb{appearance:none;background:var(--neon-cyan);width:14px;height:14px;box-shadow:0 0 8px var(--neon-cyan);cursor:pointer;border-radius:50%;transition:transform .1s}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.loading-overlay{background-color:var(--bg-darker);z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.loading-box{border:1px solid var(--border-light);text-align:center;width:90%;max-width:450px;-webkit-backdrop-filter:var(--glass-blur);background:#0e1015d9;border-radius:24px;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem;display:flex;box-shadow:0 20px 50px #00000080}.spinner-container{width:80px;height:80px;position:relative}.spinner{border:4px solid #00e5ff0d;border-top-color:var(--neon-cyan);border-radius:50%;width:100%;height:100%;animation:1s linear infinite spin}.spinner-inner{border:4px solid #0000;border-bottom-color:var(--neon-magenta);border-radius:50%;width:60px;height:60px;animation:1.5s linear infinite spin-reverse;position:absolute;top:10px;left:10px}.loading-box h2{font-family:var(--font-display);letter-spacing:4px;background:linear-gradient(135deg, var(--neon-cyan), var(--neon-magenta));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:900}.loading-box p{color:var(--text-gray);letter-spacing:1px;font-size:.9rem}.progress-bar-container{background:#ffffff0d;border-radius:2px;width:100%;height:4px;margin-top:.5rem;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--neon-cyan), var(--neon-magenta));width:0%;height:100%;transition:width .3s}.punch-flash{border:0px solid var(--neon-magenta);width:100%;height:100%;box-shadow:inset 0 0 0px var(--neon-magenta);pointer-events:none;z-index:999;transition:border-width 50ms,box-shadow 50ms;position:fixed;top:0;left:0}.punch-flash.active{border-width:15px;animation:.4s ease-out forwards flash-decay;box-shadow:inset 0 0 100px #ff007f99}.pow-overlay{font-family:var(--font-display);color:var(--neon-yellow);text-shadow:0 0 15px var(--neon-yellow), 0 0 30px var(--neon-magenta), 0 0 50px var(--neon-magenta);letter-spacing:2px;z-index:998;pointer-events:none;opacity:0;font-size:6rem;font-style:italic;font-weight:950;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.pow-overlay.active{animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards pow-zoom}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes pulse-border{0%,to{border-color:#00ff9f33}50%{border-color:#00ff9f99}}@keyframes flash-decay{0%{opacity:1}to{opacity:0;border-width:0;box-shadow:inset 0 0 #0000}}@keyframes pow-zoom{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-15deg)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.4)rotate(5deg)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)rotate(-5deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)rotate(0)}}.focus-mode-card{border-left:4px solid var(--neon-magenta)}.focus-btn-group{grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-top:.75rem;display:grid}.btn-focus{border:1px solid var(--border-light);color:var(--text-gray);font-family:var(--font-display);letter-spacing:.5px;cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;border-radius:10px;flex-direction:column;align-items:center;gap:.4rem;padding:.65rem .35rem;font-size:.65rem;font-weight:600;display:flex}.btn-focus svg{color:var(--text-dark);transition:var(--transition-smooth)}.btn-focus:hover{color:var(--text-white);background:#ffffff0f;border-color:#fff3}.btn-focus:hover svg{color:var(--text-white)}.btn-focus.active{border-color:var(--neon-magenta);color:var(--neon-magenta);background:#ff007f14;box-shadow:inset 0 0 10px #ff007f33}.btn-focus.active svg{color:var(--neon-magenta);filter:drop-shadow(0 0 4px #ff007f66)}.hologram-active #webcam{filter:grayscale()brightness(.4)contrast(1.8);transition:opacity .5s,filter .5s;opacity:.06!important}#btn-toggle-hologram.active{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00e5ff14;box-shadow:inset 0 0 10px #00e5ff33}#btn-toggle-hologram.active svg{color:var(--neon-cyan);filter:drop-shadow(0 0 4px #00e5ff66)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.challenger-card{border-color:#ff007f33}.challenger-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.challenger-header h3{font-family:var(--font-display);letter-spacing:2px;color:var(--text-gray);margin:0;font-size:.8rem}.badge-streak{font-family:var(--font-display);color:var(--neon-magenta);text-shadow:0 0 5px #ff007f66;background:#ff007f26;border:1px solid #ff007f4d;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:800}.target-combo-display{gap:.5rem;margin:.75rem 0;display:flex}.challenge-step{text-align:center;font-family:var(--font-display);border:1px solid var(--border-light);color:var(--text-gray);background:#ffffff08;border-radius:6px;flex:1;padding:.4rem .25rem;font-size:.75rem;font-weight:800;transition:all .2s}.challenge-step.active{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00e5ff1a;box-shadow:0 0 8px #00e5ff33}.challenge-step.completed{border-color:var(--neon-green);color:var(--neon-green);text-shadow:0 0 5px #00ff9f66;background:#00ff9f26;box-shadow:0 0 8px #00ff9f40}.challenger-footer{justify-content:space-between;align-items:center;margin-top:.5rem;font-size:.7rem;display:flex}.next-target{color:var(--text-gray)}.accent-magenta{color:var(--neon-magenta);text-shadow:0 0 5px #ff007f4d}.feedback-text{color:var(--text-dark);font-style:italic}.settings-flex-row{border-bottom:1px solid var(--border-light);gap:1.5rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}@media (max-width:768px){.settings-flex-row{flex-direction:column;gap:1rem}}.settings-group{flex:1}.settings-group h3{font-family:var(--font-display);color:var(--text-dark);letter-spacing:1px;margin-bottom:.5rem;font-size:.7rem;font-weight:600}.builder-buttons{flex-wrap:wrap;gap:.35rem;display:flex}.btn-build{border:1px solid var(--border-light);color:var(--text-white);font-family:var(--font-display);cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;border-radius:4px;padding:4px 8px;font-size:.65rem;font-weight:700}.btn-build:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00e5ff1a;box-shadow:0 0 5px #00e5ff33}.btn-build.btn-clear{color:var(--neon-magenta);background:#ff007f0d;border-color:#ff007f4d}.btn-build.btn-clear:hover{border-color:var(--neon-magenta);color:var(--neon-magenta);background:#ff007f26;box-shadow:0 0 5px #ff007f33}.trainer-hud-banner{border:1px solid var(--border-light);background:#0a0c14d9;border-radius:12px;flex-direction:column;flex-shrink:0;gap:.55rem;width:300px;max-height:480px;padding:.85rem 1rem;transition:all .3s;display:flex;position:relative;overflow-y:auto}@media (max-width:900px){.trainer-hud-banner{width:100%;max-height:none}}.trainer-hud-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem;padding-bottom:.4rem;display:flex}.hud-phase-label{font-family:var(--font-display);color:var(--text-white);letter-spacing:1px;font-size:.75rem}.hud-phase-label strong{color:var(--neon-cyan)}.hud-phase-progress{font-family:var(--font-display);color:var(--neon-green);text-shadow:0 0 5px #00ff9f66;font-size:.75rem;font-weight:800}.hud-instructions{color:var(--text-gray);text-align:left;min-height:1.6rem;font-size:.7rem;font-weight:500;line-height:1.4}.hud-stance-checkers{justify-content:center;gap:1rem;margin-top:.15rem;display:flex}.hud-check-item{font-family:var(--font-display);letter-spacing:.5px;border:1px solid #0000;border-radius:4px;padding:3px 10px;font-size:.65rem;font-weight:800;transition:all .2s}.hud-check-item.pass{border-color:var(--neon-green);color:var(--neon-green);text-shadow:0 0 5px #00ff9f66;background:#00ff9f26}.hud-check-item.fail{color:var(--neon-magenta);background:#ff007f1a;border-color:#ff007f4d}.hud-move-selector{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.15rem;display:flex}.btn-learn-move{border:1px solid var(--border-light);color:var(--text-gray);font-family:var(--font-display);cursor:pointer;background:#ffffff08;border-radius:4px;padding:3px 8px;font-size:.65rem;font-weight:700;transition:all .2s}.btn-learn-move:hover{color:var(--neon-cyan);border-color:var(--neon-cyan);background:#00e5ff14}.btn-learn-move.active{color:var(--neon-cyan);border-color:var(--neon-cyan);text-shadow:0 0 3px #00e5ff66;background:#00e5ff26;box-shadow:0 0 6px #00e5ff4d}.hud-ai-coach-strip{border:1px solid #00e5ff40;border-left:3px solid var(--neon-cyan);background:#00e5ff0f;border-radius:6px;align-items:center;gap:.6rem;margin-top:.2rem;padding:.45rem .75rem;display:flex}.hud-ai-coach-strip .feedback-indicator{font-family:var(--font-display);color:var(--neon-cyan);letter-spacing:.5px;white-space:nowrap;align-items:center;gap:.4rem;padding-top:2px;font-size:.65rem;font-weight:800;display:flex}.coach-text-single{color:var(--text-white);white-space:normal;word-break:break-word;flex:1;font-size:.72rem;font-weight:500;line-height:1.3}.hud-next-strip{border:1px solid #ff007f4d;border-left:3px solid var(--neon-magenta);background:#ff007f14;border-radius:6px;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.35rem;padding:.35rem .75rem;display:flex;box-shadow:0 0 8px #ff007f26}.hud-next-label{font-family:var(--font-display);color:#ffffffb3;letter-spacing:.6px;font-size:.62rem;font-weight:800}.hud-next-val{font-family:var(--font-display);color:var(--neon-magenta);text-shadow:0 0 6px #ff007f99;letter-spacing:.8px;font-size:.8rem;font-weight:900}