[data-stick-drift-test]{--sd-ease: cubic-bezier(.16, 1, .3, 1);--sd-ease-snap: cubic-bezier(.23, 1, .32, 1);--sd-accent-soft: rgb(var(--color-accent) / .14);--sd-accent-border: rgb(var(--color-accent) / .45);--sd-warn: 239 68 68;--sd-role-stick: var(--color-accent);--sd-role-stick-left: var(--color-accent);--sd-role-stick-right: 168 85 247;--sd-role-jitter: var(--color-accent-teal);--sd-role-deadzone: 59 130 246;--sd-role-range: 168 85 247}.sd-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)}.sd-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)}.sd-instrument__brand{display:flex;align-items:center;gap:.5rem;min-width:0}.sd-instrument__chip{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-md);background:var(--sd-accent-soft);color:rgb(var(--color-accent));flex-shrink:0}.sd-instrument__title{margin:0;font-size:.9375rem;font-weight:600;letter-spacing:-.01em;color:rgb(var(--color-ink))}.sd-instrument__status{margin:.15rem 0 0;font-size:.6875rem;color:rgb(var(--color-ink-muted));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-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}.sd-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(--sd-ease),background .14s var(--sd-ease),border-color .14s var(--sd-ease)}@media(hover:hover)and (pointer:fine){.sd-instrument__player:hover:not(.is-active){color:rgb(var(--color-ink));background:rgb(var(--color-ink) / .04)}}.sd-instrument__player.is-active{color:rgb(var(--color-ink));background:rgb(var(--color-surface-card));border-color:var(--sd-accent-border);box-shadow:var(--shadow-sm)}.sd-instrument__body{display:grid;grid-template-columns:1fr;min-height:0}@media(min-width:960px){.sd-instrument__body{grid-template-columns:minmax(0,1.12fr) minmax(18rem,.88fr);align-items:stretch}}.sd-instrument__lab{display:flex;flex-direction:column;gap:.85rem;padding:.85rem 1rem 1rem;min-height:0;border-bottom:1px solid rgb(var(--color-border) / .4);background:radial-gradient(ellipse 75% 58% at 50% 42%,rgb(var(--color-accent) / .07),transparent 72%),rgb(var(--color-surface-soft) / .4)}@media(min-width:960px){.sd-instrument__lab{border-bottom:none;border-right:1px solid rgb(var(--color-border) / .4);min-height:22rem;padding:1rem 1.1rem 1.1rem}}.sd-instrument__lab-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.65rem 1rem;flex-shrink:0}.sd-instrument__lab-title{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:rgb(var(--color-ink))}.sd-instrument__lab-sub{margin:.2rem 0 0;font-size:.6875rem;color:rgb(var(--color-ink-muted))}.sd-instrument__legend{display:flex;flex-wrap:wrap;gap:.45rem .75rem;margin:0;padding:0;list-style:none;font-size:.625rem;color:rgb(var(--color-ink-muted))}.sd-instrument__legend-item{display:inline-flex;align-items:center;gap:.35rem}.sd-instrument__legend-dot{width:.5rem;height:.5rem;border-radius:999px;flex-shrink:0}.sd-instrument__legend-dot--stick{background:rgb(var(--sd-role-stick-left));box-shadow:0 0 8px rgb(var(--sd-role-stick-left) / .45)}.sd-instrument__legend-dot--deadzone{border:1px dashed rgb(var(--sd-role-deadzone) / .7);background:rgb(var(--sd-role-deadzone) / .12)}.sd-instrument__legend-dot--trail{background:rgb(var(--sd-role-range) / .55)}.sd-sticks{display:grid;grid-template-columns:1fr;gap:.85rem;flex:1 1 auto;min-height:0;align-items:stretch}@media(min-width:560px){.sd-sticks{grid-template-columns:1fr 1fr;gap:.9rem}}.sd-stick-card{display:flex;flex-direction:column;gap:.65rem;min-height:0;padding:.75rem;border-radius:var(--radius-lg);border:1px solid rgb(var(--color-border) / .55);background:rgb(var(--color-surface-card));box-shadow:inset 0 1px rgb(var(--color-ink) / .03)}.sd-stick__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;flex-shrink:0}.sd-stick__name{margin:0;font-size:.6875rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:rgb(var(--color-ink))}.sd-stick__axes{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.sd-stick__axis{font-size:.625rem;font-family:var(--font-mono, ui-monospace, monospace);font-variant-numeric:tabular-nums;color:rgb(var(--color-ink-muted))}.sd-stick__well{position:relative;flex:1 1 auto;width:100%;min-height:9.5rem;aspect-ratio:1;margin:0 auto;border-radius:var(--radius-lg);border:1px solid rgb(var(--color-border) / .65);background:rgb(var(--color-surface-soft));overflow:hidden}@media(min-width:960px){.sd-stick__well{min-height:10.5rem}}.sd-stick__well:before,.sd-stick__well:after{content:"";position:absolute;background:rgb(var(--color-ink) / .08);pointer-events:none;z-index:1}.sd-stick__well:before{top:50%;left:.75rem;right:.75rem;height:1px;transform:translateY(-50%)}.sd-stick__well:after{left:50%;top:.75rem;bottom:.75rem;width:1px;transform:translate(-50%)}.sd-instrument[data-state=connected] .sd-stick__well{border-color:rgb(var(--color-accent) / .35);box-shadow:inset 0 0 0 1px rgb(var(--color-accent) / .08)}.sd-instrument[data-state=connected] .sd-stick-card--right .sd-stick__well{border-color:rgb(var(--sd-role-stick-right) / .35);box-shadow:inset 0 0 0 1px rgb(var(--sd-role-stick-right) / .08)}.sd-stick__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.sd-stick__svg-inner{transform:none}.sd-stick__deadzone{position:absolute;top:50%;left:50%;border-radius:999px;border:1px dashed rgb(var(--sd-role-deadzone) / .55);background:rgb(var(--sd-role-deadzone) / .06);transform:translate(-50%,-50%);pointer-events:none;z-index:2}.sd-stick__dot{position:absolute;top:50%;left:50%;width:.8rem;height:.8rem;margin:-.4rem 0 0 -.4rem;border-radius:999px;background:rgb(var(--sd-role-stick-left));box-shadow:0 0 14px rgb(var(--sd-role-stick-left) / .55);will-change:transform;transition:transform 45ms linear,box-shadow .15s var(--sd-ease);z-index:3}.sd-stick-card--right .sd-stick__dot{background:rgb(var(--sd-role-stick-right));box-shadow:0 0 14px rgb(var(--sd-role-stick-right) / .55)}.sd-stick__dot.is-drift{background:rgb(var(--sd-warn));box-shadow:0 0 14px rgb(var(--sd-warn) / .55)}.sd-stick__dot.is-inside-deadzone{box-shadow:0 0 10px rgb(var(--sd-role-deadzone) / .45)}.sd-stick__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;flex-shrink:0}.sd-stick__stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:2.65rem;padding:.4rem .35rem;border-radius:var(--radius-md);border:1px solid rgb(var(--color-border) / .45);background:rgb(var(--color-surface-soft));text-align:center}.sd-stick__stat-label{font-size:.5625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-ink-muted));line-height:1.2}.sd-stick__stat-value{font-size:.75rem;font-family:var(--font-mono, ui-monospace, monospace);font-variant-numeric:tabular-nums;font-weight:700;color:rgb(var(--color-ink));line-height:1.2}.sd-stick__stat-value.is-drift{color:rgb(var(--sd-warn))}.sd-stick__stat-value.is-pass{color:rgb(var(--color-accent))}.sd-instrument__side{display:flex;flex-direction:column;gap:0;min-height:0}@media(min-width:960px){.sd-instrument__side{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;align-content:start;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}.sd-instrument__side>.sd-panel--drift,.sd-instrument__side>.sd-panel--jitter{grid-column:1 / -1}}.sd-panel{display:flex;flex-direction:column;gap:.55rem;padding:.75rem .85rem;border-bottom:1px solid rgb(var(--color-border) / .4);flex-shrink:0}.sd-panel:last-child{border-bottom:none}.sd-panel__head-copy{min-width:0}.sd-panel__head-copy .sd-panel__title,.sd-panel__head-copy .sd-panel__hint{overflow-wrap:anywhere}.sd-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}.sd-panel__chip--drift{background:rgb(var(--sd-role-stick-left) / .16);color:rgb(var(--sd-role-stick-left))}.sd-panel__chip--jitter{background:rgb(var(--sd-role-jitter) / .16);color:rgb(var(--sd-role-jitter))}.sd-panel__chip--deadzone{background:rgb(var(--sd-role-deadzone) / .16);color:rgb(var(--sd-role-deadzone))}.sd-panel__title{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--color-ink))}.sd-panel__hint{margin:.12rem 0 0;font-size:.625rem;line-height:1.4;color:rgb(var(--color-ink-muted))}.sd-drift-verdict__status{margin:0;font-size:1rem;font-weight:700;letter-spacing:-.02em;color:rgb(var(--color-ink))}.sd-instrument[data-state=connected] .sd-drift-verdict__status{color:rgb(var(--sd-role-stick-left))}.sd-panel[data-phase=drift] .sd-drift-verdict__status{color:rgb(var(--sd-warn))}.sd-panel[data-phase=pass] .sd-drift-verdict__status{color:rgb(var(--color-accent))}.sd-drift-verdict__stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:0}.sd-drift-verdict__stat{padding:.45rem .55rem;border-radius:var(--radius-md);border:1px solid rgb(var(--color-border) / .45);background:rgb(var(--color-surface-soft))}.sd-drift-verdict__stat dt{font-size:.5625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-ink-muted))}.sd-drift-verdict__stat dd{margin:.15rem 0 0;font-family:var(--font-mono, ui-monospace, monospace);font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums;color:rgb(var(--color-ink))}.sd-drift-verdict__timer{margin:0;font-size:.6875rem;color:rgb(var(--color-ink-muted))}.sd-drift-verdict__start{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:2.5rem;padding:.55rem 1rem;border-radius:var(--radius-md);border:1px solid rgb(var(--color-border) / .65);background:rgb(var(--color-surface-soft));font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:rgb(var(--color-ink));transition:border-color .14s var(--sd-ease),background .14s var(--sd-ease),transform .1s var(--sd-ease)}@media(hover:hover)and (pointer:fine){.sd-drift-verdict__start:hover:not(:disabled){border-color:var(--sd-accent-border);background:rgb(var(--color-accent) / .08)}}.sd-drift-verdict__start:active:not(:disabled){transform:scale(.98)}.sd-drift-verdict__start:disabled{opacity:.55;cursor:not-allowed}.sd-drift-verdict__fix{margin:0;font-size:.6875rem}.sd-drift-verdict__fix a{color:rgb(var(--color-accent));font-weight:600}.sd-deadzone{display:flex;flex-direction:column;gap:.45rem}.sd-deadzone__row{display:flex;align-items:center;gap:.65rem}.sd-deadzone__input{flex:1;accent-color:rgb(var(--sd-role-deadzone))}.sd-deadzone__value{min-width:2.25rem;font-family:var(--font-mono, ui-monospace, monospace);font-size:.6875rem;font-weight:700;font-variant-numeric:tabular-nums;text-align:right;color:rgb(var(--sd-role-deadzone))}.sd-panel__head{display:flex;align-items:flex-start;gap:.5rem}.sd-panel--jitter{gap:.65rem;background:rgb(var(--color-surface-soft) / .35)}.sd-jitter__status{margin:0;padding:.55rem .65rem;border-radius:var(--radius-md);border:1px solid rgb(var(--color-border) / .45);background:rgb(var(--color-surface-card));font-size:.6875rem;font-weight:600;line-height:1.45;color:rgb(var(--color-ink))}.sd-panel--jitter[data-state=stable] .sd-jitter__status{border-color:rgb(var(--sd-role-jitter) / .35);color:rgb(var(--sd-role-jitter))}.sd-panel--jitter[data-state=active] .sd-jitter__status{border-color:rgb(var(--color-accent-amber) / .45);color:rgb(var(--color-accent-amber))}.sd-panel--jitter[data-state=paused] .sd-jitter__status{color:rgb(var(--color-ink-muted))}.sd-jitter__grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.sd-jitter__lane{display:flex;flex-direction:column;gap:.45rem;padding:.55rem .6rem;border-radius:var(--radius-md);border:1px solid rgb(var(--color-border) / .45);background:rgb(var(--color-surface-card))}.sd-jitter__lane-head{display:flex;align-items:baseline;justify-content:space-between;gap:.35rem}.sd-jitter__lane-label{font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-ink-muted))}.sd-jitter__lane-value{font-family:var(--font-mono, ui-monospace, monospace);font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums;color:rgb(var(--color-ink))}.sd-jitter__lane[data-level=elevated] .sd-jitter__lane-value{color:rgb(var(--color-accent-amber))}.sd-jitter__lane[data-level=high] .sd-jitter__lane-value{color:rgb(var(--sd-warn))}.sd-jitter__bar{position:relative;height:.4rem;border-radius:999px;background:rgb(var(--color-surface-soft));border:1px solid rgb(var(--color-border) / .4);overflow:hidden}.sd-jitter__bar-fill{display:block;height:100%;width:0%;border-radius:inherit;background:rgb(var(--sd-role-jitter));transition:width .12s linear,background-color .15s var(--sd-ease)}.sd-jitter__bar-fill.is-elevated{background:rgb(var(--color-accent-amber))}.sd-jitter__bar-fill.is-high{background:rgb(var(--sd-warn))}.sd-jitter__note{margin:0;font-size:.625rem;line-height:1.45;color:rgb(var(--color-ink-muted))}.sd-instrument__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.55rem .9rem;border-top:1px solid rgb(var(--color-border) / .45);background:rgb(var(--color-surface-card));font-size:.625rem;color:rgb(var(--color-ink-muted))}.sd-instrument__footer a{color:rgb(var(--color-accent));font-weight:600}@media(prefers-reduced-motion:reduce){.sd-stick__dot{transition:none}.sd-drift-verdict__start:active:not(:disabled){transform:none}}