.gamepad-container{background:#ffffff;border:1px solid #e2e8f0;padding:1.2rem;border-radius:8px;display:flex;flex-direction:column}.pad-btn{background:#ffffff;border:2px solid #e2e8f0;border-radius:50%;width:55px;height:55px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:bold;color:#1e293b;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:all 0.1s ease;cursor:default;user-select:none}.pad-btn.small{width:55px;height:55px;font-size:1rem}.pad-btn.big{width:80px;height:80px;font-size:1rem}.pad-btn.trigger{border-radius:30px;width:60px;height:35px;font-size:0.8rem;background:#ffffff}.pad-btn.pressed{background:#4c9aff;color:#ffffff;transform:translateY(4px);box-shadow:0 2px 4px rgba(0,0,0,0.2);border-color:#4c9aff}.dpad-btn{background:#ffffff;border:2px solid #e2e8f0;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.2rem;color:#1e293b;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:all 0.1s ease}.dpad-btn.pressed{background:#4c9aff;color:#ffffff;transform:translateY(4px);box-shadow:0 2px 4px rgba(0,0,0,0.2);border-color:#4c9aff}.analog-stick{background:#ffffff;border:2px solid #e2e8f0;border-radius:50%;width:85px;height:85px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.stick-canvas{width:70px;height:70px;background:#f8fafc;border-radius:50%;border:1px solid #e2e8f0}.trigger-bar{width:100%;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;height:12px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,0.05)}.trigger-fill{width:0%;height:100%;background:linear-gradient(90deg,#4c9aff,#3b82f6);transition:width 0.05s linear;box-shadow:0 0 8px rgba(76,154,255,0.5)}.info-badge{background:rgba(55,65,81,0.85);backdrop-filter:blur(4px);border:none;border-radius:30px;padding:0.3rem 1.2rem;color:#ffffff;box-shadow:0 4px 8px rgba(0,0,0,0.2);font-weight:600;font-size:0.9rem}@media (max-width:992px){.pad-btn{width:45px;height:45px;font-size:1rem}.dpad-btn{width:38px;height:38px;font-size:1rem}.analog-stick{width:70px;height:70px}.stick-canvas{width:55px;height:55px}.gamepad-container{padding:1rem}}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.5rem 1rem;margin-bottom:1rem}@media (min-width:768px){.stat-grid{grid-template-columns:repeat(3,1fr)}}.stat-item{display:flex;justify-content:space-between;align-items:center;font-size:0.8rem;padding:0.3rem 0;border-bottom:1px dashed #e2e8f0}.stat-label{font-weight:500;color:#1e293b}.stat-value{font-family:monospace;font-weight:600;color:#4f46e5}.badge-status{font-size:0.7rem;padding:0.2rem 0.5rem}.vibration-section{margin-top:0.5rem}.row-equal-height{display:flex;flex-wrap:wrap}.row-equal-height > [class*='col-']{display:flex;flex-direction:column}.gamepad-selector{margin-bottom:1rem}.gamepad-selector .form-select{width:100%}@media (max-width:576px){.gamepad-container .row > [class*='col-']{width:100%;flex:auto;margin-bottom:1rem}.gamepad-container .row:first-child .col-6 .d-flex.justify-content-between{flex-direction:column !important;align-items:center !important;gap:1rem !important}.gamepad-container .row:nth-child(2) .col-6:first-child .d-flex.justify-content-between{flex-direction:column !important;align-items:center !important;gap:1rem !important}.gamepad-container .row:nth-child(2) .col-6:last-child{margin-top:0.5rem}.pad-btn.big{width:70px;height:70px;font-size:0.9rem}.pad-btn,.pad-btn.small{width:52px;height:52px;font-size:1rem}.dpad-btn{width:48px;height:48px}.analog-stick{width:80px;height:80px}.stick-canvas{width:65px;height:65px}.trigger-bar{height:10px}.vibration-section .btn{padding:0.6rem 0;font-size:0.9rem}.stat-grid{gap:0.4rem}.stat-item{font-size:0.75rem}.badge-status{font-size:0.65rem}.card-body{padding:0.8rem}.gamepad-container{padding:0.8rem}.info-badge{font-size:0.75rem;padding:0.2rem 1rem}}@media (max-width:380px){.pad-btn,.pad-btn.small{width:46px;height:46px;font-size:0.9rem}.dpad-btn{width:42px;height:42px}.analog-stick{width:70px;height:70px}.stick-canvas{width:55px;height:55px}.pad-btn.big{width:65px;height:65px}}.pad-btn,.dpad-btn,.btn{cursor:pointer;touch-action:manipulation}.pad-btn:active,.dpad-btn:active{transform:scale(0.96)}