/* Tema "Marco dorado" para las ventanas definidas en index.html (Stats, Skills, Teclas, Audio, Graficos, Soltar item).
   Se carga despues del <style> del index, asi que pisa sus reglas sin tocar el marcado. */
#playerStatsModal .player-stats-modal-box,#playerSkillsModal .player-stats-modal-box,.keybind-box,#aoAudioSettingsPanel,#aoGraphicsSettingsPanel,.drop-modal-box{
 background:linear-gradient(135deg,rgba(232,160,50,.14),rgba(20,15,8,.97) 55%),#14100a;border:2px solid #9a6a1c;border-radius:8px;color:#ddd;
 box-shadow:0 0 16px rgba(230,150,40,.09) inset,0 0 22px rgba(230,150,40,.22),0 18px 60px rgba(0,0,0,.9);outline:1px solid rgba(240,180,70,.38);outline-offset:-6px}
.player-stats-modal-header,.keybind-header,.ao-audio-header,.ao-graphics-header{background:linear-gradient(180deg,rgba(232,160,50,.16),transparent);border-bottom:1px solid rgba(154,106,28,.6)}
.player-stats-modal-header{padding:12px 16px}
.player-stats-modal-header h2,.keybind-header h2,.ao-audio-title,.ao-graphics-title,.drop-modal-box h3{margin:0;font-weight:800;letter-spacing:3px;text-transform:uppercase;
 background:linear-gradient(180deg,#fff,#f6e08a 50%,#d4af37);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px rgba(212,175,55,.5))}
.player-stats-modal-header h2,.keybind-header h2{font-size:14px}
.player-stats-close-btn,.keybind-close,.ao-audio-close,.ao-graphics-close{width:28px;height:28px;padding:0;display:grid;place-items:center;background:#1d160c;color:#ddd;border:1px solid #b07d22;border-radius:4px;cursor:pointer;font-size:16px;line-height:1}
.player-stats-close-btn:hover,.keybind-close:hover,.ao-audio-close:hover,.ao-graphics-close:hover{border-color:#f6e08a;color:#fff;background:#1d160c}
.player-stats-content{padding:14px}
/* paneles de stats / skills */
.player-sheet-panel{background:rgba(0,0,0,.28);border:1px solid rgba(154,106,28,.6);border-radius:8px;padding:10px 12px;box-shadow:inset 0 0 26px rgba(212,175,55,.06)}
.player-sheet-panel h3{margin:-10px -12px 8px;padding:8px 12px;font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;text-align:center;color:#d4af37;border-bottom:1px solid rgba(154,106,28,.6);background:linear-gradient(180deg,rgba(212,175,55,.16),transparent);text-shadow:0 0 10px rgba(212,175,55,.35)}
.player-sheet-panel-head{margin:-10px -12px 8px;padding:8px 12px;border-bottom:1px solid rgba(154,106,28,.6);background:linear-gradient(180deg,rgba(212,175,55,.16),transparent)}
.player-sheet-panel-head h3{margin:0;padding:0;border:0;background:none;text-align:left}
.player-sheet-panel-head span{color:#9b8a6c}
.player-stat-row{border-bottom:1px solid rgba(154,106,28,.2);font-size:11px;padding:5px 0}
.player-stat-row span{color:#9b8a6c}.player-stat-row strong{color:#f2e4bd}
.skill-card{background:rgba(0,0,0,.3);border:1px solid rgba(154,106,28,.35);border-radius:6px;padding:8px;transition:border-color .15s,background .15s}
.skill-card:hover{border-color:#d4af37;background:rgba(212,175,55,.07)}
.skill-card-head{color:#e6dcc0}.skill-card-head strong{color:#f6e08a}
.skill-card-foot small{color:#9b8a6c}
.skill-progress-track{background:rgba(0,0,0,.55);border:1px solid rgba(154,106,28,.4)}
.skills-refresh-status{border:1px solid rgba(154,106,28,.45);background:rgba(212,175,55,.06);color:#f6e08a;border-radius:6px}
.skill-alloc-btn{width:24px;height:24px;background:#1d160c;border:1px solid #b07d22;border-radius:4px;color:#f2e4bd}
.skill-alloc-btn:hover:not(:disabled){border-color:#f6e08a;color:#fff}
.skill-alloc-delta{color:#f6e08a;font-weight:700}
.skill-allocation-readout,.skill-allocation-footer{border-top:1px solid rgba(154,106,28,.4);color:#9b8a6c}
.skill-allocation-points strong,.skill-allocation-points span{color:#f6e08a}
.player-stats-action-btn,.keybind-footer button,.ao-audio-action,.ao-graphics-reset,.drop-btn{min-height:30px;padding:0 14px;border:1px solid #b07d22;border-radius:5px;background:linear-gradient(180deg,#2c2111,#1a1209);color:#f2e4bd;font:700 11px Arial,sans-serif;letter-spacing:.5px;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.player-stats-action-btn:hover:not(:disabled),.keybind-footer button:hover,.ao-audio-action:hover,.ao-graphics-reset:hover,.drop-btn:hover{border-color:#f6e08a;box-shadow:0 0 10px rgba(212,175,55,.35);color:#fff;background:linear-gradient(180deg,#2c2111,#1a1209)}
.player-stats-action-btn:disabled{opacity:.4}
.drop-btn:first-child{background:linear-gradient(180deg,#e2bd4e,#a47a1a);color:#1a1004;border-color:#f6e08a}
.drop-btn:first-child:hover{color:#1a1004;background:linear-gradient(180deg,#f0cd5e,#b78a22)}
/* teclas */
.keybind-box{border-color:#9a6a1c}
.keybind-body{padding:12px 16px;scrollbar-width:thin;scrollbar-color:#9a6a1c #120d07}
.keybind-category-title{color:#d4af37;font-weight:800;letter-spacing:3px;border-bottom:1px solid rgba(154,106,28,.45);padding-bottom:5px}
.keybind-action{color:#e6dcc0}
.keybind-key{background:rgba(0,0,0,.45);border:1px solid rgba(154,106,28,.6);border-radius:5px;color:#f2e4bd}
.keybind-key:hover,.keybind-key.capturing{border-color:#f6e08a;color:#f6e08a;box-shadow:0 0 10px rgba(212,175,55,.3)}
.keybind-status{color:#9b8a6c;border-top:1px solid rgba(154,106,28,.4)}.keybind-status.active{color:#f6e08a}
.keybind-footer{background:rgba(0,0,0,.25);border-top:1px solid rgba(154,106,28,.6)}
.keybind-modal{background:rgba(0,0,0,.65)}
/* audio y graficos */
#aoAudioSettingsPanel,#aoGraphicsSettingsPanel{font-family:Arial,sans-serif;width:340px}
.ao-audio-body,.ao-graphics-body{padding:14px}
.ao-audio-row{color:#bcae8a;font-size:11px;grid-template-columns:96px minmax(0,1fr) 44px}
.ao-audio-range{accent-color:#d4af37}
.ao-audio-value{color:#f6e08a;font:800 12px 'Courier New',monospace}
.ao-audio-actions,.ao-graphics-footer{border-top:1px solid rgba(154,106,28,.4)}
.ao-audio-action{flex:1}.ao-audio-action.is-muted{border-color:#f6e08a;color:#f6e08a}
.ao-audio-note,.ao-graphics-footer{color:#7d6e52;font-size:10px}
.ao-graphics-profile-row{color:#9b8a6c;font-size:10px}
.ao-graphics-profile{min-height:30px;border:1px solid rgba(154,106,28,.5);border-radius:5px;background:rgba(0,0,0,.35);color:#cdbd97;font:700 9px Arial,sans-serif;letter-spacing:0;padding:4px 2px;white-space:nowrap}
.ao-graphics-profile:hover,.ao-graphics-profile.is-active{color:#1a1004;border-color:#f6e08a;background:linear-gradient(180deg,#e2bd4e,#a47a1a)}
#aoGraphicsPresetLabel{color:#f6e08a;font-weight:800}
.ao-graphics-toggle{min-height:36px;border:1px solid rgba(154,106,28,.4);border-radius:6px;background:rgba(0,0,0,.3);color:#cdbd97;font:11px Arial,sans-serif}
.ao-graphics-toggle:hover{border-color:#d4af37;color:#f2e4bd}
.ao-graphics-toggle.is-on{border-color:#d4af37;background:linear-gradient(90deg,rgba(212,175,55,.2),rgba(212,175,55,.05));color:#f6e08a}
.ao-graphics-toggle-state{color:#7d6e52;font-size:10px;font-weight:800;letter-spacing:1px}
.ao-graphics-toggle.is-on .ao-graphics-toggle-state{color:#f6e08a}
/* soltar item */
.drop-modal-box{padding:16px 18px;gap:12px;align-items:stretch}
.drop-modal-box h3{font-size:13px;text-align:center}
.drop-modal-box input{height:32px;border:1px solid rgba(154,106,28,.6);border-radius:5px;background:rgba(0,0,0,.45);color:#f6e08a;font:800 14px 'Courier New',monospace;text-align:center;outline:none}
.drop-modal-box input:focus{border-color:#f6e08a;box-shadow:0 0 8px rgba(212,175,55,.3)}