.ejs-controls-panel{background:#f7f8f9;border-radius:5px;padding:20px;margin-top:12px;max-width:100%;box-sizing:border-box}.ejs-controls-panel.hidden{display:none}.ejs-controls-panel:not(.hidden){display:block}.ejs-control-player-bar{margin:0}.ejs-controls-panel .ejs-control-header{display:flex;align-items:center;gap:8px}.ejs-control-grid-header{margin-bottom:9px;font-size:14px!important}.ejs-controls-panel .ejs-control-player-select{padding:8px 32px 8px 12px;font-size:15px;border:1px solid #d1d5db;border-radius:5px;background:#fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23666%22%2F%3E%3C%2Fsvg%3E) no-repeat right 12px center;background-size:14px;cursor:pointer;appearance:none;transition:border-color 0.2s}.ejs-controls-panel .ejs-control-player-select:focus{outline:none;border-color:#007cba}.ejs-controls-panel .ejs-control-toggle{display:flex;gap:6px;flex-grow:1;justify-content:flex-end}.ejs-controls-panel .ejs-control-toggle button{padding:10px 20px;border:1px solid #d1d5db;border-radius:5px;background:#f9fafb;color:#333;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px;transition:all 0.2s}.ejs-controls-panel .ejs-control-toggle button.active{background:#000;color:#fff}.ejs-controls-panel .ejs-control-toggle button i{font-size:16px}.ejs-controls-panel .ejs-control-gamepad-status{font-size:14px;color:#4b5563}.ejs-controls-panel .ejs-controls-content{display:flex;flex-direction:column;gap:12px}.ejs-controls-panel .ejs-player-controls{display:none}.ejs-controls-panel .ejs-player-controls.visible{display:block}.ejs-controls-panel .ejs-control-grid{display:grid;grid-template-columns:15% 70% 15%;background:#fff;border-radius:5px;padding:12px;max-height:400px;overflow-y:auto;overflow-x:hidden}.ejs-controls-panel .ejs-control-grid::-webkit-scrollbar{width:6px}.ejs-controls-panel .ejs-control-grid::-webkit-scrollbar-track{background:#fff0}.ejs-controls-panel .ejs-control-grid::-webkit-scrollbar-thumb{background:rgb(0 0 0 / .2);border-radius:3px;transition:all 0.2s ease}.ejs-controls-panel .ejs-control-grid::-webkit-scrollbar-thumb:hover{background:rgb(0 0 0 / .4)}.ejs-controls-panel .ejs-control-grid-header{font-weight:600;font-size:14px;color:#1f2937;padding:8px;background:#f4f4f4;border-bottom:1px solid #e5e7eb}.ejs-controls-panel .ejs-control-row{display:contents}.ejs-controls-panel .ejs-control-row>div{padding:3px 8px;font-size:12px;color:#767676;display:flex;align-items:center}.ejs-controls-panel .ejs-control-row>div:nth-child(1){font-weight:500}.ejs-controls-panel .ejs-control-row input{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:5px;background:#fff;text-align:center;font-size:14px;cursor:default}.ejs-controls-panel .ejs-control-row input.mapping{animation:blink 1s step-end infinite;border-color:#007cba}@keyframes blink{50%{opacity:.5}}.ejs-controls-panel .ejs-control-row button{padding:6px 12px;background:#fff;color:#000;border:1px solid #999;border-radius:5px;cursor:pointer;width:100%;font-size:14px;transition:background 0.2s}.ejs-controls-panel .ejs-control-row button:hover{background:#000;color:#fff}.ejs-controls-panel .ejs-controls-actions{display:flex;gap:10px;margin-top:5px}.ejs-controls-panel .ejs-controls-actions button{padding:6px 16px;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background 0.2s}.ejs-controls-panel .ejs-controls-reset{background:#007cba;color:#fff}.ejs-controls-panel .ejs-controls-clear{background:#d63638;color:#fff}.ejs-controls-panel .ejs-controls-close{background:#666;color:#fff}.ejs-controls-panel .ejs-controls-reset:hover{background:#005a87}.ejs-controls-panel .ejs-controls-clear:hover{background:#b32d2e}.ejs-controls-panel .ejs-controls-close:hover{background:#000}@media (max-width:767px){.ejs-controls-panel .ejs-control-header{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px}.ejs-controls-panel .ejs-control-player-select{flex-grow:1;max-width:50%;font-size:14px}.ejs-controls-panel .ejs-control-toggle button span{display:none}.ejs-controls-panel .ejs-control-grid{grid-template-columns:30% 45% 25%;padding:10px}.ejs-controls-panel .ejs-control-grid-header,.ejs-controls-panel .ejs-control-row>div{padding:6px;font-size:10px}.ejs-controls-panel .ejs-control-row input{padding:5px 6px;font-size:13px}.ejs-controls-panel .ejs-control-row button{padding:5px 10px;font-size:13px}.ejs-controls-panel .ejs-controls-actions{gap:6px}.ejs-controls-panel .ejs-controls-actions button{width:100%}}@media (min-width:768px){.ejs-controls-panel .ejs-control-toggle button span{display:inline}}