.settings-overview-card{border-left:4px solid #4d88ff}.hotkeys-card{border-left:4px solid #f39c12}.quickcast-card{border-left:4px solid #e74c3c}.camera-card{border-left:4px solid #3498db}.minimap-card{border-left:4px solid #2ecc71}.audio-card{border-left:4px solid #9b59b6}.pro-settings-card{border-left:4px solid #f1c40f}.performance-card{border-left:4px solid #e67e22}.settings-icon{background:rgba(77,136,255,.15);color:#4d88ff}.hotkeys-icon{background:rgba(243,156,18,.15);color:#f39c12}.quickcast-icon{background:rgba(231,76,60,.15);color:#e74c3c}.camera-icon{background:rgba(52,152,219,.15);color:#3498db}.minimap-icon{background:rgba(46,204,113,.15);color:#2ecc71}.audio-icon{background:rgba(155,89,182,.15);color:#9b59b6}.pro-icon{background:rgba(241,196,15,.15);color:#f1c40f}.performance-icon{background:rgba(230,126,34,.15);color:#e67e22}.settings-priority{background:rgba(77,136,255,.05);padding:2rem;border-radius:12px;margin:2rem 0}.settings-priority h3{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;text-align:center;color:#ffffff}.hotkey-layouts{display:grid;grid-gap:2rem;gap:2rem;margin:2rem 0}.layout-card{background:rgba(255,255,255,.02);padding:2rem;border-radius:12px;border:2px solid rgba(243,156,18,.3);transition:all .3s}.layout-card:hover{border-color:rgba(243,156,18,.5);transform:translateY(-4px);box-shadow:0 8px 24px rgba(243,156,18,.2)}.layout-card h4{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:#f39c12;text-align:center}.layout-card.qwer-layout{border-color:rgba(46,204,113,.3)}.layout-card.qwer-layout:hover{border-color:rgba(46,204,113,.5);box-shadow:0 8px 24px rgba(46,204,113,.2)}.layout-card.qwer-layout h4{color:#2ecc71}.layout-card.legacy-layout{border-color:rgba(231,76,60,.3)}.layout-card.legacy-layout:hover{border-color:rgba(231,76,60,.5);box-shadow:0 8px 24px rgba(231,76,60,.2)}.layout-card.legacy-layout h4{color:#e74c3c}.layout-card.custom-layout{border-color:rgba(155,89,182,.3)}.layout-card.custom-layout:hover{border-color:rgba(155,89,182,.5);box-shadow:0 8px 24px rgba(155,89,182,.2)}.layout-card.custom-layout h4{color:#9b59b6}.layout-visual{background:rgba(0,0,0,.3);padding:2rem;border-radius:10px;margin:1.5rem 0;display:flex;flex-direction:column;gap:.75rem;align-items:center}.key-row{gap:.5rem}.key,.key-row{display:flex;justify-content:center}.key{width:48px;height:48px;align-items:center;font-size:1.125rem;font-weight:700;border-radius:6px;border:2px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:#aaaaaa;font-family:Courier New,monospace}.key.ability{background:rgba(241,196,15,.15);border-color:rgba(241,196,15,.4);color:#f1c40f;box-shadow:0 0 12px rgba(241,196,15,.2)}.key.normal{opacity:.5}.layout-details{margin-top:1.5rem}.layout-details .mapping,.layout-details .recommendation,.layout-details .usage{display:block;padding:.75rem;background:rgba(77,136,255,.08);border-radius:6px;margin:.75rem 0;font-weight:600;color:#4d88ff}.layout-details p{font-size:1rem;line-height:1.7;color:#cccccc;margin:.75rem 0}.layout-details ul{margin:.5rem 0 1rem;padding-left:1.5rem;list-style:disc}.layout-details li{line-height:1.6;color:#cccccc;font-size:.95rem;margin:.5rem 0}.item-hotkey-options{display:grid;grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.option-card{background:rgba(77,136,255,.05);padding:1.5rem;border-radius:10px;border:1px solid rgba(77,136,255,.2)}.option-card h4{font-size:1.25rem;font-weight:700;margin:0 0 1rem;color:#4d88ff}.hotkey-mapping{display:block;padding:1rem;background:rgba(0,0,0,.3);border-radius:8px;margin:1rem 0;text-align:center}.mapping-item{font-family:Courier New,monospace;font-size:1.05rem;font-weight:700;color:#f1c40f}.option-card p{font-size:.95rem;line-height:1.6;color:#cccccc;margin:.5rem 0}.usage-stat{display:block;padding:.75rem;background:rgba(46,204,113,.1);border-radius:6px;color:#2ecc71;font-weight:600}.control-tip,.usage-stat{margin-top:1rem;font-size:.95rem}.control-tip{padding:1rem;background:rgba(243,156,18,.1);border-radius:8px;border-left:3px solid #f39c12;color:#cccccc;line-height:1.6}.cast-comparison{display:grid;grid-gap:2rem;gap:2rem;margin:2rem 0}.cast-method{background:rgba(255,255,255,.02);padding:2rem;border-radius:12px;border:2px solid;transition:all .3s}.cast-method.normal-cast{border-color:rgba(52,152,219,.3)}.cast-method.quick-cast{border-color:rgba(231,76,60,.3)}.cast-method.quickcast-release{border-color:rgba(46,204,113,.3)}.cast-method:hover{transform:translateY(-4px)}.cast-method.normal-cast:hover{border-color:rgba(52,152,219,.5);box-shadow:0 8px 24px rgba(52,152,219,.2)}.cast-method.quick-cast:hover{border-color:rgba(231,76,60,.5);box-shadow:0 8px 24px rgba(231,76,60,.2)}.cast-method.quickcast-release:hover{border-color:rgba(46,204,113,.5);box-shadow:0 8px 24px rgba(46,204,113,.2)}.cast-method h4{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.cast-method.normal-cast h4{color:#3498db}.cast-method.quick-cast h4{color:#e74c3c}.cast-method.quickcast-release h4{color:#2ecc71}.method-flow{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:1.5rem 0;flex-wrap:wrap}.flow-step{padding:.75rem 1.25rem;background:rgba(77,136,255,.15);border-radius:8px;color:#4d88ff;font-weight:600;font-size:.95rem;border:1px solid rgba(77,136,255,.3)}.flow-arrow{font-size:1.5rem;color:#666666;font-weight:700}.time-cost{display:block;padding:1rem;background:rgba(241,196,15,.1);border-radius:8px;margin:1rem 0;text-align:center;font-weight:700;color:#f1c40f;font-family:Courier New,monospace;font-size:1.05rem}.method-details p{font-size:.95rem;line-height:1.6;color:#cccccc;margin:.75rem 0}.method-details ul{margin:.5rem 0 1rem;padding-left:1.5rem}.method-details li{line-height:1.6;color:#cccccc;font-size:.95rem;margin:.5rem 0}.best-for{margin-top:1rem;padding:1rem;background:rgba(155,89,182,.1);border-radius:8px;border-left:3px solid #9b59b6;font-weight:600;color:#9b59b6}.ability-categories{display:grid;grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.category-card{padding:1.5rem;border-radius:10px;border:2px solid}.category-card.quickcast-category{background:rgba(231,76,60,.05);border-color:rgba(231,76,60,.3)}.category-card.release-category{background:rgba(46,204,113,.05);border-color:rgba(46,204,113,.3)}.category-card.normalcast-category{background:rgba(52,152,219,.05);border-color:rgba(52,152,219,.3)}.category-card h4{font-size:1.25rem;font-weight:700;margin:0 0 1rem}.category-card.quickcast-category h4{color:#e74c3c}.category-card.release-category h4{color:#2ecc71}.category-card.normalcast-category h4{color:#3498db}.category-card ul{list-style:none;padding:0;margin:0}.category-card li{padding:.75rem;background:rgba(255,255,255,.02);border-radius:6px;margin:.5rem 0;line-height:1.6;color:#cccccc;font-size:.95rem}.config-steps{display:grid;grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.config-step{display:flex;gap:1.5rem;align-items:flex-start;padding:1.5rem;background:rgba(77,136,255,.05);border-radius:10px;border:1px solid rgba(77,136,255,.2)}.step-num{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#4d88ff,#357ae8);color:#ffffff;font-size:1.5rem;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(77,136,255,.3)}.step-content h5{font-size:1.125rem;font-weight:700;margin:0 0 .5rem;color:#4d88ff}.step-content p{font-size:.95rem;line-height:1.6;color:#cccccc;margin:0}.camera-settings-grid{display:grid;grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.setting-card{background:rgba(52,152,219,.05);padding:1.5rem;border-radius:10px;border:1px solid rgba(52,152,219,.2)}.setting-card h4{font-size:1.25rem;font-weight:700;margin:0 0 1rem;color:#3498db}.setting-value{display:block;padding:.75rem;background:rgba(77,136,255,.15);border-radius:6px;margin:1rem 0;text-align:center;font-weight:700;color:#4d88ff;font-family:Courier New,monospace;font-size:1.05rem}.setting-card p{font-size:.95rem;line-height:1.6;color:#cccccc;margin:.75rem 0}.setting-card ul{margin:.5rem 0;padding-left:1.5rem}.setting-card li{line-height:1.6;color:#cccccc;font-size:.95rem;margin:.5rem 0}.pro-setting{background:rgba(241,196,15,.1);border-left:3px solid #f1c40f;color:#f1c40f}.pro-setting,.tip{margin-top:1rem;padding:.75rem;border-radius:6px;font-weight:600;font-size:.95rem}.tip{background:rgba(46,204,113,.1);border-left:3px solid #2ecc71;color:#2ecc71}.note{margin-top:1rem;padding:.75rem;background:rgba(155,89,182,.1);border-radius:6px;color:#9b59b6;font-size:.95rem}.recommendation{background:rgba(77,136,255,.1);color:#4d88ff}.recommendation,.usage{margin-top:1rem;padding:.75rem;border-radius:6px;font-weight:600;font-size:.95rem}.usage{background:rgba(46,204,113,.1);color:#2ecc71}.technique-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.technique-card{background:rgba(52,152,219,.05);padding:1.5rem;border-radius:10px;border:1px solid rgba(52,152,219,.2)}.technique-card h4{font-size:1.125rem;font-weight:700;margin:0 0 .75rem;color:#3498db}.technique-card p{font-size:.95rem;line-height:1.6;color:#cccccc;margin:.5rem 0}.minimap-settings-grid{display:grid;grid-gap:2rem;gap:2rem;margin:2rem 0}.minimap-setting{background:rgba(46,204,113,.05);padding:1.5rem;border-radius:10px;border:1px solid rgba(46,204,113,.2)}.minimap-setting h4{font-size:1.25rem;font-weight:700;margin:0 0 1rem;color:#2ecc71}.setting-slider{display:flex;align-items:center;gap:1rem;margin:1rem 0;padding:1rem;background:rgba(0,0,0,.2);border-radius:8px}.slider-label{font-size:.875rem;color:#999999;white-space:nowrap}.slider-bar{position:relative;flex:1 1;height:8px;background:rgba(255,255,255,.1);border-radius:4px}.slider-fill{position:absolute;height:100%;background:linear-gradient(90deg,#2ecc71,#27ae60);border-radius:4px;transition:width .3s}.slider-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#2ecc71;border-radius:50%;border:3px solid rgba(0,0,0,.5);box-shadow:0 2px 8px rgba(46,204,113,.4);cursor:pointer}.recommended-value{display:block;padding:.75rem;background:rgba(46,204,113,.15);border-radius:6px;margin:1rem 0;text-align:center;font-weight:700;color:#2ecc71;font-family:Courier New,monospace;font-size:1.05rem}.position-options{margin:1rem 0}.position-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(255,255,255,.02);border-radius:6px;margin:.5rem 0}.position-option input[type=radio]{width:20px;height:20px;cursor:pointer}.option-label{font-size:1rem;color:#cccccc;font-weight:600}.setting-toggle{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:rgba(0,0,0,.2);border-radius:8px;margin:1rem 0}.toggle-label{font-size:1rem;font-weight:700;color:#2ecc71}.toggle-switch{width:60px;height:32px;background:#2ecc71;border-radius:16px;position:relative}.toggle-switch:after{content:"";position:absolute;width:24px;height:24px;background:#ffffff;border-radius:50%;top:4px;right:4px;box-shadow:0 2px 4px rgba(0,0,0,.3)}.setting-toggle.enabled{border:1px solid rgba(46,204,113,.3)}.minimap-setting p{font-size:.95rem;line-height:1.6;color:#cccccc;margin:.75rem 0}.minimap-setting ul{margin:.5rem 0;padding-left:1.5rem}.minimap-setting li{line-height:1.6;color:#cccccc;font-size:.95rem;margin:.5rem 0}.critical{padding:.75rem;background:rgba(231,76,60,.15);border-radius:6px;border-left:3px solid #e74c3c;color:#e74c3c;font-weight:700}.critical,.training-exercise{margin-top:1rem;font-size:.95rem}.training-exercise{padding:1rem;background:rgba(77,136,255,.1);border-radius:8px;border-left:3px solid #4d88ff;color:#cccccc;line-height:1.6}.audio-settings-grid{display:grid;grid-gap:2rem;gap:2rem;margin:2rem 0}.audio-setting{background:rgba(155,89,182,.05);padding:1.5rem;border-radius:10px;border:1px solid rgba(155,89,182,.2)}.audio-setting h4{font-size:1.25rem;font-weight:700;margin:0 0 1rem;color:#9b59b6}.volume-bar{display:flex;align-items:center;gap:1rem;margin:1rem 0;padding:1rem;background:rgba(0,0,0,.2);border-radius:8px}.volume-label{font-size:.875rem;color:#999999;white-space:nowrap;min-width:30px}.volume-fill{height:8px;background:linear-gradient(90deg,#9b59b6,#8e44ad);border-radius:4px}.audio-setting p{font-size:.95rem;line-height:1.6;color:#cccccc;margin:.75rem 0}.audio-cue-grid{display:grid;grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.cue-setting{padding:1.5rem;border-radius:10px;border:2px solid;transition:all .3s}.cue-setting.enabled{background:rgba(46,204,113,.05);border-color:rgba(46,204,113,.3)}.cue-setting.optional{background:rgba(243,156,18,.05);border-color:rgba(243,156,18,.3)}.cue-setting:hover{transform:translateY(-2px)}.cue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cue-header h4{font-size:1.25rem;font-weight:700;margin:0}.cue-setting.enabled .cue-header h4{color:#2ecc71}.cue-setting.optional .cue-header h4{color:#f39c12}.status-badge{padding:.4rem .8rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.cue-setting.enabled .status-badge{background:rgba(46,204,113,.2);color:#2ecc71}.cue-setting.optional .status-badge{background:rgba(243,156,18,.2);color:#f39c12}.cue-setting p{font-size:.95rem;line-height:1.6;color:#cccccc;margin:.75rem 0}.cue-setting ul{margin:.5rem 0;padding-left:1.5rem}.cue-setting li{line-height:1.6;color:#cccccc;font-size:.95rem;margin:.5rem 0}.gameplay{margin-top:1rem;padding:.75rem;background:rgba(77,136,255,.1);border-radius:6px;color:#4d88ff;font-weight:600;font-size:.95rem}.audio-mode-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.mode-option{padding:1.5rem;border-radius:10px;border:2px solid rgba(155,89,182,.3);background:rgba(155,89,182,.05)}.mode-option.recommended{border-color:rgba(46,204,113,.4);background:rgba(46,204,113,.08)}.mode-option h4{font-size:1.25rem;font-weight:700;margin:0 0 1rem;color:#9b59b6}.mode-option.recommended h4{color:#2ecc71}.mode-option p{font-size:.95rem;line-height:1.6;color:#cccccc;margin:.75rem 0}.mode-option ul{margin:.5rem 0;padding-left:1.5rem}.mode-option li{line-height:1.6;color:#cccccc;font-size:.95rem;margin:.5rem 0}.pro-config-grid{display:grid;grid-gap:2rem;gap:2rem;margin:2rem 0}.pro-config-card{background:rgba(241,196,15,.05);padding:2rem;border-radius:12px;border:2px solid rgba(241,196,15,.3);transition:all .3s}.pro-config-card:hover{border-color:rgba(241,196,15,.5);box-shadow:0 8px 24px rgba(241,196,15,.2)}.pro-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.pro-header h4{font-size:1.5rem;font-weight:700;margin:0;color:#f1c40f}.pro-role{font-size:.875rem;color:#999999;font-weight:600}.config-details{display:grid;grid-gap:1.5rem;gap:1.5rem}.config-section h5{font-size:1.125rem;font-weight:700;margin:0 0 .75rem;color:#4d88ff}.config-section ul{list-style:none;padding:0;margin:0}.config-section li{padding:.5rem 0;color:#cccccc;font-size:.95rem;line-height:1.6;border-bottom:1px solid rgba(255,255,255,.05)}.config-section li:last-child{border-bottom:none}.config-section p{font-size:.95rem;line-height:1.6;color:#aaaaaa;margin:.75rem 0;padding:1rem;background:rgba(255,255,255,.02);border-radius:6px;border-left:3px solid #f39c12}.fps-targets{margin:2rem 0}.fps-targets h3{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;text-align:center;color:#ffffff}.target-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.5rem;gap:1.5rem}.target-card{padding:1.5rem;border-radius:10px;border:2px solid;text-align:center}.target-card.minimum{background:rgba(231,76,60,.05);border-color:rgba(231,76,60,.3)}.target-card.recommended{background:rgba(243,156,18,.05);border-color:rgba(243,156,18,.3)}.target-card.competitive{background:rgba(46,204,113,.05);border-color:rgba(46,204,113,.3)}.target-card.extreme{background:rgba(155,89,182,.05);border-color:rgba(155,89,182,.3)}.target-card h4{font-size:1.125rem;font-weight:700;margin:0 0 1rem}.target-card.minimum h4{color:#e74c3c}.target-card.recommended h4{color:#f39c12}.target-card.competitive h4{color:#2ecc71}.target-card.extreme h4{color:#9b59b6}.target-value{font-size:2rem;font-weight:900;font-family:Courier New,monospace;margin:1rem 0}.target-card.minimum .target-value{color:#e74c3c}.target-card.recommended .target-value{color:#f39c12}.target-card.competitive .target-value{color:#2ecc71}.target-card.extreme .target-value{color:#9b59b6}.target-card p{font-size:.95rem;line-height:1.6;color:#aaaaaa;margin:.75rem 0 0}.graphics-settings{display:grid;grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.setting-row{display:grid;grid-template-columns:200px 1fr;grid-gap:1.5rem;gap:1.5rem;padding:1.5rem;background:rgba(255,255,255,.02);border-radius:10px;border-left:4px solid}.setting-row.critical{border-color:#e74c3c;background:rgba(231,76,60,.05)}.setting-row.high-impact{border-color:#f39c12;background:rgba(243,156,18,.05)}.setting-row.medium-impact{border-color:#3498db;background:rgba(52,152,219,.05)}.setting-row.low-impact{border-color:#95a5a6;background:rgba(149,165,166,.05)}.setting-row.recommended{border-color:#2ecc71;background:rgba(46,204,113,.05)}.setting-info h4{font-size:1.125rem;font-weight:700;margin:0 0 .5rem;color:#ffffff}.setting-recommendation{padding:.5rem .75rem;background:rgba(77,136,255,.2);border-radius:6px;font-size:.875rem;font-weight:700;color:#4d88ff;text-align:center}.setting-description p{font-size:.95rem;line-height:1.6;color:#cccccc;margin:.5rem 0}.advanced-settings{display:grid;grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.advanced-setting{background:rgba(230,126,34,.05);padding:1.5rem;border-radius:10px;border:1px solid rgba(230,126,34,.2)}.advanced-setting h4{font-size:1.125rem;font-weight:700;margin:0 0 .75rem;color:#e67e22}.advanced-setting p{font-size:.95rem;line-height:1.6;color:#cccccc;margin:.5rem 0}.optimization-checklist{margin:2rem 0;background:rgba(77,136,255,.05);padding:2rem;border-radius:12px}.optimization-checklist h3{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;text-align:center;color:#ffffff}.checklist{display:grid;grid-gap:.75rem;gap:.75rem}.checklist-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.02);border-radius:8px;cursor:pointer;transition:all .2s}.checklist-item:hover{background:rgba(255,255,255,.04)}.checklist-item input[type=checkbox]{width:24px;height:24px;cursor:pointer}.checklist-item span{font-size:1rem;color:#cccccc;line-height:1.6}@media (max-width:1024px){.audio-settings-grid,.camera-settings-grid,.cast-comparison,.hotkey-layouts,.minimap-settings-grid,.pro-config-grid,.setting-row{grid-template-columns:1fr}.setting-description,.setting-info{width:100%}}@media (max-width:768px){.key-row{gap:.25rem}.key{width:40px;height:40px;font-size:1rem}.method-flow{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.audio-mode-options,.target-grid,.technique-grid{grid-template-columns:1fr}}