@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Outfit:wght@400;600;700;800;900&display=swap";
.gamepad-container{max-width:1240px;color:var(--text-primary);margin:0 auto;padding:16px 20px 80px;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif}.gamepad-header{text-align:center;margin-bottom:28px;position:relative}.voxel-badge{color:#a5d6a7;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#1b5e20,#2e7d32);border:2px solid #4caf50;border-radius:4px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 14px;font-family:"Press Start 2P",monospace;font-size:.72rem;display:inline-flex;box-shadow:0 4px #1b5e20,0 6px 12px #0003}.gamepad-title{letter-spacing:-.5px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:8px;font-size:2.2rem;font-weight:900;display:flex}.gamepad-title-accent{background:linear-gradient(135deg,#00e676 0%,#00b0ff 50%,#d500f9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gamepad-subtitle{color:var(--text-secondary);max-width:720px;margin:0 auto 18px;font-size:1rem;line-height:1.5}.gamepad-toolbar{background:var(--bg-card);border:2px solid var(--border-color);box-shadow:0 4px 0 #0000001a, var(--shadow-md);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:14px 20px;display:flex}.controller-info-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.status-dot{border-radius:2px;width:12px;height:12px;display:inline-block}.status-dot.connected{background:#00e676;animation:2s infinite pulse-green;box-shadow:0 0 10px #00e676}.status-dot.disconnected{background:#ff5252;box-shadow:0 0 10px #ff5252}@keyframes pulse-green{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.controller-name{color:var(--text-primary);font-size:.95rem;font-weight:700}.player-pills{gap:6px;display:flex}.player-pill{background:var(--pill-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);border-radius:4px;padding:4px 10px;font-family:"Press Start 2P",monospace;font-size:.75rem;transition:all .15s}.player-pill.active{color:#fff;background:#2979ff;border-color:#1565c0;box-shadow:0 2px #0d47a1}.toolbar-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hz-counter-badge{color:#2979ff;background:#2979ff1a;border:1px solid #2979ff4d;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:700;display:flex}.hz-counter-badge span{font-family:"Press Start 2P",monospace;font-size:.72rem}.lang-selector-group{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:8px;align-items:center;gap:6px;padding:5px 10px;transition:border-color .2s;display:inline-flex;box-shadow:0 2px #0000000d}.lang-selector-group:hover{border-color:#2f80ed}.lang-icon{font-size:.95rem;line-height:1}.lang-select{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;padding-right:4px;font-family:inherit;font-size:.82rem;font-weight:700}.lang-select option{background:var(--bg-card);color:var(--text-primary);padding:6px}.connection-badge{letter-spacing:.3px;cursor:help;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:.82rem;font-weight:800;transition:all .2s;display:inline-flex;position:relative}.connection-badge.xinput{color:#00e676;background:#00e6761f;border:1.5px solid #00e676;box-shadow:0 0 12px #00e67640}.connection-badge.dinput{color:#e040fb;background:#e040fb24;border:1.5px solid #e040fb;box-shadow:0 0 12px #e040fb40}.connection-badge.standard{color:#2979ff;background:#2979ff1f;border:1.5px solid #2979ff;box-shadow:0 0 12px #2979ff33}.connection-badge .pulse-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.connection-badge.xinput .pulse-dot{background:#00e676;animation:1.5s infinite pulse-dot-anim;box-shadow:0 0 8px #00e676}.connection-badge.dinput .pulse-dot{background:#e040fb;animation:1.5s infinite pulse-dot-anim;box-shadow:0 0 8px #e040fb}.connection-badge.standard .pulse-dot{background:#2979ff;box-shadow:0 0 8px #2979ff}@keyframes pulse-dot-anim{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.9)}}.battery-badge{letter-spacing:.2px;cursor:help;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:5px;padding:5px 11px;font-size:.8rem;font-weight:800;transition:all .2s;display:inline-flex;position:relative}.battery-badge.active{color:#4ade80;background:#22c55e1f;border:1.5px solid #22c55e66;box-shadow:0 0 10px #22c55e33}.battery-badge.unsupported{color:#94a3b8;background:#ffffff0d;border:1.5px solid #ffffff1f}.battery-badge:hover{filter:brightness(1.15)}.battery-icon{align-items:center;font-size:.86rem;display:inline-flex}.skin-selector-wrap{background:var(--bg-card);border:2px solid var(--border-color);box-shadow:0 4px 0 #00000014, var(--shadow-sm);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;padding:12px 18px;display:flex}.skin-selector-info{align-items:center;gap:10px;display:flex}.skin-selector-title{color:var(--text-primary);align-items:center;gap:6px;font-size:.86rem;font-weight:800;display:flex}.skin-auto-tag{color:#fff;background:linear-gradient(135deg,#2979ff,#1565c0);border-radius:4px;padding:3px 6px;font-family:"Press Start 2P",monospace;font-size:.68rem;box-shadow:0 2px #0d47a1}.skin-pills-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.skin-pill-btn{background:var(--bg-secondary);border:1.5px solid var(--border-color);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:.82rem;font-weight:700;transition:all .15s ease-in-out;display:inline-flex}.skin-pill-btn:hover{color:var(--text-primary);background:#ffffff0f;border-color:#555770;transform:translateY(-1px)}.skin-pill-btn.active{color:#fff;background:#252836;border-color:#00e676;box-shadow:0 0 12px #00e67640,0 3px #1b5e20}.skin-pill-btn.active.sn30,.skin-pill-btn.active.retro,.skin-pill-btn.active.xbox{border-color:#00e676;box-shadow:0 0 12px #00e6764d,0 3px #1b5e20}.skin-pill-btn.active.playstation{border-color:#2979ff;box-shadow:0 0 12px #2979ff4d,0 3px #0d47a1}.skin-pill-btn.active.switch{border-color:#ff3d00;box-shadow:0 0 12px #ff3d004d,0 3px #b71c1c}.skin-pill-btn.active.voxel{border-color:#ffd740;box-shadow:0 0 12px #ffd7404d,0 3px #ff8f00}.voxel-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#2a2b36;border:2px solid #434559;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:0 3px #181920}.voxel-btn:hover{background:#363847}.voxel-btn:active{transform:translateY(3px);box-shadow:0 0 #181920}.voxel-btn.active{color:#fff;background:#00c853;border-color:#69f0ae;box-shadow:0 3px #1b5e20}.voxel-btn.active:active{transform:translateY(3px);box-shadow:0 0 #1b5e20}.no-controller-banner{text-align:center;background:linear-gradient(135deg,#1c1c24,#262734);border:2px dashed #484b63;border-radius:14px;margin-bottom:30px;padding:36px 24px;animation:.4s ease-out fadeIn;box-shadow:0 6px 20px #00000040}.no-controller-icon{margin-bottom:12px;font-size:3rem;animation:2.5s ease-in-out infinite float-icon;display:inline-block}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.no-controller-banner h3{color:#fff;margin-bottom:8px;font-size:1.3rem;font-weight:800}.no-controller-banner p{color:#b0b3c6;max-width:580px;margin:0 auto 18px;font-size:.95rem}.key-hint{color:#ffeb3b;background:#36384a;border:1px solid #575b77;border-radius:4px;padding:3px 8px;font-family:monospace;font-weight:700;display:inline-block;box-shadow:0 2px #212230}.gamepad-main-grid{grid-template-columns:1.15fr .85fr;gap:24px;margin-bottom:36px;display:grid}@media (max-width:960px){.gamepad-main-grid{grid-template-columns:1fr}}.voxel-pad-card{background:var(--bg-card);border:2px solid var(--border-color);box-shadow:0 6px 0 #0000001a, var(--shadow-lg);border-radius:16px;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.voxel-pad-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.pad-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pad-theme-selector{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:4px;padding:3px 5px;display:flex}.theme-chip-btn{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:9999px;align-items:center;gap:6px;padding:3px 10px;font-size:.73rem;font-weight:700;transition:all .18s;display:inline-flex}.theme-chip-btn:hover{color:#f1f5f9;background:#ffffff14}.theme-chip-btn.active{color:#fff;background:#ffffff29;border-color:#ffffff47;box-shadow:0 1px 4px #00000059}.theme-chip-dot{border:1.5px solid #fff6;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.voxel-pad-header h2{align-items:center;gap:8px;font-size:1.15rem;font-weight:800;display:flex}.pad-layout-badge{background:var(--pill-bg);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:700}.pad-svg-wrapper{aspect-ratio:16/11;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;max-width:560px;margin:0 auto;display:flex;position:relative}.pad-svg-wrapper.rumbling{animation:80ms ease-in-out infinite alternate pad-rumble}@keyframes pad-rumble{0%{transform:translate(-3px,2px)rotate(-.5deg)}50%{transform:translate(3px,-2px)rotate(.5deg)}to{transform:translate(-2px,-3px)rotate(0)}}.gamepad-svg{filter:drop-shadow(0 12px 20px #00000059);width:100%;height:100%}.svg-btn{cursor:pointer;transition:all 80ms ease-out}.svg-btn.pressed{filter:brightness(1.35)drop-shadow(0 0 8px);transform:translateY(2px)}.sn30-logo-text{letter-spacing:.5px;font-family:"Press Start 2P",monospace,sans-serif}.flat-controller-wrap{background:#111216;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;align-items:center;padding:24px 16px 16px;display:flex;box-shadow:inset 0 2px 12px #0009}.flat-controller-svg{filter:drop-shadow(0 14px 28px #00000080);-webkit-user-select:none;user-select:none;width:100%;max-width:620px;height:auto}.controller-legend{color:#94a3b8;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:24px;margin-top:16px;padding-top:6px;font-size:.84rem;font-weight:700;display:flex}.legend-item{align-items:center;gap:8px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.legend-dot.active{background:#2f80ed;box-shadow:0 0 10px #2f80edcc}.legend-dot.idle{background:#64748b;border:1.5px solid #475569}.line-schematic-svg .callout-text{fill:#94a3b8;letter-spacing:-.3px;-webkit-user-select:none;user-select:none;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13.5px;font-weight:800;transition:all .12s}.line-schematic-svg .callout-line{fill:none;stroke:#475569;stroke-width:1.5px;transition:all .12s}.line-schematic-svg .callout-group.active .callout-text{fill:#00e676;filter:drop-shadow(0 0 6px #00e67699);font-weight:900}.line-schematic-svg .callout-group.active .callout-line{stroke:#00e676;stroke-width:2px;filter:drop-shadow(0 0 6px #00e67680)}.line-schematic-svg .line-btn{cursor:pointer;transition:all 80ms ease-out}.line-schematic-svg .line-btn.pressed{filter:drop-shadow(0 0 8px #00e676)}.mode-tip-banner{background:var(--bg-secondary);border:1px dashed var(--border-color);color:var(--text-secondary);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;padding:10px 14px;font-size:.8rem;display:flex}.mode-tip-banner strong{color:var(--text-primary)}.mode-tip-shortcuts{flex-wrap:wrap;gap:8px;display:flex}.mode-tag{border:1px solid var(--border-color);color:#a5d6a7;background:#00000040;border-radius:4px;padding:2px 7px;font-family:monospace;font-size:.76rem}.mode-tag.dmode{color:#e040fb}.mode-tag.smode{color:#ff5252}.triggers-strip{border-top:2px dashed var(--border-color);grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;padding-top:16px;display:grid}.trigger-meter{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:10px 14px}.trigger-meter-header{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.82rem;font-weight:700;display:flex}.trigger-meter-bar-bg{background:#2a2a35;border:1px solid #434455;border-radius:3px;height:14px;position:relative;overflow:hidden}.trigger-meter-bar-fill{background:linear-gradient(90deg,#ff1744,#ff5252,#ff8a80);height:100%;transition:width 50ms linear;box-shadow:0 0 10px #ff1744b3}.side-diagnostics{flex-direction:column;gap:20px;display:flex}.stick-drift-card{background:var(--bg-card);border:2px solid var(--border-color);box-shadow:0 6px 0 #0000001a, var(--shadow-md);border-radius:16px;padding:20px}.stick-radar-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:14px;display:grid}@media (max-width:480px){.stick-radar-grid{grid-template-columns:1fr}}.stick-box{background:var(--bg-secondary);border:2px solid var(--border-color);text-align:center;border-radius:12px;padding:14px}.stick-box-title{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.85rem;font-weight:800;display:flex}.radar-canvas-wrap{background:#14141c;border:2px solid #333446;border-radius:50%;width:140px;height:140px;margin:0 auto 10px;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #000000b3}.radar-canvas{width:100%;height:100%;display:block}.stick-coords-row{color:var(--text-primary);justify-content:space-around;margin-bottom:8px;font-family:monospace;font-size:.82rem;font-weight:700;display:flex}.drift-badge{border-radius:4px;padding:3px 8px;font-size:.72rem;font-weight:800;display:inline-block}.drift-badge.ok{color:#00e676;background:#00e67626;border:1px solid #00e676}.drift-badge.drift{color:#ff1744;background:#ff174426;border:1px solid #ff1744}.stick-btn-badge{color:var(--text-secondary);border:1px solid var(--border-color);background:#ffffff0f;border-radius:4px;padding:3px 8px;font-size:.72rem;font-weight:800;transition:all .15s;display:inline-block}.stick-btn-badge.pressed{color:#fff;background:#2f80ed;border-color:#1d4ed8;box-shadow:0 0 10px #2f80ed80}.circularity-score{color:var(--text-secondary);margin-top:6px;font-size:.75rem}.circularity-score strong{color:#2979ff}.rumble-card{background:var(--bg-card);border:2px solid var(--border-color);box-shadow:0 6px 0 #0000001a, var(--shadow-md);border-radius:16px;padding:20px}.rumble-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.rumble-header h3{align-items:center;gap:8px;font-size:1.05rem;font-weight:800;display:flex}.rumble-presets{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}@media (max-width:520px){.rumble-presets{grid-template-columns:1fr 1fr}}.preset-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;font-size:.78rem;font-weight:700;transition:all .15s;display:flex}.preset-btn:hover{color:#fff;background:#ff1744;border-color:#ff1744;box-shadow:0 2px 8px #ff174466}.slider-group{margin-bottom:12px}.slider-label{justify-content:space-between;margin-bottom:4px;font-size:.8rem;font-weight:700;display:flex}.voxel-slider{accent-color:#ff1744;cursor:pointer;width:100%}.rumble-action-row{gap:10px;margin-top:14px;display:flex}.rumble-fire-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff1744,#d50000);border:2px solid #ff5252;border-radius:8px;flex:1;padding:10px;font-size:.9rem;font-weight:800;transition:transform .1s,box-shadow .1s;box-shadow:0 4px #b71c1c,0 6px 14px #ff17444d}.rumble-fire-btn:active{transform:translateY(3px);box-shadow:0 1px #b71c1c}.rumble-stop-btn{color:#fff;cursor:pointer;background:#37474f;border:2px solid #546e7a;border-radius:8px;padding:10px 16px;font-weight:700;box-shadow:0 4px #263238}.rumble-stop-btn:active{transform:translateY(3px);box-shadow:0 1px #263238}.raw-data-card{background:var(--bg-card);border:2px solid var(--border-color);box-shadow:0 4px 0 #0000001a, var(--shadow-sm);border-radius:16px;margin-bottom:36px;overflow:hidden}.raw-data-summary{cursor:pointer;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:16px 20px;font-size:.95rem;font-weight:800;display:flex}.raw-data-content{grid-template-columns:1fr 1fr;gap:20px;padding:20px;display:grid}@media (max-width:768px){.raw-data-content{grid-template-columns:1fr}}.raw-table{border-collapse:collapse;width:100%;font-family:monospace;font-size:.8rem}.raw-table th,.raw-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:6px 10px}.raw-table th{background:#0000000a;font-weight:700}.raw-table tr.active{color:#00e676;background:#00e67626;font-weight:700}.guide-faq-section{background:var(--bg-card);border:2px solid var(--border-color);box-shadow:0 4px 0 #0000001a, var(--shadow-md);border-radius:16px;margin-top:20px;padding:36px 30px}.guide-faq-header{text-align:center;margin-bottom:30px}.guide-faq-header h2{margin-bottom:8px;font-size:1.5rem;font-weight:800}.guide-faq-header p{color:var(--text-secondary);font-size:.95rem}.faq-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:800px){.faq-grid{grid-template-columns:1fr}}.faq-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:transform .2s}.faq-card:hover{border-color:#2979ff;transform:translateY(-2px)}.faq-q{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:10px;font-size:.98rem;font-weight:800;display:flex}.faq-a{color:var(--text-secondary);font-size:.88rem;line-height:1.6}.faq-a strong{color:var(--text-primary)}.mfg-guide-section{margin-top:10px;margin-bottom:40px}.mfg-guide-header{text-align:center;margin-bottom:24px}.mfg-guide-header h2{color:var(--text-primary);margin-bottom:8px;font-size:1.45rem;font-weight:800}.mfg-guide-header p{color:var(--text-secondary);max-width:680px;margin:0 auto;font-size:.92rem;line-height:1.5}.mfg-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;display:grid}.mfg-card{background:var(--bg-card);border:1.5px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.mfg-card:hover{border-color:#2f80ed66;transform:translateY(-2px);box-shadow:0 10px 28px #0003}.mfg-card-top{align-items:center;gap:12px;margin-bottom:12px;display:flex}.mfg-icon-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.mfg-brand-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;margin-bottom:4px;padding:2px 8px;font-size:.72rem;font-weight:800;display:inline-block}.mfg-brand-badge.xbox{color:#107c10;background:#107c1026;border:1px solid #107c104d}.mfg-brand-badge.ps{color:#2979ff;background:#00439c2e;border:1px solid #00439c4d}.mfg-brand-badge.switch{color:#e60012;background:#e6001226;border:1px solid #e600124d}.mfg-brand-badge.eightbitdo{color:#a29bfe;background:#6c5ce72e;border:1px solid #6c5ce74d}.mfg-brand-badge.steam{color:#94a3b8;background:#171a2180;border:1px solid #ffffff1a}.mfg-brand-badge.thirdparty{color:#00d2d3;background:#00d2d326;border:1px solid #00d2d34d}.mfg-title{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:800;line-height:1.3}.mfg-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:12px;font-size:.86rem;line-height:1.5}.mfg-tip{background:var(--bg-secondary);color:var(--text-primary);border-left:3px solid #2f80ed;border-radius:0 8px 8px 0;margin-bottom:14px;padding:10px 12px;font-size:.8rem;line-height:1.5}.mfg-tip code{background:#00000040;border-radius:3px;padding:1px 5px;font-family:monospace;font-size:.76rem}.mfg-links{flex-direction:column;gap:8px;display:flex}.mfg-link-btn{color:#fff;background:#2f80ed;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.mfg-link-btn:hover{background:#1e5fc2;transform:translateY(-1px)}.mfg-link-btn.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.mfg-link-btn.secondary:hover{background:var(--border-color);color:var(--text-primary)}