/* Тест геймпада (T2) — /proverka/gejmpad/. Поверх tools.css (pv-*, tool-*). */
.gp-status{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 14px;border-radius:999px;background:var(--bg);border:1px solid var(--line);font-size:14px;font-weight:600;color:var(--ink-2)}
.gp-status::before{content:"";width:9px;height:9px;border-radius:50%;background:#94a3b8;flex:none}
.gp.is-on .gp-status{color:#166534;border-color:#bbf7d0;background:#f0fdf4}
.gp.is-on .gp-status::before{background:#22c55e}
.gp-board{display:flex;flex-direction:column;gap:20px;margin-top:18px}
.gp-sticks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gp-stick{margin:0;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:14px;border-radius:12px;background:var(--bg);border:1px solid var(--line)}
.gp-cv{display:block;width:100%;max-width:220px;height:auto;aspect-ratio:1}
.gp-cap{font-size:14px;font-weight:600;color:var(--ink-2);text-align:center}
.gp-xy{display:block;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}
.gp-trig{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gp-bar{display:flex;align-items:center;gap:10px;min-width:0;font-size:14px;font-weight:600;color:var(--ink-2)}
.gp-bar-name{flex:none;min-width:34px}
.gp-bar-track{position:relative;flex:1;min-width:0;height:14px;border-radius:999px;background:var(--line-soft);overflow:hidden}
.gp-bar-fill{position:absolute;inset:0;transform:scaleX(0);transform-origin:left;background:var(--accent)}
.gp-bar-val{flex:none;min-width:40px;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}
.gp-btns{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.gp-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:40px;padding:4px 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-size:14px;font-weight:700;color:var(--ink-2);overflow:hidden;font-variant-numeric:tabular-nums}
.gp-btn::before{content:"";position:absolute;inset:0;background:var(--accent);opacity:var(--gp-v,0);transition:opacity .05s linear}
.gp-btn span{position:relative}
.gp-btn.is-seen{border-color:#22c55e;color:#166534}
.gp-btn.is-down{color:#fff}
.gp-legend{margin:0;font-size:13.5px;color:var(--muted)}
.gp-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}
.gp-info div{min-width:0;padding:10px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--line)}
.gp-info dt{font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}
.gp-info dd{margin:2px 0 0;font-size:15px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.gp-id{margin:0;font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
.gp-act{display:flex;flex-wrap:wrap;gap:10px}
.pv-result p+p{margin-top:8px}
.gp-steps{margin:8px 0 0;padding-left:22px;color:var(--ink-2)}
.gp-steps li+li{margin-top:4px}
.gp-note{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
@media(max-width:820px){.gp-info{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.gp-sticks{gap:10px}.gp-stick{padding:10px}.gp-trig{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.gp-btn::before{transition:none}}