.p2-human-droid .console{
  --plate-hi: #4a4846; --plate-lo: #1f1e1c; --groove: #0e0d0c; --chrome-hi: #fbfaf7; --chrome-lo: #8d8a85;
  position: relative; display: grid; gap: 10px; padding: 16px 18px 14px;
  border-radius: 14px; color: var(--stone);
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 3px),
    linear-gradient(170deg, var(--plate-hi), var(--plate-lo) 70%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -2px 0 rgba(0,0,0,.45),
              0 14px 28px -12px rgba(0,0,0,.55), 0 2px 0 rgba(0,0,0,.3);
}
.p2-human-droid .screw{ position: absolute; width: 7px; height: 7px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #d8d5cf, #6f6c67 60%, #2c2a28);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.4); }
.p2-human-droid .screw::after{ content: ""; position: absolute; left: 1px; right: 1px; top: 3px; height: 1px; background: rgba(0,0,0,.55); transform: rotate(35deg); }
.p2-human-droid .screw.tl{ left: 7px; top: 7px; }
.p2-human-droid .screw.tr{ right: 7px; top: 7px; }
.p2-human-droid .screw.bl{ left: 7px; bottom: 7px; }
.p2-human-droid .screw.br{ right: 7px; bottom: 7px; }
.p2-human-droid .console-row{ display: flex; align-items: center; gap: 12px; }
.p2-human-droid .console-label{ width: 52px; font: 700 9.5px/1 "PHAS2 Hero Space", Arial, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #a39e96; }
.p2-human-droid .lever{ position: relative; display: grid; grid-template-columns: repeat(3, 1fr); width: 210px; padding-top: 26px; }
.p2-human-droid .lever-slot{ touch-action: none; cursor: pointer; position: absolute; left: 16%; right: 16%; top: 9px; height: 8px; border-radius: 4px;
  background: linear-gradient(180deg, #050505, #1b1a19); box-shadow: inset 0 2px 3px rgba(0,0,0,.9), 0 1px 0 rgba(255,255,255,.12); }
.p2-human-droid .lever-slot::before{ content: ""; position: absolute; inset: -9px -14px; }
.p2-human-droid .lever-knob{ position: absolute; top: 0; width: 26px; height: 26px; border-radius: 50%;
  left: calc(16.667% + var(--pos) * 33.333% - 13px);
  background: radial-gradient(circle at 35% 28%, #fff 0 8%, #ffb27a 18%, var(--orange) 46%, #9a3a00 100%);
  box-shadow: 0 4px 8px rgba(0,0,0,.6), inset 0 -3px 5px rgba(0,0,0,.35), 0 0 12px rgba(255,101,0,.35);
  transition: left .28s cubic-bezier(.3,1.5,.5,1); cursor: grab; touch-action: none; }
.p2-human-droid .lever.is-dragging .lever-knob{ cursor: grabbing; transition-duration: .12s; }
.p2-human-droid .lever-knob::before{ content: ""; position: absolute; left: 50%; top: 20px; width: 4px; height: 12px; margin-left: -2px; border-radius: 2px;
  background: linear-gradient(90deg, var(--chrome-lo), var(--chrome-hi), var(--chrome-lo)); z-index: -1; }
.p2-human-droid .lever button{
  font: 700 9.5px/1 "PHAS2 Hero Space", Arial, sans-serif; letter-spacing: .1em; text-transform: uppercase;
  color: #a39e96; background: none; border: 0; padding: 8px 0 2px; cursor: pointer; min-height: 30px;
}
.p2-human-droid .lever button[aria-pressed="true"]{ color: var(--ivory); }
.p2-human-droid .lever button::before{ content: ""; display: block; width: 2px; height: 5px; margin: -6px auto 4px; background: #6f6b65; }
.p2-human-droid .toggle{ display: flex; align-items: center; gap: 10px; border: 0; padding: 0; background: none; }
.p2-human-droid .toggle button{
  font: 700 9.5px/1 "PHAS2 Hero Space", Arial, sans-serif; letter-spacing: .14em; text-transform: uppercase;
  color: #a39e96; background: none; border: 0; padding: 8px 2px; cursor: pointer; min-height: 32px; min-width: 0; border-radius: 4px;
}
.p2-human-droid .toggle button[aria-pressed="true"]{ color: var(--ivory); background: none; }
.p2-human-droid .toggle-housing{ touch-action: none; cursor: grab; position: relative; width: 58px; height: 26px; border-radius: 13px;
  background: linear-gradient(180deg, #070707, #262523); box-shadow: inset 0 3px 5px rgba(0,0,0,.9), 0 1px 0 rgba(255,255,255,.14); }
.p2-human-droid .toggle-bat{ position: absolute; top: 2px; left: 3px; width: 30px; height: 22px; border-radius: 11px;
  background: linear-gradient(180deg, var(--chrome-hi) 0%, #d9d6d0 35%, var(--chrome-lo) 55%, #c8c4bd 80%, #efede8 100%);
  box-shadow: 0 3px 6px rgba(0,0,0,.6), inset 0 1px 0 #fff;
  transition: left .24s cubic-bezier(.3,1.4,.5,1); }
.p2-human-droid .toggle-bat::after{ content: ""; position: absolute; inset: 6px 9px; border-radius: 6px;
  background: repeating-linear-gradient(90deg, rgba(0,0,0,.22) 0 1px, transparent 1px 3px); }
.p2-human-droid .toggle:has([data-set="droid"][aria-pressed="true"]) .toggle-bat{ left: 25px; }
.p2-human-droid .led{ width: 10px; height: 10px; border-radius: 50%; margin-left: auto;
  background: radial-gradient(circle at 35% 30%, #6b625a, #2a2724); box-shadow: inset 0 1px 2px rgba(0,0,0,.7); transition: background .25s, box-shadow .25s; }
.p2-human-droid .hero-stage[data-material="droid"] .led{ background: radial-gradient(circle at 35% 30%, #ffe0c2, var(--orange) 45%, #a33f00);
  box-shadow: 0 0 10px rgba(255,101,0,.8), 0 0 2px #fff inset; }
.p2-human-droid .console button:focus-visible{ outline: 2px solid var(--orange); outline-offset: 2px; }
.p2-human-droid[data-tone="dark"] .console{ color: var(--stone); }
@media (prefers-reduced-motion: reduce){.p2-human-droid .lever-knob, .p2-human-droid .toggle-bat{ transition: none; }
 }
@media (max-width: 560px){.p2-human-droid .console{ padding: 14px 14px 12px; }
.p2-human-droid .console-label{ width: 42px; font-size: 9px; }
.p2-human-droid .lever{ width: 190px; }
.p2-human-droid .lever button, .p2-human-droid .toggle button{ font-size: 9px; letter-spacing: .06em; }

}
.p2-human-droid[data-tone="dark"] .toggle button[aria-pressed="true"]{ background: none; color: var(--ivory); }


.p2-human-droid{--track:220svh}
.p2-human-droid .console{visibility:hidden;max-width:100%}
.p2-human-droid[data-interactive="true"] .console{visibility:visible}
.p2-human-droid .console .switch,.p2-human-droid[data-tone="dark"] .console .switch{border:0;border-radius:0;padding:0;background:none;visibility:inherit}
.p2-human-droid .console .switch button,.p2-human-droid .console .lever button{min-height:44px}
.p2-human-droid .console .switch button,.p2-human-droid[data-tone="dark"] .console .switch button{color:#c4bfb7;background:none;min-width:58px}
.p2-human-droid .console .switch button[aria-pressed="true"],.p2-human-droid[data-tone="dark"] .console .switch button[aria-pressed="true"]{color:#fffaf0;background:none}
.p2-human-droid .console button:focus-visible{outline:3px solid #ffb27a;outline-offset:2px}
.p2-human-droid .cue-fallback{display:none!important}
.p2-human-droid[data-renderer="svg-fallback"] .reveal-row{display:none}
.p2-human-droid[data-renderer="svg-fallback"] .cue-fine,.p2-human-droid[data-renderer="svg-fallback"] .cue-touch{display:none!important}
.p2-human-droid[data-renderer="svg-fallback"] .cue-fallback{display:block!important}
@media(prefers-reduced-motion:reduce){.p2-human-droid{--track:var(--hero-height)}.p2-human-droid .lever-knob,.p2-human-droid .toggle-bat{transition:none}}