*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Courier New,Consolas,monospace;background:linear-gradient(135deg,#2d3436d9,#3d4748d9,#2d3436d9),url(/bg-texture.png);background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;color:#dfe6e9;min-height:100vh;padding:20px;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:0}.container{max-width:1200px;margin:0 auto;position:relative;z-index:1}header{text-align:center;color:#d4af37;margin-bottom:30px;background:#434c5ef2;padding:30px 20px;border:3px solid #4a5d23;border-left:8px solid #d4af37;box-shadow:0 0 0 1px #d4af374d,5px 5px 15px #00000080,inset 0 1px #ffffff1a;position:relative}.header-badge{position:absolute;top:15px;left:15px;width:120px;height:120px;opacity:.95;z-index:2;filter:drop-shadow(3px 3px 5px rgba(0,0,0,.5))}@media(max-width:768px){.header-badge{width:80px;height:80px;top:10px;left:10px}}header:before{content:"★ CLASSIFIED ★";position:absolute;top:8px;right:20px;font-size:.65em;color:#e74c3c;font-weight:700;letter-spacing:2px;opacity:.8;z-index:2}header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,#d4af37,#d4af37 10px,#2d3436 10px,#2d3436 20px)}header h1{font-size:2.5em;margin-bottom:10px;text-shadow:3px 3px 6px rgba(0,0,0,.8);font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#d4af37}.subtitle{font-size:1.1em;opacity:.9;margin-bottom:25px;color:#bdc3c7;font-weight:400;letter-spacing:1px}.header-cta{margin-top:25px;display:flex;flex-direction:column;align-items:center;gap:10px}.btn-cta{display:inline-block;padding:16px 40px;background:linear-gradient(180deg,#5d6d3b,#4a5d23);color:#d4af37;text-decoration:none;border-radius:0;font-size:1.3em;font-weight:900;box-shadow:0 0 0 2px #d4af37,0 0 0 4px #4a5d23,5px 5px #0000004d;transition:all .2s ease;text-transform:uppercase;letter-spacing:2px;border:2px solid #2d3436;position:relative;font-family:Courier New,monospace}.btn-cta:before{content:"▶";margin-right:10px}.btn-cta:after{content:"◀";margin-left:10px}.btn-cta:hover{transform:translate(2px,2px);box-shadow:0 0 0 2px #d4af37,0 0 0 4px #4a5d23,3px 3px #0000004d;background:linear-gradient(180deg,#6d7d4b,#5a6d33)}@keyframes pulse-cta{0%,to{box-shadow:0 0 0 2px #d4af37,0 0 0 4px #4a5d23,5px 5px #0000004d}50%{box-shadow:0 0 0 2px #e4bf47,0 0 0 4px #5a6d33,5px 5px #0006}}.cta-subtext{font-size:.95em;color:#95a5a6;margin:0;letter-spacing:1px;font-weight:400}#configurator{scroll-margin-top:20px}@media(max-width:768px){.btn-cta{font-size:1.1em;padding:14px 32px}}.community-section{background:linear-gradient(135deg,#434c5ef2,#2d3436f2);border-radius:0;padding:25px;margin-bottom:20px;box-shadow:5px 5px 15px #00000080;border:2px solid #4a5d23;border-left:6px solid #d4af37;position:relative}.community-section:before{content:"COMMAND CENTER";position:absolute;top:-12px;left:20px;background:#2d3436;padding:2px 15px;font-size:.75em;color:#d4af37;font-weight:700;letter-spacing:2px;border:1px solid #4a5d23}.community-box h3{font-size:1.3em;margin-bottom:15px;color:#d4af37;text-align:center;text-transform:uppercase;letter-spacing:2px;font-weight:900}.community-links{display:flex;flex-direction:column;gap:15px;align-items:center}.community-link{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(180deg,#5d6d3b,#4a5d23);color:#d4af37;text-decoration:none;border-radius:0;font-weight:700;transition:all .2s ease;box-shadow:3px 3px #0006;border:2px solid #2d3436;text-transform:uppercase;letter-spacing:1px;font-size:.9em}.community-link:hover{background:linear-gradient(180deg,#6d7d4b,#5a6d33);transform:translate(2px,2px);box-shadow:1px 1px #0006}.community-link.github-link{background:linear-gradient(180deg,#3d4748,#2d3436);box-shadow:3px 3px #0006}.community-link.github-link:hover{background:linear-gradient(180deg,#4d5758,#3d4748);box-shadow:1px 1px #0006}.community-link .icon{font-size:1.3em}.server-info{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#4a5d234d;border-radius:0;color:#ecf0f1;text-align:center;border-left:4px solid #d4af37;border:2px solid #4a5d23;font-weight:400}.server-info .icon{font-size:1.3em}.server-info strong{color:#d4af37;font-weight:900}@media(max-width:768px){.community-links{width:100%}.community-link,.server-info{width:100%;justify-content:center}}.about-section{background:linear-gradient(135deg,#434c5ef2,#2d3436f2);border-radius:0;padding:30px;margin-bottom:20px;box-shadow:5px 5px 15px #00000080;border:2px solid #4a5d23;border-left:6px solid #d4af37}.about-section h2{font-size:1.8em;margin-bottom:20px;color:#d4af37;text-align:center;text-transform:uppercase;letter-spacing:3px;font-weight:900;border-bottom:3px solid #4a5d23;padding-bottom:15px}.about-section h3{font-size:1.4em;margin-top:30px;margin-bottom:15px;color:#d4af37;text-transform:uppercase;letter-spacing:2px;font-weight:900;border-left:4px solid #d4af37;padding-left:15px}.about-section h4{font-size:1.1em;margin-bottom:10px;color:#d4af37;text-transform:uppercase;letter-spacing:1px;font-weight:700}.about-content{margin-bottom:25px}.about-content p{font-size:1.05em;line-height:1.7;margin-bottom:15px;color:#bdc3c7;font-weight:400}.about-content ul{margin:15px 0;padding-left:25px}.about-content ul li{font-size:1.05em;line-height:1.7;margin-bottom:10px;color:#bdc3c7;font-weight:400}.about-content ul li::marker{color:#d4af37}.about-content strong{color:#d4af37;font-weight:900}.instructions{margin-bottom:25px}.instruction-list{list-style:none;counter-reset:instruction-counter;padding-left:0}.instruction-list li{counter-increment:instruction-counter;margin-bottom:25px;padding-left:50px;position:relative}.instruction-list li:before{content:counter(instruction-counter);position:absolute;left:0;top:0;width:35px;height:35px;background:#4a5d23;color:#d4af37;border-radius:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.1em;border:2px solid #d4af37;box-shadow:2px 2px #0006}.instruction-list li strong{display:block;font-size:1.1em;color:#d4af37;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;font-weight:900}.instruction-list li p{margin:5px 0;line-height:1.6;color:#bdc3c7;font-weight:400}.instruction-list li code{display:block;background:#2d3436cc;padding:10px 12px;border-radius:0;font-family:Courier New,monospace;font-size:.9em;color:#e74c3c;margin:8px 0;word-break:break-all;border-left:3px solid #d4af37;border:1px solid #4a5d23}.instruction-list li ul{list-style:disc;margin:10px 0;padding-left:20px}.instruction-list li ul li{counter-increment:none;padding-left:0;margin-bottom:8px}.instruction-list li ul li:before{display:none}.tips-box{background:#4a5d2340;border-left:4px solid #d4af37;border-radius:0;padding:20px;margin-top:20px;border:2px solid #4a5d23;position:relative}.tips-box:before{content:"⚠ TACTICAL ADVISORY";position:absolute;top:-12px;left:15px;background:#2d3436;padding:2px 12px;font-size:.7em;color:#d4af37;font-weight:700;letter-spacing:2px;border:1px solid #4a5d23}.tips-box h4{color:#d4af37;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px;font-weight:900}.tips-box ul{list-style:none;padding-left:0}.tips-box ul li{padding-left:25px;margin-bottom:10px;position:relative;line-height:1.6;color:#bdc3c7;font-weight:400}.tips-box ul li:before{content:"▶";position:absolute;left:5px;color:#d4af37;font-weight:700}@media(max-width:768px){.about-section{padding:20px}.instruction-list li{padding-left:45px}.instruction-list li:before{width:30px;height:30px;font-size:1em}}.status-section{background:linear-gradient(135deg,#434c5ef2,#2d3436f2);border-radius:0;padding:20px;margin-bottom:20px;box-shadow:5px 5px 15px #00000080;border:2px solid #4a5d23;border-left:6px solid #d4af37}.joystick-status h2{font-size:1.3em;margin-bottom:15px;color:#d4af37;text-transform:uppercase;letter-spacing:2px;font-weight:900}#joystick-list{display:flex;flex-direction:column;gap:10px}.joystick-item{padding:12px;background:#4a5d234d;border-radius:0;border-left:4px solid #d4af37;border:2px solid #4a5d23}.joystick-name{font-weight:700;color:#d4af37;text-transform:uppercase;letter-spacing:1px}.joystick-id{font-size:.9em;color:#95a5a6;font-weight:400}.no-joysticks{color:#7f8c8d;font-style:italic;font-weight:400}.config-section{background:linear-gradient(135deg,#434c5ef2,#2d3436f2);border-radius:0;padding:20px;margin-bottom:20px;box-shadow:5px 5px 15px #00000080;border:2px solid #4a5d23;border-left:6px solid #d4af37}.vanilla-configs-section{margin-bottom:25px;padding:20px;background:#4a5d2326;border:2px solid #d4af37;border-left:6px solid #d4af37;border-radius:0}.vanilla-configs-section h3{font-size:1.3em;margin-bottom:10px;color:#d4af37;text-transform:uppercase;letter-spacing:2px;font-weight:900;text-align:center}.vanilla-hint{font-size:.95em;color:#bdc3c7;text-align:center;margin-bottom:15px;font-weight:400;line-height:1.5}.vanilla-configs-buttons{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.btn-vanilla{background:linear-gradient(180deg,#3d4748,#2d3436);color:#d4af37;padding:12px 24px;border:2px solid #2d3436;border-radius:0;font-size:1em;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;font-family:Courier New,monospace;box-shadow:3px 3px #0006}.btn-vanilla:hover{background:linear-gradient(180deg,#4d5758,#3d4748);transform:translate(2px,2px);box-shadow:1px 1px #0006}@media(max-width:768px){.vanilla-configs-buttons{flex-direction:column;width:100%}.btn-vanilla{width:100%}}.calibration-notice{background:#d4af3726;border:2px solid #d4af37;border-left:6px solid #d4af37;padding:20px;margin-bottom:20px;border-radius:0}.calibration-notice h3{color:#d4af37;margin-bottom:12px;font-size:1.3em;font-weight:900;text-transform:uppercase;letter-spacing:1px}.calibration-notice p{color:#bdc3c7;margin-bottom:10px;line-height:1.6}.calibration-notice strong{color:#d4af37;font-weight:900}.calibration-notice ol{margin:10px 0 10px 20px;color:#ecf0f1}.calibration-notice li{margin-bottom:8px;line-height:1.5}.calibration-why{margin-top:15px;padding:10px;background:#4a5d2340;border-left:3px solid #4a5d23;font-size:.95em;font-style:italic}.config-controls{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.donate-hint{margin-top:15px;text-align:center}.donate-hint a{color:#d4af37;text-decoration:none;font-size:.95em;transition:color .2s ease}.donate-hint a:hover{color:#f0d060;text-decoration:underline}.save-location-hint{margin-top:15px;padding:12px;background:#4a5d2340;border-radius:0;border-left:4px solid #d4af37;border:2px solid #4a5d23}.save-location-hint p{margin:0;font-size:.9em;color:#bdc3c7;font-weight:400}.save-location-hint strong{color:#d4af37;font-weight:900;text-transform:uppercase;letter-spacing:1px}.btn{padding:12px 24px;border:2px solid #2d3436;border-radius:0;font-size:1em;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;font-family:Courier New,monospace;box-shadow:3px 3px #0006}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#5d6d3b,#4a5d23);color:#d4af37}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#6d7d4b,#5a6d33);transform:translate(2px,2px);box-shadow:1px 1px #0006}.btn-secondary{background:linear-gradient(180deg,#3d4748,#2d3436);color:#95a5a6}.btn-secondary:hover:not(:disabled){background:linear-gradient(180deg,#4d5758,#3d4748);transform:translate(2px,2px);box-shadow:1px 1px #0006}.btn-success{background:linear-gradient(180deg,#5d6d3b,#4a5d23);color:#d4af37}.btn-success:hover:not(:disabled){background:linear-gradient(180deg,#6d7d4b,#5a6d33);transform:translate(2px,2px);box-shadow:1px 1px #0006}.btn-warning{background:linear-gradient(180deg,#e67e22,#d35400);color:#ecf0f1}.btn-warning:hover:not(:disabled){background:linear-gradient(180deg,#f39c12,#e67e22);transform:translate(2px,2px);box-shadow:1px 1px #0006}.btn-pulse{animation:pulse-button 2s ease-in-out infinite;font-size:1.1em;padding:14px 28px}@keyframes pulse-button{0%,to{transform:scale(1);box-shadow:0 4px 8px #4caf504d}50%{transform:scale(1.05);box-shadow:0 6px 16px #4caf5099}}.completion-banner{background:linear-gradient(135deg,#5d6d3b,#4a5d23);border-radius:0;padding:30px;margin:20px 0;box-shadow:5px 5px 15px #00000080;animation:slideIn .5s ease-out;border:3px solid #d4af37;position:relative}.completion-banner:before{content:"MISSION COMPLETE";position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#2d3436;padding:3px 20px;font-size:.75em;color:#d4af37;font-weight:700;letter-spacing:3px;border:2px solid #d4af37}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.completion-content{display:flex;align-items:center;gap:20px;color:#d4af37}.completion-icon{font-size:3em;animation:bounce 1s ease infinite;color:#d4af37}.completion-message h3{font-size:1.8em;margin:0 0 10px;color:#d4af37;text-transform:uppercase;letter-spacing:2px;font-weight:900}.completion-message p{font-size:1.1em;margin:0;color:#ecf0f1;line-height:1.5;font-weight:400}@media(max-width:768px){.completion-content{flex-direction:column;text-align:center}.completion-message h3{font-size:1.5em}.completion-message p{font-size:1em}}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:968px){.main-content{grid-template-columns:1fr}}.current-action-section,.actions-list-section{background:linear-gradient(135deg,#434c5ef2,#2d3436f2);border-radius:0;padding:20px;box-shadow:5px 5px 15px #00000080;border:2px solid #4a5d23;border-left:6px solid #d4af37}.current-action-section h2,.actions-list-section h2{font-size:1.3em;margin-bottom:15px;color:#d4af37;text-transform:uppercase;letter-spacing:2px;font-weight:900}.action-display{background:#2d343699;border-radius:0;padding:30px;text-align:center;margin-bottom:20px;border:2px solid #4a5d23}.action-name{font-size:1.8em;font-weight:900;color:#d4af37;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px}.action-info{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px;padding:12px 20px;background:#4a5d2333;border-radius:0;border-left:4px solid #d4af37;flex-wrap:wrap;border:1px solid #4a5d23}.importance-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.importance-indicator.critical{background:#e53935;box-shadow:0 0 8px #e5393566}.importance-indicator.important{background:#ffc107;box-shadow:0 0 8px #ffc10766}.importance-indicator.optional{background:#4caf50;box-shadow:0 0 8px #4caf5066}.action-description{font-size:1.05em;color:#ecf0f1;font-weight:500;text-align:center}.hardware-hint{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:#d4af3733;border:1px solid #d4af37;border-radius:0;font-size:.85em;color:#d4af37;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.hardware-hint:before{content:"";display:inline-block;width:16px;height:16px;background-size:contain;background-repeat:no-repeat;background-position:center}.hardware-hint.stick:before{content:"🕹️";font-size:14px}.hardware-hint.throttle:before{content:"⚡";font-size:14px}.hardware-hint.pedals:before{content:"👟";font-size:14px}.hardware-hint.trigger:before{content:"🎯";font-size:14px}.hardware-hint.button:before{content:"🔘";font-size:14px}.hardware-hint.hat:before{content:"🧭";font-size:14px}.hardware-hint.switch:before{content:"🔀";font-size:14px}@media(max-width:768px){.action-info{flex-direction:column;gap:8px}.action-description{font-size:.95em}}.action-prompt{font-size:1.2em;color:#95a5a6;margin-bottom:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.action-hint{font-size:.9em;color:#7f8c8d;font-style:italic;margin-bottom:20px;font-weight:400}.input-detection-container{margin:25px 0;min-height:120px}.input-detected{min-height:80px;padding:20px;font-size:1.4em;font-weight:700;color:#4caf50;background:#e8f5e9;border:3px solid #4CAF50;border-radius:8px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #4caf5033}.input-detected.has-input{animation:inputDetected .5s ease;background:#c8e6c9;border-color:#388e3c;color:#1b5e20;box-shadow:0 4px 12px #4caf5066}.waiting-message{color:#999;font-size:.9em;font-weight:500;font-style:italic}@keyframes inputDetected{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.confirmation-prompt{background:#fff3e0;border:3px solid #FF9800;border-radius:8px;padding:20px;text-align:center;animation:pulse-confirm 1.5s ease-in-out infinite;box-shadow:0 4px 12px #ff98004d}@keyframes pulse-confirm{0%,to{transform:scale(1);box-shadow:0 4px 12px #ff98004d}50%{transform:scale(1.02);box-shadow:0 6px 16px #ff980080}}.confirm-icon{font-size:3em;color:#4caf50;margin-bottom:10px;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.confirm-text{font-size:1.3em;font-weight:700;color:#e65100}.confirm-text kbd{display:inline-block;padding:8px 16px;background:#ff9800;color:#fff;border-radius:6px;font-family:Courier New,monospace;font-size:1.1em;font-weight:700;margin:0 5px;box-shadow:0 2px 4px #0003;border:2px solid #F57C00}.binding-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 16px;margin:8px 0;background:#a5d6a7;border:2px solid #388E3C;border-radius:6px;transition:all .2s ease}.binding-item:hover{background:#81c784;box-shadow:0 2px 8px #388e3c4d}.btn-remove-binding{background:#f44336;color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:1.4em;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1;flex-shrink:0}.btn-remove-binding:hover{background:#d32f2f;transform:scale(1.1);box-shadow:0 2px 6px #f4433666}.btn-remove-binding:active{transform:scale(.95)}.add-more-prompt{background:#e3f2fd;border:2px dashed #2196F3;border-radius:8px;padding:15px;text-align:center;margin-top:15px}.add-more-text{font-size:1.1em;color:#1565c0;font-weight:600}.add-more-text kbd{display:inline-block;padding:4px 10px;background:#2196f3;color:#fff;border-radius:4px;font-family:Courier New,monospace;font-size:.95em;font-weight:700;margin:0 4px;box-shadow:0 2px 4px #00000026;border:1px solid #1976d2}.hat-mode-control{margin-bottom:20px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.hat-mode-label{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#f0f4f8;border-radius:6px;cursor:pointer;transition:background .2s ease;font-size:.95em;color:#555}.hat-mode-label:hover{background:#e3f2fd}.hat-mode-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.calibration-instructions{margin:15px 0;padding:15px;background:#d4af3726;border:2px solid #d4af37;border-left:6px solid #d4af37;border-radius:0}.calibration-instructions p{margin:0;color:#bdc3c7;line-height:1.6;font-size:.95em}.calibration-instructions strong{color:#d4af37;font-weight:900}.fire-action-notice{display:flex;gap:15px;margin:20px 0;padding:20px;background:linear-gradient(135deg,#ff57221a,#f443361a);border:3px solid #FF5722;border-left:8px solid #FF5722;border-radius:0;animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:#ff5722;box-shadow:0 0 #ff572200}50%{border-color:#f4511e;box-shadow:0 0 20px #ff57224d}}.fire-action-icon{font-size:2.5em;line-height:1;flex-shrink:0}.fire-action-content{flex:1}.fire-action-content strong{display:block;color:#ff5722;font-size:1.1em;font-weight:900;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.fire-action-content>p{color:#ecf0f1;line-height:1.6;margin-bottom:12px;font-size:.95em}.fire-action-suggestion{margin-top:15px;padding:15px;background:#4caf5026;border:2px solid #4CAF50;border-left:4px solid #4CAF50;border-radius:0}.fire-action-suggestion p{color:#4caf50;font-weight:600;margin-bottom:10px;font-size:.95em}.fire-action-suggestion strong{color:#66bb6a;font-weight:900}.btn-small{padding:8px 16px;font-size:.9em}.action-controls{display:flex;gap:10px;justify-content:center}.progress{margin-top:20px}.progress-text{text-align:center;font-weight:600;color:#1e3c72;margin-bottom:10px}.progress-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease;width:0%}.filter-controls{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.filter-btn{padding:8px 16px;border:2px solid #e0e0e0;background:#fff;border-radius:20px;font-size:.9em;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:#2196f3;color:#2196f3}.filter-btn.active{background:#2196f3;color:#fff;border-color:#2196f3}.wcs-toggle{margin-bottom:15px}.wcs-toggle-label{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ce93d826;border:2px solid rgba(206,147,216,.4);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9em;color:#e1bee7}.wcs-toggle-label:hover{background:#ce93d840;border-color:#ce93d899}.wcs-toggle-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#ce93d8}.actions-list{display:flex;flex-direction:column;gap:8px;max-height:600px;overflow-y:auto}.action-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#f9f9f9;border-radius:6px;border-left:4px solid #e0e0e0;transition:all .2s ease}.action-item:hover{background:#f0f4f8}.action-item.clickable{cursor:pointer}.action-item.clickable:hover{background:#e3f2fd;transform:translate(4px)}.action-item.configured{border-left-color:#4caf50;background:#f1f8f4}.action-item.current{border-left-color:#2196f3;background:#e3f2fd;box-shadow:0 2px 8px #2196f333}.action-item-name{font-weight:600;color:#333;flex:1}.action-item-binding{font-size:.9em;color:#666;font-family:Courier New,monospace;margin-right:10px}.action-item-status{width:12px;height:12px;border-radius:50%;background:#e0e0e0}.action-item.configured .action-item-status{background:#4caf50}.action-item.current .action-item-status{background:#2196f3;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.actions-list::-webkit-scrollbar{width:8px}.actions-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.actions-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.actions-list::-webkit-scrollbar-thumb:hover{background:#555}.ad-container{background:linear-gradient(135deg,#434c5ef2,#2d3436f2);border-radius:0;padding:20px;margin-bottom:20px;box-shadow:5px 5px 15px #00000080;text-align:center;min-height:100px;display:block;overflow:hidden;border:2px solid #4a5d23;border-left:6px solid #d4af37}.ad-container ins.adsbygoogle{display:block;width:100%;min-width:300px}.ad-bottom{margin-top:20px;margin-bottom:20px}.page-footer{text-align:center;padding:30px 20px;margin-top:40px;border-top:3px solid #4a5d23;background:#2d3436f2;border:2px solid #4a5d23;border-top:4px solid #d4af37}.page-footer p{margin:0;color:#95a5a6;font-size:.9em;font-weight:400}.page-footer a{color:#d4af37;text-decoration:none;font-weight:700;transition:color .3s ease;text-transform:uppercase;letter-spacing:1px}.page-footer a:hover{color:#e4bf47;text-decoration:underline}.version-separator{margin:0 10px;color:#7f8c8d}.version-info{color:#95a5a6}.version-info code{background:#4a5d234d;padding:2px 8px;border-radius:0;font-family:Courier New,monospace;font-size:.85em;color:#d4af37;border:1px solid #4a5d23}@media(max-width:600px){.page-footer p{display:flex;flex-direction:column;gap:8px}.version-separator{display:none}}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;animation:slideUpBanner .4s ease}@keyframes slideUpBanner{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-consent-banner .cookie-consent-content{background:linear-gradient(135deg,#434c5efa,#2d3436fa);border-top:4px solid #d4af37;box-shadow:0 -5px 20px #00000080;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.cookie-consent-banner .cookie-icon{font-size:2em;flex-shrink:0}.cookie-consent-banner .cookie-consent-text{flex:1;min-width:250px}.cookie-consent-banner .cookie-consent-text p{margin:0;font-size:.95em;line-height:1.5;color:#bdc3c7;font-weight:400}.cookie-consent-banner .cookie-consent-text strong{color:#d4af37;font-weight:900}.cookie-consent-banner .cookie-consent-actions{display:flex;gap:10px;flex-shrink:0}.btn-banner{padding:10px 24px;border:2px solid #2d3436;border-radius:0;font-size:.9em;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;font-family:Courier New,monospace;box-shadow:2px 2px #0006}.btn-banner.btn-accept{background:linear-gradient(180deg,#5d6d3b,#4a5d23);color:#d4af37}.btn-banner.btn-accept:hover{background:linear-gradient(180deg,#6d7d4b,#5a6d33);transform:translate(1px,1px);box-shadow:1px 1px #0006}.btn-banner.btn-decline{background:linear-gradient(180deg,#3d4748,#2d3436);color:#95a5a6}.btn-banner.btn-decline:hover{background:linear-gradient(180deg,#4d5758,#3d4748);transform:translate(1px,1px);box-shadow:1px 1px #0006}@media(max-width:768px){.cookie-consent-banner .cookie-consent-content{flex-direction:column;align-items:flex-start;gap:15px}.cookie-consent-banner .cookie-consent-text{min-width:100%}.cookie-consent-banner .cookie-consent-actions{width:100%;flex-direction:column}.btn-banner{width:100%}}.joystick-visualization{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;padding:15px;margin:20px 0}.viz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #dee2e6}.viz-header h3{margin:0;font-size:1.1em;color:#1e3c72}.viz-no-devices{padding:20px;text-align:center;color:#666;font-style:italic}.viz-gamepad{background:#fff;border:2px solid #dee2e6;border-radius:6px;padding:15px;margin-bottom:15px}.viz-gamepad:last-child{margin-bottom:0}.viz-gamepad-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #dee2e6}.viz-device-number{display:inline-flex;align-items:center;justify-content:center;background:#1e3c72;color:#fff;font-weight:900;font-size:.8em;padding:4px 12px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.viz-device-name{font-size:.85em;color:#666;font-style:italic;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viz-device-badge{display:inline-flex;align-items:center;justify-content:center;background:#1e3c72;color:#fff;font-weight:700;font-size:.75em;padding:2px 6px;border-radius:3px;margin-right:5px;min-width:20px}.viz-content{display:grid;gap:15px}.viz-axes{display:flex;flex-direction:column;gap:8px}.viz-axis{display:flex;align-items:center;gap:10px}.viz-axis-label{min-width:80px;font-size:.85em;font-weight:600;color:#495057;display:flex;align-items:center}.viz-axis-bar-container{flex:1;height:24px;background:#e9ecef;border-radius:4px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.viz-axis-center-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#adb5bd;z-index:1}.viz-axis-bar{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#4caf50,#66bb6a);transition:all .05s ease-out;box-shadow:0 0 8px #4caf5080}.viz-axis-bar.active{background:linear-gradient(90deg,#ffc107,#ffd54f);box-shadow:0 0 12px #ffc107b3}.viz-axis-value{min-width:50px;text-align:right;font-family:Courier New,monospace;font-size:.85em;color:#495057;font-weight:600}.viz-buttons{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px;border-top:1px solid #dee2e6}.viz-button{min-width:42px;height:32px;border-radius:16px;background:#e9ecef;border:2px solid #adb5bd;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 8px;font-size:.75em;font-weight:600;color:#6c757d;transition:all .1s ease}.viz-button.active{background:#ffc107;border-color:#ffa000;color:#fff;box-shadow:0 0 12px #ffc107cc;transform:scale(1.05)}.viz-button-device{background:#1e3c72;color:#fff;font-weight:700;font-size:.7em;padding:1px 4px;border-radius:2px;min-width:14px;text-align:center}.viz-button.active .viz-button-device{background:#0000004d}.viz-button-number{font-weight:700}@media(max-width:768px){.viz-header{flex-direction:column;align-items:flex-start;gap:5px}.viz-axis-label{min-width:50px;font-size:.75em}.viz-axis-value{min-width:45px;font-size:.75em}.viz-button{width:28px;height:28px;font-size:.7em}}