#movement-canvas{width:100%;height:152px;background-color:#f8faff;border-radius:var(--border-radius-md);border:1px dashed rgba(74,108,247,0.3);cursor:crosshair;transition:border-color var(--transition-fast)}#movement-canvas:hover{border-color:var(--primary-color)}.wheel-box{width:100%;height:120px;background:#f8faff;border-radius:var(--border-radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed rgba(74,108,247,0.3);transition:border-color var(--transition-fast);color:var(--text-color-dark)}.wheel-box i{font-size:2.5rem;color:var(--primary-color)}.wheel-box:hover{border-color:var(--primary-color)}.click-zone{flex:1;text-align:center;border-radius:var(--border-radius-lg);font-weight:600;transition:all var(--transition-fast);cursor:pointer;background:#f8faff;border:1px dashed transparent}.click-zone:hover{background:#e9ecef}.click-zone:active{transform:scale(0.98)}.test-result{padding:0.75rem;border-radius:var(--border-radius-md);background:#f8f9fa;border:1px solid #e9ecef;font-weight:500;transition:all var(--transition-fast)}.test-result.success{background:var(--notification-success);border-color:var(--notification-success-border);color:var(--notification-success-text)}.speed-test-result{background:var(--notification-info);border-color:var(--notification-info-border);color:var(--notification-info-text)}.speed-test-result.testing{background:var(--notification-warning);border-color:var(--notification-warning-border);color:var(--notification-warning-text)}.click-zone[data-button="left"]{border:1px dashed var(--primary-color);color:var(--primary-color)}.click-zone[data-button="middle"]{border:1px dashed #6c757d;color:#6c757d}.click-zone[data-button="right"]{border:1px dashed #dc3545;color:#dc3545}.click-zone[data-button="speed"]{border:1px dashed var(--primary-color);color:var(--primary-color)}.progress-container{height:8px;background:#e9ecef;border-radius:4px;margin:10px 0}.progress-bar-custom{height:100%;background:var(--primary-color);border-radius:4px;width:0%;transition:width 0.1s}.stat-card{background:#f8f9fa;border-radius:var(--border-radius-lg);padding:1rem 0.5rem;text-align:center;border:1px solid var(--border-color-dark)}.stat-value{font-size:1.8rem;font-weight:700;color:var(--primary-color);line-height:1.2}.stat-label{font-size:0.8rem;color:var(--text-color-light);text-transform:uppercase}.result-card{background:var(--white-bg);border-radius:var(--border-radius-lg);padding:1rem;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.02);border:1px solid var(--border-color-light)}.result-value{font-size:1.2rem;font-weight:600;margin-top:0.25rem}.mouse-icon{font-size:2rem;color:var(--primary-color);margin-bottom:0.25rem}