@keyframes penalty-flash{0%,to{color:inherit}50%{color:#ff3860}}#stimulusDisplay{width:200px;height:200px;margin:20px auto;border-radius:12px}#stimulusDisplay.sound-only{border:0}#stimulusDisplay,#stimulusDisplay.color-stimulus{border:2px solid #333}.key-mapping{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px auto;max-width:600px;padding:20px}.key-item{display:flex;flex-direction:column;align-items:center;padding:15px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;transition:transform .2s ease}.key-item:hover{transform:translateY(-2px)}.key-color{width:40px;height:40px;border-radius:8px;margin-bottom:10px}.key-label{color:#4b5563;font-size:1.2em;text-transform:uppercase}.sound-controls{display:flex;justify-content:center;gap:20px;margin:20px 0;padding:20px;background:#fff;border:2px solid #e5e7eb;border-radius:12px}.arrow-key{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-weight:500;color:#4b5563}.arrow-key svg{width:24px;height:24px}@media (max-width:768px){.settings-section-header{flex-direction:column;gap:15px;align-items:flex-start}.section-icon{font-size:28px;margin-top:0}.section-title{font-size:1.3rem}.section-description{font-size:.9rem}.settings-section-content{padding:20px}.section-buttons{width:100%;flex-direction:column}.settings-button{width:100%;justify-content:center}}@media (max-width:640px){.key-mapping{grid-template-columns:repeat(3,1fr)}.sound-controls{flex-direction:column}.settings-section{margin-bottom:20px}.settings-section-header{padding:15px 20px}.settings-section-content{padding:15px}.section-title{font-size:1.2rem}.section-icon{font-size:24px}}#quiz-content-reaction-id{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.level-value{transition:all .3s ease}.penalty-flash{animation:penalty-flash .5s ease}.level-a #stimulusDisplay{border:4px solid #209cee}.level-b #stimulusDisplay{border:4px solid #3273dc}.level-c #stimulusDisplay{border:4px solid #48c774}.level-d #stimulusDisplay{border:4px solid #ffdd57}.level-e #stimulusDisplay{border:4px solid #ff7f00}.level-f #stimulusDisplay{border:4px solid #ff3860}.level-g #stimulusDisplay{border:4px solid #90c}.level-stats-table{box-shadow:0 2px 3px rgba(0,0,0,.1)}.level-stats-table th{font-weight:700}.level-stats-table tr:nth-child(even){background-color:#f9f9f9}.level-stats-table tr:hover{background-color:#f0f0f0}.settings-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:30px;overflow:hidden}.settings-section-header{display:flex;align-items:flex-start;gap:15px;padding:20px 25px;background:linear-gradient(135deg,#f8fafc 0,#f1f5f9 100%);border-bottom:1px solid #e5e7eb}.section-icon{font-size:32px;margin-top:5px;flex-shrink:0}.section-title-group{flex:1;min-width:0}.section-title{margin:0 0 8px;font-size:1.5rem;font-weight:600;color:#1f2937;line-height:1.2}.section-description{margin:0;font-size:.95rem;color:#6b7280;line-height:1.4}.settings-section-content{padding:25px}.section-buttons{display:flex;gap:10px;flex-shrink:0}.color-settings-section .settings-section-header,.direction-settings-section .settings-section-header,.scoring-settings-section .settings-section-header,.sound-settings-section .settings-section-header{background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 100%)}.color-settings-section .section-title,.direction-settings-section .section-title,.scoring-settings-section .section-title,.sound-settings-section .section-title{color:#1f2937}.color-settings-section .section-description,.direction-settings-section .section-description,.scoring-settings-section .section-description,.sound-settings-section .section-description{color:#4b5563}.scoring-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:15px;margin:0;font-size:.95rem;color:#475569;line-height:1.5;border-left:4px solid #6366f1}.mapping-section{margin-bottom:20px}.mapping-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.config-key-btn,.config-sound-key-btn{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:5px 8px;cursor:pointer;display:flex;align-items:center;transition:background-color .2s}.config-key-btn:hover,.config-sound-key-btn:hover{background-color:#e8e8e8}.key-mapping-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:25px;margin-bottom:15px}.key-badge,.key-map-item{display:flex;align-items:center}.key-map-item{flex-direction:column;padding:12px;border-radius:6px;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:transform .2s;position:relative}.key-map-item:hover{transform:scale(1.03)}.key-badge{position:absolute;top:-8px;right:-8px;background-color:#333;color:#fff;border-radius:20px;width:24px;height:24px;justify-content:center;font-weight:700;box-shadow:0 2px 3px rgba(0,0,0,.2);border:2px solid #fff}.sound-key{background-color:#f5f5f5;border:1px solid #ddd}.color-name,.sound-name{margin-top:5px;font-weight:500}.level-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;margin:15px 0}.level-info-item{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:4px;background-color:#f5f5f5;font-size:.9em}.level-badge{font-weight:700;font-size:1.2em;margin-bottom:3px}.key-mapping-modal{max-width:600px}.preset-section{margin-bottom:20px}.preset-buttons{display:flex;gap:10px;margin-top:10px}.direction-preset-btn,.preset-btn,.sound-preset-btn{padding:8px 15px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:background-color .2s}.direction-preset-btn:hover,.preset-btn:hover,.sound-preset-btn:hover{background-color:#e8e8e8}.mapping-config{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.key-config-row{display:flex;align-items:center;padding:10px;background-color:#f9f9f9;border-radius:6px}.color-sample{width:30px;height:30px;border-radius:4px;margin-right:15px;border:1px solid rgba(0,0,0,.1)}.key-label{flex:1;font-weight:500}.key-input-container{position:relative}.key-input{width:40px;height:40px;text-align:center;font-size:1.2em;border:2px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer}.key-input:focus{border-color:#3273dc;outline:0;box-shadow:0 0 0 2px rgba(50,115,220,.25)}.config-instructions{margin-top:15px;padding:10px;background-color:#f0f7ff;border-left:4px solid #3273dc;border-radius:2px}.quiz-content.level-a{border-left:5px solid #209cee}.quiz-content.level-b{border-left:5px solid #3273dc}.quiz-content.level-c{border-left:5px solid #48c774}.quiz-content.level-d{border-left:5px solid #ffdd57}.quiz-content.level-e{border-left:5px solid #ff7f00}.quiz-content.level-f{border-left:5px solid #ff3860}.quiz-content.level-g{border-left:5px solid #90c}.settings-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.95rem;color:#374151;box-shadow:0 1px 2px rgba(0,0,0,.05);flex-shrink:0}.settings-button:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 2px 4px rgba(0,0,0,.1);transform:translateY(-1px)}.settings-button:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.05)}.settings-button svg{color:#6b7280;transition:color .2s ease}.settings-button:hover svg{color:#374151}.settings-button span{font-size:inherit}.test-sound-btn{background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff;border-color:#047857}.test-sound-btn:hover{background:linear-gradient(135deg,#059669 0,#047857 100%);border-color:#065f46;color:#fff}.button-emoji{font-size:16px;line-height:1}.level-stats-table{width:100%;border-collapse:collapse;margin-top:20px}.level-stats-table td,.level-stats-table th{padding:8px;text-align:center;border:1px solid #ddd}.level-stats-table th{background-color:#f2f2f2}.total-row{background-color:#f9f9f9}.total-row td{border-top:2px solid #999}.stimulus-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.color-stats,.direction-stats,.sound-stats{padding:15px;background-color:#f5f5f5;border-radius:5px}@media (max-width:768px){.stimulus-stats{grid-template-columns:1fr}}.explanation-row{font-style:italic;font-size:.9em;color:#666}.explanation-row td{border-top:none}.direction-arrow-container,.stimulus-container{display:flex;align-items:center;justify-content:center}.stimulus-container{position:relative;margin:20px auto;height:200px;width:100%;max-width:600px}.direction-arrow-container{position:absolute;width:80px;height:80px;border-radius:50%;background-color:#f9f9f9;border:2px solid #f1f1f1}.direction-arrow-container.left{right:100%;margin-right:30px}.direction-arrow-container.right{left:100%;margin-left:30px}.direction-arrow{font-size:40px;color:#cecece}.direction-arrow-container.active{background-color:#f0f7ff;border-color:#3273dc;box-shadow:0 0 15px rgba(50,115,220,.5);transform:scale(1.1)}.direction-arrow-container.active .direction-arrow{color:#3273dc;font-weight:700}@media (max-width:768px){.direction-arrow-container{width:60px;height:60px}.direction-arrow-container.left{margin-right:15px}.direction-arrow-container.right{margin-left:15px}.direction-arrow{font-size:30px}}@media (max-width:480px){.direction-arrow-container{width:50px;height:50px}.direction-arrow{font-size:24px}}.direction-key{background-color:#f5f5f5;border:1px solid #ddd;position:relative}.direction-name{margin-top:5px;font-weight:500}.browser-compatibility-notice{margin:20px 0;padding:8px 12px;border-radius:4px;font-size:14px}.compatible-message{color:#198754;background-color:#d1e7dd;padding:8px;border-radius:4px}.incompatible-message{color:#ff9800;background-color:rgba(255,152,0,.05);padding:8px;border-radius:4px}.gamepad-section h4{margin-bottom:15px;color:#333}.gamepad-section h5{font-size:15px;margin:10px 0}.connected-gamepads{background:#f9f9f9;border-radius:4px;padding:10px;margin-bottom:15px}.gamepad-item{display:flex;align-items:center;background:#fff;border:1px solid #eee;border-radius:4px;padding:10px;margin-bottom:8px}.gamepad-icon{font-size:24px;margin-right:10px}.gamepad-name{font-weight:600;margin-bottom:4px}.gamepad-details{font-size:13px;color:#666}.no-gamepads{padding:15px;text-align:center;color:#666;font-style:italic}.gamepad-settings,.pedal-setting{margin-bottom:15px}.threshold-slider{width:100%;margin:10px 0}.pedal-visualization{position:relative;height:30px;margin-top:5px}.pedal-track{position:relative;background-color:#eee;height:20px;border-radius:10px;overflow:hidden}.pedal-value,.threshold-marker{position:absolute;top:0;height:100%}.threshold-marker{width:2px;background-color:#dc3545;z-index:2}.pedal-value{left:0;background-color:#6c757d;width:50%;transition:width .1s ease;border-radius:10px 0 0 10px}.pedal-value.active{background-color:#198754}.gamepad-instructions{background-color:#f0f7ff;border-left:4px solid #3273dc;padding:10px 15px;margin-top:15px}.gamepad-instructions ul{margin:8px 0 8px 20px}.gamepad-instructions li{margin-bottom:5px}.key-map-item .direction-arrow{font-size:24px;margin-top:5px}.direction-icon{font-size:24px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-right:15px}.device-list{background-color:#f5f5f5;border-radius:5px;padding:15px;margin-bottom:20px;min-height:50px}.device-item{background-color:#eee;border-radius:4px;padding:10px;margin-bottom:10px}.device-name{font-weight:700;margin-bottom:5px}.device-info{font-size:14px;color:#666}.device-id{font-size:12px;color:#999}.no-devices{font-style:italic;color:#888}.input-display{background-color:#f5f5f5;border-radius:5px;padding:15px;margin-bottom:20px;margin-top:20px}.input-row{display:flex;align-items:center;margin-bottom:15px}.input-label{flex:0 0 100px}.input-value{flex:0 0 60px;font-family:monospace;text-align:right}.input-bar-container{flex:1;margin:0 10px;height:20px;background-color:#ddd;border-radius:10px;overflow:hidden;position:relative}.input-bar{height:100%;width:50%;background-color:#4caf50;transition:width .1s ease}.input-bar.negative{background-color:#f44336}.center-marker{position:absolute;left:50%;top:0;bottom:0;width:2px;background-color:rgba(0,0,0,.3)}.input-settings{background-color:#f5f5f5;border-radius:5px;padding:15px}.setting-group{margin-bottom:15px}.setting-label{display:block;margin-bottom:5px}.setting-control{width:100%}.device-info-message{background-color:#e3f2fd;border-radius:4px;padding:10px;margin-top:10px;border-left:4px solid #2196f3}.modal-content.key-mapping-modal{max-height:90vh;max-width:800px;width:90%}.key-mapping-modal .modal-body{max-height:70vh;overflow-y:auto;padding-right:10px}.gamepad-option-section{margin:20px 0;padding:15px;background-color:#f5f5f5;border-radius:5px}.gamepad-toggle,.toggle-switch{display:flex;align-items:center}.toggle-switch{cursor:pointer}.toggle-switch input[type=checkbox]{margin-right:10px;transform:scale(1.3)}.toggle-label{font-weight:500;color:#333}.gamepad-section{margin-top:15px;padding-top:15px;border-top:1px solid #ddd}.footpedal-badge,.using-footpedals .key-badge{background-color:#4caf50}.direction-key-item.using-footpedals{background-color:#f0f7f0;border:1px solid #4caf50}.footpedal-badge{font-size:18px}.mapping-info-section{padding:0;background:0 0}