[data-controller-test]{--ct-ease: cubic-bezier(.16, 1, .3, 1);--ct-ease-snap: cubic-bezier(.23, 1, .32, 1);--ct-accent-soft: rgb(var(--color-accent) / .14);--ct-accent-border: rgb(var(--color-accent) / .45);--ct-warn: 239 68 68;--ct-stick-travel: 2rem;--ct-role-stick: var(--color-accent);--ct-role-trigger: 168 85 247;--ct-role-telemetry: var(--color-accent-teal);--ct-role-rumble: var(--color-accent-amber);--ct-role-rumble-weak: 59 130 246}.ct-instrument{display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden;background:rgb(var(--color-surface-card));border:1px solid rgb(var(--color-border) / .65);box-shadow:var(--shadow-card)}.ct-instrument__rail{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding:.65rem 1rem;min-height:3.25rem;border-bottom:1px solid rgb(var(--color-border) / .55)}.ct-instrument__brand{display:flex;align-items:center;gap:.5rem;min-width:0}.ct-instrument__chip{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-md);background:var(--ct-accent-soft);color:rgb(var(--color-accent));flex-shrink:0}.ct-instrument__title-wrap{min-width:0}.ct-instrument__title{margin:0;font-size:.9375rem;font-weight:600;letter-spacing:-.01em;color:rgb(var(--color-ink))}.ct-instrument__status{margin:.15rem 0 0;font-size:.6875rem;color:rgb(var(--color-ink-muted));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ct-instrument__players{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem;border-radius:var(--radius-lg);background:rgb(var(--color-surface-soft));border:1px solid rgb(var(--color-border) / .55);flex-shrink:0}.ct-instrument__player{padding:.35rem .6rem;border-radius:var(--radius-md);border:1px solid transparent;font-size:.6875rem;font-weight:700;letter-spacing:.04em;color:rgb(var(--color-ink-muted));background:transparent;transition:color .14s var(--ct-ease),background .14s var(--ct-ease),border-color .14s var(--ct-ease)}@media(hover:hover)and (pointer:fine){.ct-instrument__player:hover:not(.is-active){color:rgb(var(--color-ink));background:rgb(var(--color-ink) / .04)}}.ct-instrument__player.is-active{color:rgb(var(--color-ink));background:rgb(var(--color-surface-card));border-color:var(--ct-accent-border);box-shadow:var(--shadow-sm)}.ct-instrument__body{display:grid;grid-template-columns:1fr;grid-template-areas:"stage" "side" "telemetry";min-height:0}@media(min-width:960px){.ct-instrument__body{grid-template-columns:minmax(0,.92fr) minmax(17.5rem,1.08fr);grid-template-areas:"stage side" "telemetry side";align-items:stretch}}.ct-instrument__stage{grid-area:stage;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.65rem .75rem .7rem;min-height:0;background:radial-gradient(ellipse 70% 55% at 50% 45%,rgb(var(--color-accent) / .07),transparent 72%),rgb(var(--color-surface-soft) / .4)}@media(min-width:960px){.ct-instrument__stage{border-right:1px solid rgb(var(--color-border) / .45);border-bottom:1px solid rgb(var(--color-border) / .45);min-height:11.5rem}}@media(max-width:959px){.ct-instrument__stage{min-height:9.5rem;border-bottom:1px solid rgb(var(--color-border) / .45)}}.ct-instrument__pad{display:flex;align-items:center;justify-content:center;flex:1 1 auto;width:100%;min-height:0;max-width:21rem}.ct-telemetry{grid-area:telemetry}.ct-instrument__side{grid-area:side;display:flex;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}.ct-instrument__svg{display:block;width:100%;height:auto;max-height:min(38vw,12.5rem)}.ct-instrument__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem .85rem;font-size:.625rem;color:rgb(var(--color-ink-muted));flex-shrink:0}.ct-instrument__legend-item{display:inline-flex;align-items:center;gap:.4rem}.ct-instrument__legend-dot{width:.5rem;height:.5rem;border-radius:999px;background:rgb(var(--color-border))}.ct-instrument__legend-dot--active{background:rgb(var(--color-accent));box-shadow:0 0 8px rgb(var(--color-accent) / .55);animation:ct-legend-pulse 1.6s ease-in-out infinite}@media(max-width:959px){.ct-instrument__side{display:grid;grid-template-columns:1fr;overflow:visible}}@media(min-width:960px){.ct-instrument__side{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto minmax(0,1fr);align-content:stretch;align-self:stretch;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}.ct-instrument__side>.ct-panel--drift,.ct-instrument__side>.ct-panel--sticks{grid-column:1 / -1}.ct-panel--sticks{display:flex;flex-direction:column;justify-content:center;min-height:9.5rem}}.ct-panel{display:flex;flex-direction:column;gap:.5rem;padding:.65rem .75rem;border-bottom:1px solid rgb(var(--color-border) / .4);flex-shrink:0;position:relative;isolation:isolate}.ct-panel:last-child{border-bottom:none}.ct-panel--sticks,.ct-panel--triggers,.ct-panel--rumble{min-height:0}.ct-panel--drift .ct-drift-verdict__status{font-size:1rem}.ct-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;flex-shrink:0}.ct-panel__brand{display:flex;align-items:flex-start;gap:.5rem;min-width:0}.ct-panel__chip{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border-radius:var(--radius-md);flex-shrink:0}.ct-panel__chip--sticks{background:rgb(var(--ct-role-stick) / .16);color:rgb(var(--ct-role-stick))}.ct-panel__chip--triggers{background:rgb(var(--ct-role-trigger) / .16);color:rgb(var(--ct-role-trigger))}.ct-panel__chip--rumble{background:rgb(var(--ct-role-rumble) / .18);color:rgb(var(--ct-role-rumble))}.ct-panel__chip--telemetry{background:rgb(var(--ct-role-telemetry) / .16);color:rgb(var(--ct-role-telemetry))}.ct-panel__title{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--color-ink))}.ct-panel__hint{margin:.15rem 0 0;font-size:.625rem;color:rgb(var(--color-ink-muted))}.ct-panel__reset{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border-radius:var(--radius-md);border:1px solid rgb(var(--color-border) / .65);color:rgb(var(--color-ink-muted));background:rgb(var(--color-surface-soft));flex-shrink:0;transition:color .14s var(--ct-ease),border-color .14s var(--ct-ease)}@media(hover:hover)and (pointer:fine){.ct-panel__reset:hover{color:rgb(var(--color-accent));border-color:var(--ct-accent-border)}}.ct-sticks{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;align-items:start}.ct-stick{display:flex;flex-direction:column;align-items:center;gap:.45rem}.ct-stick__well{position:relative;width:4.25rem;height:4.25rem;border-radius:999px;border:1px solid rgb(var(--color-border) / .65);background:rgb(var(--color-surface-soft));overflow:hidden;flex-shrink:0}.ct-stick__well:before,.ct-stick__well:after{content:"";position:absolute;background:rgb(var(--color-ink) / .08);pointer-events:none}.ct-stick__well:before{top:50%;left:.45rem;right:.45rem;height:1px;transform:translateY(-50%)}.ct-stick__well:after{left:50%;top:.45rem;bottom:.45rem;width:1px;transform:translate(-50%)}.ct-stick__dot{position:absolute;top:50%;left:50%;width:.625rem;height:.625rem;margin:-.3125rem 0 0 -.3125rem;border-radius:999px;background:rgb(var(--ct-role-stick));box-shadow:0 0 10px rgb(var(--ct-role-stick) / .6);will-change:transform;transition:transform 45ms linear,box-shadow .15s var(--ct-ease)}.ct-instrument[data-state=connected] .ct-stick__well{border-color:rgb(var(--ct-role-stick) / .35);box-shadow:inset 0 0 0 1px rgb(var(--ct-role-stick) / .08)}.ct-stick__meta{display:flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center;width:100%;min-height:2.85rem;padding-bottom:.1rem}.ct-stick__name{font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-ink-muted));line-height:1.2}.ct-stick__coords{font-size:.6875rem;font-family:var(--font-mono, ui-monospace, monospace);font-variant-numeric:tabular-nums;color:rgb(var(--color-ink));line-height:1.25}.ct-stick__err{font-size:.625rem;font-family:var(--font-mono, ui-monospace, monospace);font-weight:700;font-variant-numeric:tabular-nums;color:rgb(var(--color-ink-muted));line-height:1.2;min-height:.75rem}.ct-stick__err.is-drift{color:rgb(var(--ct-warn))}.ct-stick__verdict{font-size:.625rem;font-weight:800;font-family:var(--font-mono, ui-monospace, monospace);font-variant-numeric:tabular-nums;letter-spacing:.04em;line-height:1.2;color:rgb(var(--color-ink-muted))}.ct-stick__verdict.is-pass{color:rgb(var(--color-accent))}.ct-stick__verdict.is-drift{color:rgb(var(--ct-warn))}.ct-panel__chip--drift{--ct-role-drift: var(--color-accent);background:rgb(var(--color-accent) / .14);color:rgb(var(--color-accent))}.ct-drift-verdict{display:flex;flex-direction:column;gap:.5rem}.ct-drift-verdict__status{margin:0;font-size:1.125rem;font-weight:800;font-family:var(--font-mono, ui-monospace, monospace);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:rgb(var(--color-ink));line-height:1.2}.ct-panel--drift[data-phase=pass] .ct-drift-verdict__status{color:rgb(var(--color-accent))}.ct-panel--drift[data-phase=drift] .ct-drift-verdict__status{color:rgb(var(--ct-warn))}.ct-panel--drift[data-phase=measuring] .ct-drift-verdict__status{color:rgb(var(--color-ink))}.ct-drift-verdict__stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:0}.ct-drift-verdict__stat{display:flex;flex-direction:column;gap:.15rem}.ct-drift-verdict__stat dt{margin:0;font-size:.625rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:rgb(var(--color-ink-muted))}.ct-drift-verdict__stat dd{margin:0}.ct-drift-verdict__mono{font-family:var(--font-mono, ui-monospace, monospace);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:700;color:rgb(var(--color-ink))}.ct-drift-verdict__timer{margin:0;font-size:.75rem;color:rgb(var(--color-ink-muted));line-height:1.35}.ct-drift-verdict__start{width:100%;padding:.55rem .75rem;border-radius:.5rem;border:1px solid rgb(var(--color-accent) / .45);background:rgb(var(--color-accent) / .1);color:rgb(var(--color-ink));font-size:.8125rem;font-weight:700;cursor:pointer;transition:border-color .15s var(--ct-ease),background .15s var(--ct-ease)}.ct-drift-verdict__start:hover:not(:disabled){border-color:rgb(var(--color-accent) / .65);background:rgb(var(--color-accent) / .16)}.ct-drift-verdict__start:disabled{opacity:.55;cursor:not-allowed}.ct-drift-verdict__fix{margin:0;font-size:.8125rem;line-height:1.35}.ct-drift-verdict__fix a{color:rgb(var(--color-accent));font-weight:600;text-decoration:underline;text-underline-offset:2px}.ct-trigger-bars{display:flex;flex-direction:column;gap:.55rem}.ct-trigger-bar{display:grid;grid-template-columns:1.75rem 1fr 2.25rem;align-items:center;gap:.45rem}.ct-trigger-bar__label{font-size:.625rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:rgb(var(--color-ink-muted))}.ct-trigger-bar__track{position:relative;height:.55rem;border-radius:999px;border:1px solid rgb(var(--color-border) / .55);background:rgb(var(--color-surface-soft));overflow:hidden}.ct-trigger-bar__fill{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,rgb(var(--ct-role-trigger) / .55),rgb(var(--ct-role-trigger)));box-shadow:0 0 12px rgb(var(--ct-role-trigger) / .35);transition:width 80ms var(--ct-ease-snap)}.ct-trigger-bar__value{font-size:.6875rem;font-family:var(--font-mono, ui-monospace, monospace);font-weight:700;font-variant-numeric:tabular-nums;text-align:right;color:rgb(var(--color-ink-muted))}.ct-rumble{display:flex;flex-direction:column;gap:.55rem}.ct-rumble__meters{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.ct-rumble__meter{display:flex;flex-direction:column;gap:.25rem}.ct-rumble__meter-label{font-size:.5625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-ink-muted))}.ct-rumble__meter-track{height:.4rem;border-radius:999px;border:1px solid rgb(var(--color-border) / .55);background:rgb(var(--color-surface-soft));overflow:hidden}.ct-rumble__meter-fill{height:100%;width:0%;background:linear-gradient(90deg,rgb(var(--ct-role-rumble) / .65),rgb(var(--ct-role-rumble)));transition:width .1s var(--ct-ease-snap)}.ct-rumble__meter-fill--weak{background:linear-gradient(90deg,rgb(var(--ct-role-rumble-weak) / .55),rgb(var(--ct-role-rumble-weak)))}.ct-rumble__actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.ct-rumble__btn{position:relative;padding:.4rem .25rem .55rem;border-radius:var(--radius-md);border:1px solid rgb(var(--color-border) / .65);background:rgb(var(--color-surface-soft));font-size:.5625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--color-ink-muted));transition:color .14s var(--ct-ease),border-color .14s var(--ct-ease),background .14s var(--ct-ease),transform .1s var(--ct-ease)}.ct-rumble__btn:after{content:"";position:absolute;left:15%;right:15%;bottom:.28rem;height:2px;border-radius:999px;background:rgb(var(--ct-rumble-tone, var(--ct-role-rumble)) / .85);transform:scaleX(.55);transition:transform .16s var(--ct-ease)}.ct-rumble__btn[data-vibe=heavy]{--ct-rumble-tone: var(--ct-role-rumble)}.ct-rumble__btn[data-vibe=light]{--ct-rumble-tone: var(--ct-role-rumble-weak)}.ct-rumble__btn[data-vibe=burst]{--ct-rumble-tone: var(--ct-role-trigger)}.ct-rumble__btn[data-vibe=pulse]{--ct-rumble-tone: 244 63 94}.ct-rumble__btn.is-firing:after{transform:scaleX(1)}@media(hover:hover)and (pointer:fine){.ct-rumble__btn:hover{color:rgb(var(--ct-rumble-tone, var(--ct-role-rumble)));border-color:rgb(var(--ct-rumble-tone, var(--ct-role-rumble)) / .45);background:rgb(var(--ct-rumble-tone, var(--ct-role-rumble)) / .1)}.ct-rumble__btn:hover:after{transform:scaleX(.85)}}.ct-rumble__btn:active{transform:scale(.97)}.ct-telemetry{padding:.65rem .75rem .75rem;border-top:1px solid rgb(var(--color-border) / .45);background:rgb(var(--color-surface-card));flex-shrink:0;min-height:0}@media(min-width:960px){.ct-telemetry{display:flex;flex-direction:column;justify-content:flex-start;border-top:none;border-right:1px solid rgb(var(--color-border) / .45);min-height:0}}.ct-telemetry__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.35rem .75rem;margin-bottom:.55rem;flex-shrink:0}.ct-telemetry__brand{display:flex;align-items:center;gap:.45rem}.ct-telemetry__title{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--color-ink))}.ct-telemetry__status{font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-ink-muted));transition:color .2s var(--ct-ease)}.ct-instrument[data-state=connected] .ct-telemetry__status{color:rgb(var(--ct-role-stick))}.ct-telemetry__body{display:grid;grid-template-columns:1fr;gap:.65rem;align-items:start;flex:1 1 auto;min-height:0}@media(min-width:640px){.ct-telemetry__body{grid-template-columns:minmax(9.5rem,11.5rem) minmax(0,1fr);gap:.75rem}}@media(min-width:960px){.ct-telemetry__body{grid-template-columns:1fr;gap:.6rem}}.ct-telemetry__section-label{margin:0 0 .4rem;font-size:.625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-ink-muted))}.ct-axes{display:flex;flex-direction:column;gap:.3rem}.ct-axis{display:grid;grid-template-columns:1rem 1fr 2.5rem;align-items:center;gap:.35rem}.ct-axis__index{font-size:.625rem;font-family:var(--font-mono, ui-monospace, monospace);font-weight:700;color:rgb(var(--color-ink-muted))}.ct-axis__track{position:relative;height:.35rem;border-radius:999px;background:rgb(var(--color-surface-soft));border:1px solid rgb(var(--color-border) / .45);overflow:hidden}.ct-axis__track:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgb(var(--color-border) / .65)}.ct-axis__fill{position:absolute;top:0;bottom:0;left:50%;width:0%;background:linear-gradient(90deg,rgb(var(--ct-role-telemetry) / .45),rgb(var(--ct-role-telemetry)));transition:width 70ms var(--ct-ease-snap)}.ct-axis__value{font-size:.625rem;font-family:var(--font-mono, ui-monospace, monospace);font-variant-numeric:tabular-nums;text-align:right;color:rgb(var(--color-ink-muted))}.ct-raw-btns{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.25rem}@media(min-width:640px)and (max-width:959px){.ct-raw-btns{grid-template-columns:repeat(9,minmax(0,1fr))}}.ct-raw-btn{display:flex;align-items:center;justify-content:center;min-height:1.5rem;border-radius:var(--radius-sm);border:1px dashed rgb(var(--color-border) / .75);font-size:.625rem;font-family:var(--font-mono, ui-monospace, monospace);font-weight:700;color:rgb(var(--color-ink-muted));background:transparent;transition:background .1s var(--ct-ease),color .1s var(--ct-ease),border-color .1s var(--ct-ease),transform .1s var(--ct-ease)}.ct-raw-btn.is-pressed{border-style:solid;border-color:rgb(var(--ct-role-telemetry) / .55);background:rgb(var(--ct-role-telemetry));color:rgb(var(--color-surface-card));transform:scale(1.06);box-shadow:0 0 10px rgb(var(--ct-role-telemetry) / .45)}[data-controller-test] .ct-gp-shell{fill:rgb(var(--color-surface-soft));stroke:rgb(var(--color-border) / .85);stroke-width:2.5}[data-controller-test] .ct-gp-ring{fill:rgb(var(--color-surface-card));stroke:rgb(var(--color-border) / .7);stroke-width:1.5}[data-controller-test] .ct-gp-stick-cap{fill:rgb(var(--color-border) / .5);stroke:rgb(var(--color-surface-card));stroke-width:1.5}[data-controller-test] .ct-gp-btn{fill:rgb(var(--color-surface-soft));stroke:rgb(var(--color-border) / .75);stroke-width:1.5;transition:fill .1s var(--ct-ease),filter .1s var(--ct-ease)}[data-controller-test] .ct-gp-btn--guide{fill:rgb(var(--color-surface-card))}[data-controller-test] .ct-gp-btn.is-pressed{fill:rgb(var(--color-accent));filter:drop-shadow(0 0 10px rgb(var(--color-accent) / .75));animation:ct-btn-glow .14s var(--ct-ease) both}@keyframes ct-stage-breathe{0%,to{background:radial-gradient(ellipse 70% 55% at 50% 45%,rgb(var(--color-accent) / .05),transparent 72%),rgb(var(--color-surface-soft) / .35)}50%{background:radial-gradient(ellipse 72% 58% at 50% 45%,rgb(var(--color-accent) / .12),transparent 72%),rgb(var(--color-surface-soft) / .42)}}@keyframes ct-btn-glow{0%{filter:drop-shadow(0 0 2px rgb(var(--color-accent) / .35))}to{filter:drop-shadow(0 0 12px rgb(var(--color-accent) / .85))}}@keyframes ct-status-pulse{0%,to{opacity:1}50%{opacity:.65}}.ct-instrument[data-state=idle] .ct-instrument__stage{animation:ct-stage-breathe 2.8s ease-in-out infinite}.ct-instrument[data-state=idle] .ct-instrument__status{animation:ct-status-pulse 2.2s ease-in-out infinite}.ct-instrument[data-state=connected] .ct-instrument__status{color:rgb(var(--ct-role-stick))}.ct-instrument[data-state=connected] .ct-instrument__stage{background:radial-gradient(ellipse 75% 60% at 50% 42%,rgb(var(--color-accent) / .11),transparent 74%),rgb(var(--color-surface-soft) / .38)}.ct-instrument[data-input=true] .ct-instrument__svg{filter:drop-shadow(0 8px 24px rgb(var(--color-accent) / .12))}@keyframes ct-legend-pulse{0%,to{box-shadow:0 0 6px rgb(var(--color-accent) / .45)}50%{box-shadow:0 0 12px rgb(var(--color-accent) / .8)}}@media(prefers-reduced-motion:reduce){.ct-instrument[data-state=idle] .ct-instrument__stage,.ct-instrument[data-state=idle] .ct-instrument__status,.ct-instrument__legend-dot--active{animation:none}.ct-stick__dot{transition:transform .01ms linear}[data-controller-test] .ct-gp-btn.is-pressed{animation:none}.ct-raw-btn.is-pressed{transform:none}}[data-controller-test] .ct-gp-grip{stroke:rgb(var(--color-border) / .45);stroke-width:1.5}[data-controller-test] .ct-gp-label{fill:rgb(var(--color-ink-muted));font-size:10px;font-weight:700;pointer-events:none}[data-controller-test] .ct-gp-face{fill:rgb(var(--color-ink));font-size:11px;font-weight:800;pointer-events:none}[data-controller-test] .ct-gp-icon{stroke:rgb(var(--color-ink-muted));stroke-width:1.5;fill:none}