:root{--bench-base: #0a0e14;--bench-panel: #111824;--bench-raised: #18212f;--bench-inset: #0c121b;--line: #1f2a3a;--line-strong: #2c3a4e;--text: #e8eef6;--text-dim: #8a99ad;--text-faint: #56657a;--signal: #2fe0d0;--signal-soft: rgba(47, 224, 208, .14);--signal-glow: rgba(47, 224, 208, .45);--live: #ffb454;--live-glow: rgba(255, 180, 84, .5);--face-a: #4cc76a;--face-b: #ff5f56;--face-x: #4c9bff;--face-y: #f2c94c;--ok: #4cc76a;--warn: #ffb454;--danger: #ff5f56;--font-sans: system-ui, -apple-system, "Segoe UI", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, Consolas, monospace;font-family:var(--font-sans);line-height:1.5;font-weight:400;color:var(--text);color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;background-color:var(--bench-base);background-image:radial-gradient(1200px 600px at 50% -10%,rgba(47,224,208,.06),transparent 70%),linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:100% 100%,48px 48px,48px 48px;background-position:0 0,0 0,0 0;color:var(--text)}body:before{content:"";position:fixed;inset:0;background-color:var(--bench-base);opacity:.55;pointer-events:none;z-index:-1}#root{width:100%;max-width:1120px;margin:0 auto;padding:0 20px 64px}:focus-visible{outline:2px solid var(--signal);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.console{width:100%;display:flex;flex-direction:column;gap:20px}.console__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 4px 18px;border-bottom:1px solid var(--line);margin-bottom:8px}.brand{display:flex;align-items:center;gap:14px}.brand__mark{font-size:26px;line-height:1;color:var(--signal);text-shadow:0 0 16px var(--signal-glow)}.brand__text{display:flex;flex-direction:column;gap:2px}.brand__name{font-family:var(--font-mono);font-size:17px;font-weight:600;letter-spacing:.22em;color:var(--text)}.brand__sub{font-size:12px;color:var(--text-dim);letter-spacing:.04em}.status-cluster{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border:1px solid var(--line-strong);border-radius:999px;background-color:var(--bench-panel);font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--text-dim);white-space:nowrap}.status-cluster__dot{width:8px;height:8px;border-radius:50%;background-color:var(--text-faint);flex:0 0 auto}.status-cluster--live{border-color:#ffb45459;color:var(--text)}.status-cluster--live .status-cluster__dot{background-color:var(--live);box-shadow:0 0 0 0 var(--live-glow);animation:live-pulse 1.6s ease-out infinite}.status-cluster--error{border-color:#ff5f5666;color:var(--danger)}.status-cluster--error .status-cluster__dot{background-color:var(--danger)}@keyframes live-pulse{0%{box-shadow:0 0 0 0 var(--live-glow)}70%{box-shadow:0 0 0 7px #ffb45400}to{box-shadow:0 0 #ffb45400}}.notice{border:1px solid var(--line);border-radius:14px;padding:40px 32px;background-color:var(--bench-panel);text-align:center}.notice--empty{border-style:dashed;border-color:var(--line-strong)}.notice--error{border-color:#ff5f5666;background-color:#ff5f560f}.notice__title{margin:0 0 10px;font-size:18px;font-weight:600;color:var(--text);letter-spacing:.01em}.notice__body{margin:0;font-size:14px;color:var(--text-dim);line-height:1.7}.bench{display:flex;flex-direction:column;gap:20px}.device{border:1px solid var(--line);border-radius:16px;background-color:var(--bench-panel);overflow:hidden}.device__bar{display:flex;align-items:center;gap:14px;padding:14px 18px;background-color:var(--bench-raised);border-bottom:1px solid var(--line)}.device__tag{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.12em;color:var(--bench-base);background-color:var(--signal);padding:4px 9px;border-radius:5px;flex:0 0 auto}.device__id{font-family:var(--font-mono);font-size:13px;color:var(--text-dim);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;flex:0 0 auto;border:1px solid transparent}.pill__dot{width:7px;height:7px;border-radius:50%}.pill--ok{color:var(--ok);border-color:#4cc76a59;background-color:#4cc76a1a}.pill--ok .pill__dot{background-color:var(--ok);box-shadow:0 0 8px #4cc76ab3}.pill--off{color:var(--text-faint);border-color:var(--line-strong);background-color:var(--bench-inset)}.pill--off .pill__dot{background-color:var(--text-faint)}.section{padding:22px 20px}.section+.section{border-top:1px solid var(--line)}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}.section__eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--signal);position:relative;padding-left:14px}.section__eyebrow:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:1px;background-color:var(--signal);box-shadow:0 0 8px var(--signal-glow)}.section__hint{font-size:12px;color:var(--text-faint)}.xinput-layout{display:flex;justify-content:space-between;align-items:center;max-width:880px;margin:0 auto;padding:36px 32px;background:radial-gradient(120% 140% at 50% 0%,var(--bench-raised),var(--bench-inset));border-radius:20px;border:1px solid var(--line-strong);box-shadow:inset 0 1px #ffffff08}.xinput-left,.xinput-right{flex:1;display:flex;flex-direction:column;align-items:center;gap:28px}.xinput-center{flex:0 0 220px;display:flex;flex-direction:column;align-items:center;gap:18px}.dpad-container{display:flex;justify-content:center}.dpad{display:grid;grid-template-rows:32px 32px 32px;grid-template-columns:32px 32px 32px;gap:2px;background-color:var(--bench-base);border-radius:8px;padding:2px;border:1px solid var(--line-strong)}.dpad-button{background-color:var(--bench-raised);border:none;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:var(--text-dim);transition:all .12s ease;-webkit-user-select:none;user-select:none}.dpad-up{grid-row:1;grid-column:2;border-radius:6px 6px 0 0}.dpad-middle{grid-row:2;grid-column:1 / 4;display:flex;align-items:center}.dpad-left{flex:1;height:32px;border-radius:0}.dpad-center{flex:1;height:32px;background-color:var(--bench-base)}.dpad-right{flex:1;height:32px;border-radius:0}.dpad-down{grid-row:3;grid-column:2;border-radius:0 0 6px 6px}.dpad-button.pressed{background-color:var(--signal);color:var(--bench-base);box-shadow:0 0 16px var(--signal-glow)}.face-buttons{display:grid;grid-template-rows:52px 52px 52px;grid-template-columns:52px 52px 52px;gap:8px}.face-button{width:52px;height:52px;border:1.5px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;background-color:var(--bench-inset);transition:all .12s ease;-webkit-user-select:none;user-select:none}.face-button.y{grid-row:1;grid-column:2;color:var(--face-y)}.face-buttons-middle{grid-row:2;grid-column:1 / 4;display:flex;justify-content:space-between;align-items:center}.face-button.x{color:var(--face-x)}.face-button.b{color:var(--face-b)}.face-button.a{grid-row:3;grid-column:2;color:var(--face-a)}.face-button.pressed{color:var(--bench-base)}.face-button.y.pressed{background-color:var(--face-y);box-shadow:0 0 22px var(--face-y)}.face-button.x.pressed{background-color:var(--face-x);box-shadow:0 0 22px var(--face-x)}.face-button.b.pressed{background-color:var(--face-b);box-shadow:0 0 22px var(--face-b)}.face-button.a.pressed{background-color:var(--face-a);box-shadow:0 0 22px var(--face-a)}.shoulder-buttons{display:flex;gap:116px;margin-bottom:6px}.shoulder-button{width:64px;height:28px;background-color:var(--bench-raised);border:1px solid var(--line-strong);border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-dim);transition:all .12s ease;-webkit-user-select:none;user-select:none}.shoulder-button.pressed{background-color:var(--signal);border-color:var(--signal);color:var(--bench-base);box-shadow:0 0 16px var(--signal-glow)}.trigger-buttons{display:flex;gap:116px;margin-bottom:6px}.trigger-button{width:64px;height:72px;background-color:var(--bench-raised);border:1px solid var(--line-strong);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transition:all .12s ease;-webkit-user-select:none;user-select:none}.trigger-label{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-dim)}.trigger-bar{width:22px;height:38px;background-color:var(--bench-base);border:1px solid var(--line-strong);border-radius:6px;position:relative;display:flex;align-items:flex-end;overflow:hidden}.trigger-fill{width:100%;background:linear-gradient(0deg,var(--signal),rgba(47,224,208,.5));transition:height .08s linear;box-shadow:0 0 12px var(--signal-glow)}.trigger-button.pressed{border-color:var(--signal)}.trigger-button.pressed .trigger-label{color:var(--signal)}.system-buttons{display:flex;gap:44px}.system-button{min-width:64px;height:26px;padding:0 10px;background-color:var(--bench-raised);border:1px solid var(--line-strong);border-radius:13px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-dim);transition:all .12s ease;-webkit-user-select:none;user-select:none}.system-button.pressed{background-color:var(--signal);border-color:var(--signal);color:var(--bench-base);box-shadow:0 0 14px var(--signal-glow)}.stick-button{width:86px;height:86px;background:radial-gradient(circle at 50% 40%,var(--bench-raised),var(--bench-inset));border:2px solid var(--line-strong);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .12s ease;-webkit-user-select:none;user-select:none}.stick-visual{width:64px;height:64px;background-color:var(--bench-base);border:1px solid var(--line-strong);border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.stick-visual:before,.stick-visual:after{content:"";position:absolute;background-color:var(--line)}.stick-visual:before{width:100%;height:1px}.stick-visual:after{width:1px;height:100%}.stick-indicator{width:18px;height:18px;background-color:var(--signal);border-radius:50%;position:absolute;transition:transform .08s linear;box-shadow:0 0 12px var(--signal-glow);z-index:1}.stick-button span{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-faint);position:absolute;bottom:9px}.stick-button.pressed{border-color:var(--signal);box-shadow:0 0 18px var(--signal-glow)}.stick-button.pressed span{color:var(--signal)}.additional-buttons{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.additional-buttons__title{margin:0 0 14px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--text-dim)}.additional-buttons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:10px}.button.additional{height:54px;border:1px solid var(--line-strong);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text-dim);background-color:var(--bench-raised);transition:all .12s ease}.button.additional.pressed{background-color:var(--signal);border-color:var(--signal);color:var(--bench-base);box-shadow:0 0 16px var(--signal-glow)}.axes-section{display:flex;flex-direction:column;gap:10px}.axis{display:flex;align-items:center;gap:16px;padding:10px 14px;background-color:var(--bench-inset);border:1px solid var(--line);border-radius:10px}.axis__label{min-width:76px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--text-dim)}.axis-bar{flex:1;height:22px;background-color:var(--bench-base);border:1px solid var(--line-strong);border-radius:6px;position:relative;overflow:hidden}.axis-bar__center{position:absolute;top:0;bottom:0;left:50%;width:1px;background-color:var(--line-strong)}.axis-bar__fill{position:absolute;top:3px;bottom:3px;background-color:var(--signal);opacity:.85;border-radius:2px;box-shadow:0 0 10px var(--signal-glow);transition:left .08s linear,width .08s linear}.axis-value{position:absolute;top:50%;transform:translateY(-50%) translate(-50%);width:14px;height:14px;background-color:var(--text);border:2px solid var(--signal);border-radius:50%;transition:left .08s linear;box-shadow:0 0 8px var(--signal-glow);z-index:1}.axis-text{min-width:72px;font-family:var(--font-mono);font-size:13px;color:var(--text);text-align:right;font-variant-numeric:tabular-nums}.guide{border:1px solid var(--line);border-radius:14px;background-color:var(--bench-panel);padding:22px 24px}.guide__list{margin:14px 0 0;padding-left:0;list-style:none;counter-reset:guide}.guide__list li{position:relative;padding-left:38px;margin:12px 0;color:var(--text-dim);font-size:14px;line-height:1.6;counter-increment:guide}.guide__list li:before{content:counter(guide,decimal-leading-zero);position:absolute;left:0;top:0;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--signal);border:1px solid var(--line-strong);border-radius:6px;width:26px;height:26px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){#root{padding:0 14px 48px}.console__header{flex-direction:column;align-items:flex-start;gap:14px}.xinput-layout{flex-direction:column;gap:28px;max-width:100%;padding:24px 16px}.xinput-center{flex:none;width:100%;order:-1}.shoulder-buttons,.trigger-buttons{gap:72px}.system-buttons{gap:28px}.section__head{flex-direction:column;gap:4px}.axis{flex-wrap:wrap}.axis__label{min-width:64px}}