.wf-debug-overlay{position:fixed;top:12px;right:12px;width:144px;height:108px;border-radius:8px;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 16px #0006;transition:width .2s ease-out,height .2s ease-out,top .2s ease-out,left .2s ease-out}.wf-debug-overlay--calibrating{right:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:min(70vw,480px);height:min(52vh,360px)}.wf-status{position:fixed;top:12px;left:12px;padding:8px 14px;background:#0b0e13bf;border-radius:6px;font-size:14px;max-width:min(60vw,420px)}.wf-status-retry{position:fixed;top:12px;left:12px;margin-top:44px;padding:6px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#4fa8e059;color:inherit;font-size:13px;font-weight:600;cursor:pointer}.wf-hit-flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;z-index:5}.wf-hud-bars{position:fixed;top:12px;left:50%;transform:translate(-50%);width:min(90vw,640px);display:flex;flex-direction:column;gap:6px}.wf-hud-bar-row{display:flex;align-items:center;gap:8px}.wf-hud-bar-label{width:64px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.wf-hud-bar-track{flex:1;height:14px;border-radius:7px;background:#ffffff1f;overflow:hidden}.wf-hud-bar-fill{height:100%;border-radius:7px;transition:width .15s ease-out}.wf-hud-round{position:fixed;top:12px;left:50%;transform:translate(-50%);margin-top:56px;font-size:13px;opacity:.85}.wf-calibration{position:fixed;bottom:8vh;left:50%;transform:translate(-50%);width:min(90vw,480px);text-align:center;padding:20px 28px}.wf-calibration-prompt{font-size:17px;font-weight:600;margin-bottom:12px}.wf-calibration-progress-track{height:8px;border-radius:4px;background:#ffffff1f;overflow:hidden}.wf-calibration-progress-fill{height:100%;border-radius:4px;background:#4fa8e0;transition:width .15s ease-out}.wf-calibration-hint{margin-top:10px;font-size:12px;opacity:.7}.wf-result-stats{margin-top:8px;font-size:13px;font-weight:400;opacity:.85}.wf-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90vw,560px);max-height:80vh;overflow-y:auto;padding:24px 28px}.wf-menu-title{font-size:20px;font-weight:700;margin-bottom:16px;text-align:center}.wf-menu-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.wf-menu-opponent{padding:10px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:inherit;font-size:14px;text-align:left;cursor:pointer}.wf-menu-opponent:hover:not(:disabled){background:#ffffff24}.wf-menu-opponent--locked{opacity:.4;cursor:not-allowed}.wf-menu-button{display:block;width:100%;padding:10px 14px;margin-top:8px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#4fa8e040;color:inherit;font-size:14px;font-weight:600;cursor:pointer}.wf-menu-button:hover{background:#4fa8e066}.wf-menu-settings{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}.wf-menu-slider-row{display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:10px}.wf-menu-slider-row label{width:150px;flex-shrink:0}.wf-menu-slider-row input[type=range]{flex:1}.wf-menu-slider-row span{width:44px;text-align:right;flex-shrink:0}.wf-result{position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:700;text-align:center;padding:16px 24px}.wf-naming{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:20px 28px;display:flex;flex-direction:column;gap:12px;width:min(90vw,360px)}.wf-naming-input{padding:8px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:inherit;font-size:14px}.wf-record-chip{position:fixed;bottom:12px;left:12px;padding:6px 12px;background:#d93c3cd9;border-radius:6px;font-size:12px;font-weight:600}.wf-frame-chip{position:fixed;bottom:12px;left:50%;transform:translate(-50%);padding:8px 16px;background:#e0483dd9;border-radius:6px;font-size:14px;font-weight:600}.wf-hud-combo{position:fixed;top:100px;left:50%;transform:translate(-50%);font-size:22px;font-weight:800;color:#ffe066;text-shadow:0 2px 6px rgba(0,0,0,.6)}.wf-callout-banner{position:fixed;bottom:60px;left:50%;transform:translate(-50%);padding:8px 18px;background:#4fa8e0d9;border-radius:6px;font-size:15px;font-weight:700}.wf-punch-log{position:fixed;top:132px;right:12px;padding:8px 14px;background:#d94b4bd9;border-radius:6px;font-size:16px;font-weight:600}