.gp-container .card{background:var(--card);border-radius:var(--radius);box-shadow:0 1px 6px #00000012;padding:20px;margin-bottom:16px}@media(max-width:640px){.gp-container .card{padding:15px}}.gp-container .sec-label{font-size:12px;font-weight:700;color:var(--sub);letter-spacing:.3px;margin-bottom:10px}.gp-container .gp-sec2{margin-top:22px}.gp-container .gp-desc{font-size:13px;color:var(--sub);line-height:1.6;margin-bottom:12px}.gp-container .gp-desc b{color:var(--text)}.gp-container .gp-note{font-size:12px;color:var(--sub);line-height:1.55;margin-top:10px}.gp-container .gp-empty{display:flex;align-items:flex-start;gap:13px;background:var(--ic-gamepad);border-radius:var(--radius);padding:16px;margin-bottom:16px}.gp-container .gp-empty[hidden]{display:none}.gp-container .gp-empty-icon{font-size:30px;line-height:1;animation:gp-bob 1.6s ease-in-out infinite}@keyframes gp-bob{50%{transform:translateY(-3px)}}.gp-container .gp-empty-title{font-size:16px;font-weight:800;color:var(--text);margin-bottom:4px}.gp-container .gp-empty-sub{font-size:13px;color:var(--sub);line-height:1.6}.gp-container .gp-empty-sub b{color:var(--text)}.gp-container .gp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.gp-container .gp-info{min-width:0;flex:1;margin-bottom:12px}.gp-container .gp-info-name{font-size:14px;font-weight:700;color:var(--text);word-break:break-all}.gp-container .gp-info-meta{font-size:12px;color:var(--sub);margin-top:2px}.gp-container .gp-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.gp-container .gp-tabs[hidden]{display:none}.gp-container .gp-tab{padding:6px 12px;border:2px solid var(--border);border-radius:10px;background:var(--card);color:var(--sub);font-size:13px;font-weight:700;font-family:inherit;cursor:pointer}.gp-container .gp-tab.active{border-color:var(--primary);color:var(--primary);background:var(--primary-muted)}.gp-container .gp-warn{font-size:12px;line-height:1.55;color:var(--text);background:#ffa7261f;border-left:3px solid #ffa726;border-radius:8px;padding:8px 12px;margin-bottom:14px}.gp-container .gp-warn[hidden]{display:none}.gp-container .gp-pad{display:grid;grid-template-columns:1fr minmax(120px,auto) 1fr;gap:16px;align-items:start;transition:opacity .2s}.gp-container .gp-pad.idle{opacity:.55}.gp-container .gp-side{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}.gp-container .gp-mid{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:70px}.gp-container .gp-mid-row{display:flex;gap:10px}.gp-container .gp-key{display:flex;align-items:center;justify-content:center;border:2px solid var(--border);background:var(--card-alt);color:var(--sub);font-weight:800;font-size:14px;border-radius:10px;user-select:none;transition:background .08s,border-color .08s,color .08s,transform .08s}.gp-container .gp-key[hidden]{display:none}.gp-container .tested{border-color:var(--primary)!important}.gp-container .gp-key.tested{color:var(--text)}.gp-container .gp-key.on,.gp-container .gp-bumper.on{background:var(--primary);border-color:var(--primary)!important;color:#fff;transform:scale(.94)}.gp-container .gp-trig{display:flex;align-items:center;gap:8px;width:100%;max-width:200px}.gp-container .gp-trig-l{font-size:13px;font-weight:800;color:var(--sub);min-width:26px}.gp-container .gp-trig.tested .gp-trig-l{color:var(--primary)}.gp-container .gp-trig.tested{border-color:transparent!important}.gp-container .gp-trig-bar{flex:1;height:12px;border-radius:6px;background:var(--card-alt);border:1px solid var(--border);overflow:hidden}.gp-container .gp-trig-bar i{display:block;height:100%;width:0%;background:linear-gradient(to right,var(--primary),var(--primary-end))}.gp-container .gp-trig-v{font-size:12px;font-weight:700;color:var(--text);min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.gp-container .gp-bumper{width:100%;max-width:200px;height:32px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border);background:var(--card-alt);border-radius:16px 16px 8px 8px;color:var(--sub);font-weight:800;font-size:13px;transition:background .08s,color .08s,transform .08s}.gp-container .gp-bumper.tested{color:var(--text)}.gp-container .gp-stick-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;border:2px solid transparent!important;border-radius:14px;padding:4px}.gp-container .gp-stick{width:168px;height:168px;display:block}.gp-container .gp-stick-name{font-size:12px;font-weight:700;color:var(--sub)}.gp-container .gp-stick-wrap.tested .gp-stick-name span{color:var(--primary)}.gp-container .gp-stick-wrap.on .gp-stick-name span{color:var(--primary-end)}.gp-container .gp-read{font-size:12px;color:var(--text);font-variant-numeric:tabular-nums;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.gp-container .gp-circle{font-size:12px;color:var(--primary);font-weight:600;min-height:1em;text-align:center}.gp-container .gp-dpad{display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px)}.gp-container .gp-dpad .gp-key{border-radius:8px;font-size:16px}.gp-container .gp-d-up{grid-area:1 / 2}.gp-container .gp-d-left{grid-area:2 / 1}.gp-container .gp-d-right{grid-area:2 / 3}.gp-container .gp-d-down{grid-area:3 / 2}.gp-container .gp-face{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px)}.gp-container .gp-f{border-radius:50%;font-size:15px}.gp-container .gp-f-top{grid-area:1 / 2}.gp-container .gp-f-left{grid-area:2 / 1}.gp-container .gp-f-right{grid-area:2 / 3}.gp-container .gp-f-bottom{grid-area:3 / 2}.gp-container .gp-small{min-width:58px;height:30px;padding:0 8px;font-size:12px;border-radius:15px}.gp-container .gp-home{width:64px;height:64px;border-radius:50%;font-size:13px}.gp-container .gp-prog{width:100%;min-width:120px;margin-top:6px;text-align:center}.gp-container .gp-prog-text{font-size:12px;font-weight:700;color:var(--sub);margin-bottom:6px;font-variant-numeric:tabular-nums}.gp-container .gp-prog-bar{height:6px;border-radius:3px;background:var(--card-alt);overflow:hidden}.gp-container .gp-prog-fill{height:100%;width:0%;background:linear-gradient(to right,var(--primary),var(--primary-end));transition:width .25s}@media(max-width:640px){.gp-container .gp-pad{grid-template-columns:1fr 1fr;gap:14px 10px}.gp-container .gp-mid{grid-column:1 / -1;order:3;padding-top:0}.gp-container .gp-stick{width:136px;height:136px}.gp-container .gp-read{font-size:11px;white-space:normal;text-align:center}.gp-container .gp-dpad{grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,36px)}.gp-container .gp-face{grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px)}}.gp-container .gp-ctrl{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.gp-container .gp-ctrl-label{font-size:12px;font-weight:700;color:var(--sub)}.gp-container .src-tabs{display:inline-flex;background:var(--card-alt);border-radius:10px;padding:4px;gap:3px;flex-wrap:wrap}.gp-container .src-tab{padding:7px 10px;border:none;border-radius:8px;background:transparent;color:var(--sub);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap}.gp-container .src-tab.active{background:var(--primary);color:#fff}.gp-container .ghost-btn{margin-left:auto;padding:9px 14px;border:none;border-radius:10px;background:var(--card-alt);color:var(--sub);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer}.gp-container .ghost-btn:hover{background:var(--primary-muted);color:var(--primary)}.gp-container .big-primary{display:block;width:100%;padding:14px;border:none;border-radius:var(--radius);background:linear-gradient(135deg,var(--primary),var(--primary-end));color:#fff;font-size:15px;font-weight:800;font-family:inherit;cursor:pointer}.gp-container .big-primary:disabled{filter:saturate(.6);cursor:default}.gp-container .test-btn2{padding:11px 14px;border:2px solid var(--border);border-radius:12px;background:var(--card);color:var(--text);font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s}.gp-container .test-btn2:hover:not(:disabled),.gp-container .test-btn2.active{border-color:var(--primary);background:var(--primary-muted);color:var(--primary)}.gp-container .test-btn2:disabled{opacity:.45;cursor:default}.gp-container .test-btn2[hidden]{display:none}.gp-container .gp-rumble{display:flex;gap:8px;flex-wrap:wrap}.gp-container .gp-drift-out{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.gp-container .gp-drift-out:empty{display:none}@media(max-width:640px){.gp-container .gp-drift-out{grid-template-columns:1fr}}.gp-container .gp-verdict{display:flex;align-items:flex-start;gap:10px;border-radius:12px;padding:12px 14px;background:var(--card-alt);border-left:4px solid var(--sub)}.gp-container .gp-verdict.ok{background:#4caf501a;border-left-color:#4caf50}.gp-container .gp-verdict.warn{background:#ffa7261f;border-left-color:#ffa726}.gp-container .gp-verdict.bad{background:#f443361a;border-left-color:#f44336}.gp-container .gp-v-icon{font-size:22px;line-height:1.1}.gp-container .gp-v-title{font-size:14px;font-weight:800;color:var(--text);margin-bottom:3px}.gp-container .gp-v-desc{font-size:12px;color:var(--sub);line-height:1.6}.gp-container .gp-v-desc b{color:var(--text)}.gp-container .gp-v-meta{font-size:11px;color:var(--sub);margin-top:4px;font-variant-numeric:tabular-nums}.gp-container .gp-raw summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--sub)}.gp-container .gp-raw-sub{font-size:12px;font-weight:700;color:var(--sub);margin:14px 0 8px}.gp-container .gp-raw-btns{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}.gp-container .gp-raw-b{display:flex;justify-content:space-between;gap:4px;padding:5px 8px;border-radius:8px;background:var(--card-alt);font-size:12px;font-variant-numeric:tabular-nums}.gp-container .gp-raw-b.on{background:var(--primary);color:#fff}.gp-container .gp-raw-i{font-weight:700;color:inherit;opacity:.7}.gp-container .gp-raw-a{display:grid;grid-template-columns:48px 1fr 60px;gap:8px;align-items:center;font-size:12px;margin-bottom:6px}.gp-container .gp-raw-bar{position:relative;height:8px;border-radius:4px;background:var(--card-alt)}.gp-container .gp-raw-bar:after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--border)}.gp-container .gp-raw-bar i{position:absolute;top:0;bottom:0;left:50%;width:0;border-radius:4px;background:var(--primary)}.gp-container .gp-raw-v{text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}
