:root{--gamepad-primary:#6366f1;--gamepad-primary-hover:#4f46e5;--gamepad-primary-light:#818cf8;--gamepad-primary-soft:#e0e7ff;--gamepad-success:#10b981;--gamepad-warning:#f59e0b;--gamepad-error:#ef4444;--gamepad-purple:#8b5cf6;--gamepad-bg:#fff;--gamepad-bg-subtle:#f8fafc;--gamepad-text:#0f172a;--gamepad-text-secondary:#475569;--gamepad-text-muted:#94a3b8;--gamepad-border:#e2e8f0;--gamepad-border-light:#f1f5f9;--gamepad-card-bg:#fff;--gamepad-card-border:#e2e8f0;--gamepad-glow-primary:0 0 20px #6366f140;--gamepad-glow-success:0 0 20px #10b98140;--gamepad-shadow-sm:0 1px 3px #0000000d, 0 1px 2px #0000000f;--gamepad-shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--gamepad-shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000006;--gamepad-radius:1rem;--gamepad-radius-sm:.5rem;--gamepad-radius-xs:.375rem}._gamepad-container{flex-direction:column;gap:1.25rem;width:100%;max-width:1100px;margin:0 auto;display:flex}._gamepad-header{border-radius:var(--gamepad-radius);border-style:solid;border-width:1px;border-color:var(--gamepad-border-light);-webkit-backdrop-filter:blur(16px);z-index:50;background:#fffc;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:sticky;top:1rem;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005,inset 0 0 0 1px #ffffff80}._gamepad-info{align-items:center;gap:.75rem;min-width:0;display:flex}._gamepad-tabs{gap:.25rem;display:flex}._gamepad-tab{border-radius:var(--gamepad-radius-sm);color:var(--gamepad-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0 solid #0000;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:color .15s,background .15s}._gamepad-tab:hover{color:var(--gamepad-text-secondary);background:var(--gamepad-bg-subtle)}._gamepad-tab.active{color:var(--gamepad-primary);background:var(--gamepad-primary-soft)}._gamepad-name{color:var(--gamepad-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:400px;font-size:.8125rem;overflow:hidden}._gamepad-controls{flex-shrink:0;align-items:center;gap:.5rem;display:flex}._gamepad-btn-reset{border-radius:var(--gamepad-radius-sm);color:var(--gamepad-text-secondary);background:var(--gamepad-bg);border-style:solid;border-width:1px;border-color:var(--gamepad-border);cursor:pointer;align-items:center;gap:.375rem;padding:.4375rem .875rem;font-size:.8125rem;font-weight:500;transition:color .15s,border-color .15s,box-shadow .15s;display:inline-flex}._gamepad-btn-reset:hover{color:var(--gamepad-text);border-color:var(--gamepad-text-muted)}._gamepad-btn-reset svg{width:14px;height:14px}@media (max-width:768px){._gamepad-container{padding-left:1rem;padding-right:1rem}._gamepad-header{flex-direction:column;gap:.5rem;padding:.75rem 1rem}._gamepad-info{flex-direction:column;width:100%}._gamepad-name{max-width:100%;font-size:.75rem}}._gamepad-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:4rem 2rem;display:flex}._gamepad-empty-icon{background:var(--gamepad-primary-soft);width:80px;height:80px;color:var(--gamepad-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;animation:2.5s ease-in-out infinite _gamepad-pulse;display:flex}._gamepad-empty-icon svg{width:48px;height:48px}._gamepad-empty-title{color:var(--gamepad-text);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}._gamepad-empty-hint{color:var(--gamepad-text-muted);max-width:400px;margin:0;font-size:.875rem}@keyframes _gamepad-pulse{0%,to{box-shadow:0 0 #6366f133}50%{box-shadow:0 0 0 16px #6366f100}}._gamepad-sticks-row{grid-template-columns:1fr auto 1fr;align-items:start;gap:1.25rem;display:grid}._gamepad-stick-card{background:var(--gamepad-card-bg);border-radius:var(--gamepad-radius);border-style:solid;border-width:1px;border-color:var(--gamepad-card-border);box-shadow:var(--gamepad-shadow-md);flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;display:flex}._gamepad-stick-label{color:var(--gamepad-text);letter-spacing:-.01em;font-size:.8125rem;font-weight:600}._gamepad-stick-visual{width:160px;height:160px;position:relative}._gamepad-stick-svg{width:100%;height:100%}._gamepad-stick-ring{fill:none;stroke:var(--gamepad-border);stroke-width:2px}._gamepad-stick-deadzone{fill:none;stroke:var(--gamepad-warning);stroke-width:1px;stroke-dasharray:4 3;opacity:.5}._gamepad-stick-crosshair{stroke:var(--gamepad-border);stroke-width:1px;stroke-dasharray:2 4;opacity:.4}._gamepad-stick-dot{fill:var(--gamepad-primary);filter:drop-shadow(0 0 6px #6366f166);transition:fill .1s}._gamepad-stick-dot.active{fill:var(--gamepad-success);filter:drop-shadow(0 0 8px #10b98180)}._gamepad-stick-dot.drift{fill:var(--gamepad-error);filter:drop-shadow(0 0 8px #ef444480)}._gamepad-stick-values{color:var(--gamepad-text-muted);font-size:.75rem;font-family:var(--main-font-mono);gap:1rem;display:flex}._gamepad-stick-values strong{color:var(--gamepad-text);font-weight:600}._gamepad-triggers-card{background:var(--gamepad-card-bg);border-radius:var(--gamepad-radius);border-style:solid;border-width:1px;border-color:var(--gamepad-card-border);box-shadow:var(--gamepad-shadow-md);flex-direction:column;justify-content:center;align-self:stretch;gap:1.25rem;min-width:120px;padding:1.25rem;display:flex}._gamepad-trigger-group{flex-direction:column;align-items:center;gap:.5rem;display:flex}._gamepad-trigger-label{color:var(--gamepad-text);letter-spacing:.02em;font-size:.75rem;font-weight:600}._gamepad-trigger-bar{background:var(--gamepad-bg-subtle);border-style:solid;border-width:1px;border-color:var(--gamepad-border);border-radius:5px;width:100%;height:10px;overflow:hidden}._gamepad-trigger-fill{border-radius:5px;width:0%;height:100%;transition:width 50ms linear}._gamepad-trigger-fill--lt{background:linear-gradient(90deg, var(--gamepad-primary), var(--gamepad-primary-light))}._gamepad-trigger-fill--rt{background:linear-gradient(90deg, var(--gamepad-purple), var(--gamepad-primary-light))}._gamepad-trigger-value{font-size:.6875rem;font-family:var(--main-font-mono);color:var(--gamepad-text-muted)}@media (max-width:768px){._gamepad-sticks-row{grid-template-rows:auto auto;grid-template-columns:1fr 1fr}._gamepad-triggers-card{flex-direction:row;grid-area:2/1/auto/-1;justify-content:center;gap:2rem}._gamepad-trigger-group{flex:1;max-width:200px}._gamepad-stick-visual{width:140px;height:140px}}@media (max-width:480px){._gamepad-stick-visual{width:120px;height:120px}}._gamepad-buttons-card{background:var(--gamepad-card-bg);border-radius:var(--gamepad-radius);border-style:solid;border-width:1px;border-color:var(--gamepad-card-border);box-shadow:var(--gamepad-shadow-md);overflow:hidden}._gamepad-buttons-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--gamepad-card-border);justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}._gamepad-buttons-title{color:var(--gamepad-text);font-size:.875rem;font-weight:600}._gamepad-buttons-count{font-size:.75rem;font-family:var(--main-font-mono);color:var(--gamepad-text-muted)}._gamepad-buttons-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;min-height:60px;padding:1.25rem;display:grid}._gamepad-btn-item{border-radius:var(--gamepad-radius-sm);background:var(--gamepad-bg-subtle);border-style:solid;border-width:1.5px;border-color:var(--gamepad-border);text-align:center;flex-direction:column;align-items:center;gap:.25rem;min-width:0;padding:.625rem .5rem;transition:background 80ms,border-color 80ms,box-shadow 80ms;display:flex}._gamepad-btn-item.pressed{background:var(--gamepad-primary-soft);border-color:var(--gamepad-primary);box-shadow:var(--gamepad-glow-primary)}._gamepad-btn-item.was-pressed{border-color:var(--gamepad-primary-light);background:#6366f10a}._gamepad-btn-label{color:var(--gamepad-text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;font-weight:600;overflow:hidden}._gamepad-btn-value{font-size:.625rem;font-family:var(--main-font-mono);color:var(--gamepad-text-muted)}._gamepad-btn-item.pressed ._gamepad-btn-label,._gamepad-btn-item.pressed ._gamepad-btn-value{color:var(--gamepad-primary)}@media (max-width:480px){._gamepad-buttons-grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:.375rem;padding:.75rem}._gamepad-btn-item{padding:.5rem .375rem}}._gamepad-vibration-card{background:var(--gamepad-card-bg);border-radius:var(--gamepad-radius);border-style:solid;border-width:1px;border-color:var(--gamepad-card-border);box-shadow:var(--gamepad-shadow-md);overflow:hidden}._gamepad-vibration-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--gamepad-card-border);padding:.875rem 1.25rem}._gamepad-vibration-title{color:var(--gamepad-text);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}._gamepad-vibration-title svg{width:14px;height:14px;color:var(--gamepad-primary)}._gamepad-vibration-body{align-items:center;gap:1.25rem;padding:1.25rem;display:flex}._gamepad-vibration-sliders{flex:1;gap:1.5rem;display:flex}._gamepad-vibration-group{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}._gamepad-vibration-label{color:var(--gamepad-text-secondary);white-space:nowrap;min-width:50px;font-size:.75rem;font-weight:500}._gamepad-vibration-range{-webkit-appearance:none;appearance:none;background:var(--gamepad-border);cursor:pointer;border-radius:3px;outline:none;flex:1;min-width:60px;height:6px}._gamepad-vibration-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gamepad-primary);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #6366f14d}._gamepad-vibration-range::-moz-range-thumb{background:var(--gamepad-primary);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #6366f14d}._gamepad-vibration-val{font-size:.6875rem;font-family:var(--main-font-mono);color:var(--gamepad-text-muted);text-align:right;min-width:36px}._gamepad-vibration-btn{border-radius:var(--gamepad-radius-sm);color:#fff;background:var(--gamepad-primary);cursor:pointer;white-space:nowrap;border:0 solid #0000;flex-shrink:0;align-items:center;gap:.375rem;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:600;transition:opacity .15s;display:inline-flex}._gamepad-vibration-btn:hover{opacity:.9}._gamepad-vibration-btn svg{width:14px;height:14px}._gamepad-vibration-unsupported{color:var(--gamepad-text-muted);align-items:center;gap:.375rem;font-size:.75rem;display:flex}._gamepad-vibration-unsupported svg{width:12px;height:12px;color:var(--gamepad-warning);flex-shrink:0}@media (max-width:768px){._gamepad-vibration-body{flex-direction:column;gap:1rem}._gamepad-vibration-sliders{flex-direction:column;gap:.75rem}._gamepad-vibration-btn{justify-content:center;width:100%}}._gamepad-history{background:var(--gamepad-card-bg);border-radius:var(--gamepad-radius-sm);border-style:solid;border-width:1px;border-color:var(--gamepad-card-border);box-shadow:var(--gamepad-shadow-sm);align-items:flex-start;gap:.625rem;min-height:42px;padding:.75rem 1rem;display:flex}._gamepad-history-label{color:var(--gamepad-text-muted);flex-shrink:0;align-items:center;padding-top:.125rem;display:flex}._gamepad-history-label svg{width:14px;height:14px}._gamepad-history-log{flex-wrap:wrap;flex:1;gap:.375rem;max-height:80px;display:flex;overflow-y:auto}._gamepad-history-item{border-radius:var(--gamepad-radius-xs);background:var(--gamepad-primary-soft);color:var(--gamepad-primary);white-space:nowrap;align-items:center;padding:.1875rem .5rem;font-size:.6875rem;font-weight:500;animation:.15s ease-out _gamepad-history-in;display:inline-flex}@keyframes _gamepad-history-in{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}