.wire-fix-level {
  position: fixed;
  inset: 0;
  z-index: 22;
  min-height: 100vh;
  overflow: auto;
  color: #f8fbff;
  background:
    radial-gradient(circle at 18% 20%, rgba(54, 199, 255, 0.26), transparent 30%),
    radial-gradient(circle at 82% 18%, rgba(255, 201, 64, 0.18), transparent 28%),
    linear-gradient(145deg, #10224d 0%, #15143c 46%, #34184e 100%);
}

.wire-fix-back {
  z-index: 4;
}

.wire-fix-shell {
  width: min(1120px, calc(100vw - 32px));
  min-height: min(760px, calc(100vh - 44px));
  margin: 22px auto;
  display: grid;
  grid-template-columns: minmax(320px, 0.95fr) minmax(360px, 1.05fr);
  gap: 18px;
  align-items: stretch;
}

.wire-fix-console-card,
.wire-fix-panel {
  position: relative;
  border: 2px solid rgba(255, 255, 255, 0.22);
  border-radius: 8px;
  background: rgba(6, 15, 42, 0.76);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.3);
}

.wire-fix-console-card {
  display: grid;
  place-items: center;
  min-height: 460px;
  overflow: hidden;
}

.wire-fix-console-card.testing {
  animation: wire-fix-console-test 520ms ease-out;
}

.wire-fix-console-card.test-ready {
  border-color: rgba(128, 255, 192, 0.62);
}

.wire-fix-console-card.test-needs-help {
  border-color: rgba(255, 225, 111, 0.62);
}

.wire-fix-panel {
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.wire-fix-kicker {
  width: fit-content;
  padding: 5px 10px;
  border-radius: 999px;
  color: #111b2f;
  background: #ffe16f;
  font-weight: 900;
  font-size: 0.78rem;
}

.wire-fix-panel h1 {
  margin: 0;
  font-size: clamp(1.8rem, 3vw, 3rem);
  line-height: 1;
  letter-spacing: 0;
}

.wire-fix-panel p {
  margin: 0;
  color: rgba(248, 251, 255, 0.82);
  font-size: 1rem;
}

.wire-fix-message {
  min-height: 54px;
  display: grid;
  align-items: center;
  padding: 10px 14px;
  border-radius: 8px;
  border: 2px solid rgba(255, 225, 111, 0.5);
  background: rgba(255, 225, 111, 0.14);
  font-weight: 900;
  animation: wire-fix-message-pop 220ms ease-out;
}

.wire-fix-engine-stars {
  display: flex;
  gap: 8px;
  min-height: 28px;
  align-items: center;
}

.wire-fix-engine-stars span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.42);
  background: rgba(255, 255, 255, 0.1);
  font-weight: 900;
  transition: transform 180ms ease, color 180ms ease, background 180ms ease;
}

.wire-fix-engine-stars span.on {
  color: #1a2133;
  background: #ffe16f;
  transform: scale(1.08);
  box-shadow: 0 0 18px rgba(255, 225, 111, 0.38);
}

.wire-fix-engine-path {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.wire-fix-engine-path span {
  min-height: 68px;
  display: grid;
  grid-template-rows: 18px auto auto;
  align-items: center;
  justify-items: center;
  gap: 3px;
  padding: 8px 5px;
  border: 2px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  text-align: center;
}

.wire-fix-engine-path i {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--wire-fix-color);
  box-shadow: 0 0 14px color-mix(in srgb, var(--wire-fix-color), transparent 42%);
}

.wire-fix-engine-path strong {
  font-size: 0.78rem;
  line-height: 1;
}

.wire-fix-engine-path small {
  color: rgba(248, 251, 255, 0.68);
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1;
}

.wire-fix-engine-path span.active {
  border-color: #ffffff;
  background: color-mix(in srgb, var(--wire-fix-color), transparent 78%);
  box-shadow: 0 0 18px color-mix(in srgb, var(--wire-fix-color), transparent 62%);
}

.wire-fix-engine-path span.on {
  border-color: #7cffb9;
  background: rgba(93, 255, 174, 0.16);
}

.wire-fix-engine-path span.on small {
  color: #aaffc9;
}

.wire-fix-reward-pop {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 5;
  width: min(250px, calc(100% - 36px));
  min-height: 72px;
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 8px;
  align-items: center;
  padding: 8px 12px 8px 8px;
  border-radius: 8px;
  color: #17223a;
  background: #ffffff;
  border: 3px solid #ffe16f;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.3);
  pointer-events: none;
  animation: wire-fix-reward-pop 1.35s ease-out both;
}

.wire-fix-reward-pop.complete {
  border-color: #80ffc0;
  background: #fff9ce;
}

.wire-fix-reward-pop-art {
  width: 62px;
  aspect-ratio: 1;
}

.wire-fix-reward-pop strong {
  font-size: 0.92rem;
  line-height: 1.1;
}

.wire-fix-sprite {
  display: block;
  background-repeat: no-repeat;
  background-size: 200% 200%;
  background-position: 0 0;
}

.wire-fix-sprite.frame-1 {
  background-position: 100% 0;
}

.wire-fix-sprite.frame-2 {
  background-position: 0 100%;
}

.wire-fix-sprite.frame-3 {
  background-position: 100% 100%;
}

.wire-fix-console {
  width: min(92%, 520px);
  aspect-ratio: 1;
  filter: drop-shadow(0 18px 22px rgba(0, 0, 0, 0.28));
  transition: transform 180ms ease, filter 180ms ease;
}

.wire-fix-console.complete {
  transform: translateY(-8px) scale(1.03);
  filter: drop-shadow(0 0 28px rgba(86, 255, 196, 0.54));
}

.wire-fix-console-leads {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.wire-fix-console-hole {
  position: absolute;
  left: var(--wire-fix-hole-x);
  top: 68.2%;
  width: clamp(22px, 4.4vw, 44px);
  height: clamp(22px, 4.4vw, 44px);
  border: 4px solid var(--wire-fix-color);
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.62);
  box-shadow:
    inset 0 0 12px rgba(0, 0, 0, 0.65),
    0 0 0 rgba(255, 255, 255, 0);
  transform: translate(-50%, -50%);
  opacity: 0.82;
  transition:
    box-shadow 170ms ease,
    transform 170ms ease,
    background 170ms ease,
    opacity 170ms ease;
}

.wire-fix-console-hole i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 54%;
  height: 54%;
  border-radius: 50%;
  background: var(--wire-fix-color);
  box-shadow:
    0 0 12px var(--wire-fix-color),
    0 0 24px color-mix(in srgb, var(--wire-fix-color), transparent 34%);
  transform: translate(-50%, -50%) scale(0.74);
}

.wire-fix-console-hole.connected,
.wire-fix-console-hole.selected {
  opacity: 1;
  background: color-mix(in srgb, var(--wire-fix-color), black 58%);
  box-shadow:
    0 0 0 5px color-mix(in srgb, var(--wire-fix-color), transparent 72%),
    0 0 24px color-mix(in srgb, var(--wire-fix-color), transparent 30%);
  transform: translate(-50%, -50%) scale(1.08);
}

.wire-fix-console-hole.connected::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 7px;
  height: clamp(24px, 5vw, 54px);
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--wire-fix-color), white 22%),
    var(--wire-fix-color)
  );
  box-shadow: 0 0 14px color-mix(in srgb, var(--wire-fix-color), transparent 38%);
  transform: translateX(-50%);
}

.wire-fix-robot-wires {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.wire-fix-robot-wire {
  position: absolute;
  left: var(--wire-fix-hole-x);
  top: 63.5%;
  z-index: 2;
  width: clamp(72px, 11.5vw, 126px);
  aspect-ratio: 1;
  filter:
    drop-shadow(0 8px 7px rgba(0, 0, 0, 0.34))
    drop-shadow(0 0 8px color-mix(in srgb, var(--wire-fix-color), transparent 52%));
  transform: translate(-50%, -50%) scale(0.72);
  opacity: 0.86;
  transition:
    filter 180ms ease,
    opacity 180ms ease,
    transform 180ms ease;
}

.wire-fix-robot-wire.selected,
.wire-fix-robot-wire.connected {
  opacity: 1;
  filter:
    drop-shadow(0 9px 8px rgba(0, 0, 0, 0.35))
    drop-shadow(0 0 14px color-mix(in srgb, var(--wire-fix-color), transparent 20%));
  transform: translate(-50%, -50%) scale(0.86);
}

.wire-fix-robot-wire.connected::before,
.wire-fix-robot-wire.connected::after,
.wire-fix-robot-wire.selected::before,
.wire-fix-robot-wire.selected::after {
  content: "";
  position: absolute;
  top: 26%;
  width: 18%;
  height: 18%;
  border: 3px solid rgba(255, 255, 255, 0.88);
  border-radius: 50%;
  background: var(--wire-fix-color);
  box-shadow: 0 0 14px color-mix(in srgb, var(--wire-fix-color), transparent 24%);
}

.wire-fix-robot-wire.connected::before,
.wire-fix-robot-wire.selected::before {
  left: 24%;
}

.wire-fix-robot-wire.connected::after,
.wire-fix-robot-wire.selected::after {
  right: 24%;
}

.wire-fix-power-wave {
  position: absolute;
  left: 12%;
  right: 12%;
  bottom: 12%;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  pointer-events: none;
}

.wire-fix-power-wave span {
  height: 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
  opacity: 0;
  animation: wire-fix-power-check 980ms ease-out both;
}

.wire-fix-power-wave span.on {
  background: var(--wire-fix-color);
  box-shadow:
    0 0 14px color-mix(in srgb, var(--wire-fix-color), transparent 35%),
    inset 0 0 0 1px rgba(255, 255, 255, 0.28);
}

.wire-fix-power-wave span:nth-child(2) {
  animation-delay: 120ms;
}

.wire-fix-power-wave span:nth-child(3) {
  animation-delay: 240ms;
}

.wire-fix-power-wave span:nth-child(4) {
  animation-delay: 360ms;
}

.wire-fix-power-wave.complete span {
  animation-name: wire-fix-power-launch;
}

.wire-fix-pointer,
.wire-fix-reward-star,
.wire-fix-flame {
  position: absolute;
  pointer-events: none;
}

.wire-fix-pointer {
  right: 7%;
  bottom: 10%;
  width: 124px;
  aspect-ratio: 1;
  animation: wire-fix-pointer-nudge 900ms ease-in-out infinite alternate;
}

.wire-fix-reward-star {
  left: 7%;
  top: 8%;
  width: 132px;
  aspect-ratio: 1;
  animation: wire-fix-spin 1.8s linear infinite;
}

.wire-fix-flame {
  right: 7%;
  bottom: 7%;
  width: 118px;
  aspect-ratio: 1;
  animation: wire-fix-flame-pulse 620ms ease-in-out infinite alternate;
}

.wire-fix-sockets {
  display: grid;
  grid-template-columns: repeat(4, minmax(74px, 1fr));
  gap: 10px;
}

.wire-fix-socket {
  position: relative;
  min-height: 176px;
  border: 3px solid rgba(255, 255, 255, 0.22);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  display: grid;
  place-items: end center;
  padding: 8px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.wire-fix-socket:hover,
.wire-fix-socket:focus-visible,
.wire-fix-socket.selected {
  transform: translateY(-3px);
  border-color: #ffffff;
  outline: none;
}

.wire-fix-socket.target-ready {
  border-color: color-mix(in srgb, var(--wire-fix-color, #ffffff), white 36%);
  background:
    radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.16), transparent 26%),
    rgba(255, 255, 255, 0.1);
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--wire-fix-color, #ffffff), transparent 66%),
    0 0 24px color-mix(in srgb, var(--wire-fix-color, #ffffff), transparent 54%);
  transform: translateY(-3px);
}

.wire-fix-socket.target-ready .wire-fix-socket-dot {
  animation: wire-fix-hole-pulse 900ms ease-in-out infinite alternate;
}

.wire-fix-socket.last-touched {
  animation: wire-fix-socket-touch 320ms ease-out;
}

.wire-fix-socket.correct {
  background: rgba(93, 255, 174, 0.16);
  border-color: #7cffb9;
  box-shadow: 0 0 20px rgba(88, 255, 189, 0.25);
  animation: wire-fix-good-socket 420ms ease-out;
}

.wire-fix-socket-dot {
  position: absolute;
  top: 10px;
  left: 50%;
  z-index: 3;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  transform: translateX(-50%);
  border: 4px solid rgba(255, 255, 255, 0.88);
  box-shadow: 0 7px 0 rgba(0, 0, 0, 0.16);
}

.wire-fix-hole-name {
  position: absolute;
  top: 58px;
  left: 50%;
  z-index: 4;
  width: max-content;
  max-width: calc(100% - 10px);
  padding: 3px 7px;
  border-radius: 999px;
  color: #15152d;
  background: rgba(255, 255, 255, 0.92);
  font-size: 0.7rem;
  font-weight: 1000;
  line-height: 1;
  text-align: center;
  transform: translateX(-50%);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
}

.wire-fix-socket.correct .wire-fix-hole-name {
  background: #9dffb9;
  color: #0f2a19;
}

.wire-fix-socket.target-red .wire-fix-socket-dot,
.wire-fix-pick.pick-red,
.wire-fix-selected-dot.dot-red {
  background: #f24c3d;
}

.wire-fix-socket.target-yellow .wire-fix-socket-dot,
.wire-fix-pick.pick-yellow,
.wire-fix-selected-dot.dot-yellow {
  background: #ffd74b;
  color: #1d2130;
}

.wire-fix-socket.target-green .wire-fix-socket-dot,
.wire-fix-pick.pick-green,
.wire-fix-selected-dot.dot-green {
  background: #42df5a;
  color: #092912;
}

.wire-fix-socket.target-blue .wire-fix-socket-dot,
.wire-fix-pick.pick-blue,
.wire-fix-selected-dot.dot-blue {
  background: #3ca3ff;
}

.wire-fix-end-to-hole {
  position: absolute;
  left: 50%;
  top: 51px;
  z-index: 0;
  width: 8px;
  height: 78px;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--wire-fix-color), white 20%),
    var(--wire-fix-color)
  );
  box-shadow: 0 0 16px color-mix(in srgb, var(--wire-fix-color), transparent 42%);
  transform: translateX(-50%);
  opacity: 0.72;
}

.wire-fix-wire {
  position: relative;
  z-index: 1;
  width: min(148px, 100%);
  aspect-ratio: 1;
  filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.24));
  transform: translateY(10px);
}

.wire-fix-plug-snap {
  position: absolute;
  bottom: 45px;
  width: 16px;
  height: 16px;
  border: 3px solid rgba(255, 255, 255, 0.86);
  border-radius: 50%;
  background: var(--wire-fix-color);
  box-shadow: 0 0 12px color-mix(in srgb, var(--wire-fix-color), transparent 35%);
  opacity: 0.86;
}

.wire-fix-plug-snap.left {
  left: 23%;
}

.wire-fix-plug-snap.right {
  right: 23%;
}

.wire-fix-socket.correct .wire-fix-end-to-hole,
.wire-fix-socket.selected .wire-fix-end-to-hole,
.wire-fix-socket.last-touched .wire-fix-end-to-hole {
  opacity: 1;
}

.wire-fix-target-label {
  position: absolute;
  top: 84px;
  left: 50%;
  z-index: 5;
  padding: 4px 8px;
  border-radius: 999px;
  background: #ffe16f;
  color: #111b2f;
  font-size: 0.72rem;
  font-weight: 1000;
  line-height: 1;
  white-space: nowrap;
  transform: translateX(-50%);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22);
}

.wire-fix-check {
  position: absolute;
  top: 84px;
  left: 50%;
  z-index: 5;
  transform: translateX(-50%);
  padding: 3px 7px;
  border-radius: 999px;
  color: #0f2a19;
  background: #9dffb9;
  font-size: 0.72rem;
  font-weight: 900;
}

.wire-fix-socket-sparkles {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #1b2140;
  background: #ffe16f;
  font-size: 1rem;
  font-weight: 900;
  box-shadow: 0 0 18px rgba(255, 225, 111, 0.55);
  animation: wire-fix-sparkle-pop 950ms ease-in-out infinite alternate;
}

.wire-fix-direct-help {
  display: grid;
  grid-template-columns: 28px 1fr;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.09);
}

.wire-fix-direct-help > span:last-child {
  display: grid;
  gap: 3px;
}

.wire-fix-actions button {
  min-height: 52px;
  border: 0;
  border-radius: 8px;
  background: #ffe16f;
  color: #15152d;
  font-weight: 900;
  cursor: pointer;
}

.wire-fix-direct-help strong {
  line-height: 1.2;
}

.wire-fix-direct-help small {
  color: rgba(248, 251, 255, 0.72);
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.2;
}

.wire-fix-selected-dot {
  width: 24px;
  height: 24px;
  border: 3px solid rgba(255, 255, 255, 0.82);
  border-radius: 50%;
  box-shadow: 0 0 16px rgba(255, 255, 255, 0.16);
}

.wire-fix-palette {
  display: grid;
  grid-template-columns: repeat(4, minmax(70px, 1fr));
  gap: 8px;
}

.wire-fix-pick {
  min-height: 48px;
  padding: 4px 6px;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: #ffffff;
  font-size: clamp(0.74rem, 1.4vw, 0.86rem);
  font-weight: 900;
  line-height: 1.05;
  cursor: pointer;
  display: grid;
  align-content: center;
  gap: 2px;
}

.wire-fix-pick small {
  font-size: 0.7rem;
  line-height: 1;
  opacity: 0.86;
}

.wire-fix-pick.selected,
.wire-fix-pick:focus-visible {
  border-color: #ffffff;
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
}

.wire-fix-pick.correct {
  opacity: 0.84;
  box-shadow: inset 0 0 0 999px rgba(255, 255, 255, 0.16);
}

.wire-fix-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: auto;
}

.wire-fix-actions button {
  flex: 1 1 120px;
}

@keyframes wire-fix-message-pop {
  from {
    transform: scale(0.97);
  }
  to {
    transform: scale(1);
  }
}

@keyframes wire-fix-reward-pop {
  0% {
    opacity: 0;
    transform: translateY(16px) scale(0.8);
  }
  18% {
    opacity: 1;
    transform: translateY(0) scale(1.05);
  }
  72% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateY(-10px) scale(0.96);
  }
}

@keyframes wire-fix-sparkle-pop {
  from {
    transform: rotate(-8deg) scale(0.92);
  }
  to {
    transform: rotate(8deg) scale(1.12);
  }
}

@keyframes wire-fix-good-socket {
  0% {
    transform: scale(0.97);
  }
  55% {
    transform: scale(1.04);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes wire-fix-hole-pulse {
  from {
    box-shadow:
      0 7px 0 rgba(0, 0, 0, 0.16),
      0 0 0 rgba(255, 255, 255, 0);
    transform: translateX(-50%) scale(1);
  }
  to {
    box-shadow:
      0 7px 0 rgba(0, 0, 0, 0.16),
      0 0 0 8px rgba(255, 255, 255, 0.18),
      0 0 18px rgba(255, 255, 255, 0.34);
    transform: translateX(-50%) scale(1.1);
  }
}

@keyframes wire-fix-socket-touch {
  0% {
    transform: scale(0.98);
  }
  65% {
    transform: scale(1.04);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes wire-fix-console-test {
  0% {
    transform: translateY(0);
  }
  35% {
    transform: translateY(-4px);
  }
  68% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes wire-fix-power-check {
  0% {
    opacity: 0;
    transform: scaleX(0.3);
  }
  35% {
    opacity: 1;
    transform: scaleX(1.05);
  }
  100% {
    opacity: 0.72;
    transform: scaleX(1);
  }
}

@keyframes wire-fix-power-launch {
  0% {
    opacity: 0;
    transform: translateY(10px) scaleX(0.35);
  }
  45% {
    opacity: 1;
    transform: translateY(-4px) scaleX(1.08);
  }
  100% {
    opacity: 0;
    transform: translateY(-18px) scaleX(0.92);
  }
}

@keyframes wire-fix-pointer-nudge {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-14px);
  }
}

@keyframes wire-fix-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes wire-fix-flame-pulse {
  from {
    transform: translateY(3px) scale(0.96);
  }
  to {
    transform: translateY(-2px) scale(1.05);
  }
}

@media (max-width: 780px) {
  .wire-fix-level {
    overflow-y: auto;
  }

  .wire-fix-shell {
    width: min(100vw - 20px, 560px);
    min-height: 0;
    margin: 64px auto 14px;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .wire-fix-console-card {
    min-height: 250px;
  }

  .wire-fix-console {
    width: min(58vw, 220px);
  }

  .wire-fix-console-hole {
    width: 24px;
    height: 24px;
    border-width: 3px;
  }

  .wire-fix-robot-wire {
    width: 54px;
    top: 63.5%;
    transform: translate(-50%, -50%) scale(0.68);
  }

  .wire-fix-robot-wire.selected,
  .wire-fix-robot-wire.connected {
    transform: translate(-50%, -50%) scale(0.8);
  }

  .wire-fix-pointer {
    width: 64px;
    right: 4%;
  }

  .wire-fix-reward-star,
  .wire-fix-flame {
    width: 68px;
  }

  .wire-fix-panel {
    padding: 12px;
    gap: 8px;
  }

  .wire-fix-panel h1 {
    font-size: 1.55rem;
  }

  .wire-fix-panel p {
    font-size: 0.9rem;
  }

  .wire-fix-message {
    min-height: 42px;
    padding: 8px 12px;
    font-size: 0.9rem;
  }

  .wire-fix-engine-stars {
    min-height: 24px;
    gap: 6px;
  }

  .wire-fix-engine-stars span {
    width: 24px;
    height: 24px;
    font-size: 0.82rem;
  }

  .wire-fix-engine-path {
    gap: 5px;
  }

  .wire-fix-engine-path span {
    min-height: 54px;
    padding: 6px 3px;
  }

  .wire-fix-engine-path strong {
    font-size: 0.68rem;
  }

  .wire-fix-engine-path small {
    font-size: 0.58rem;
  }

  .wire-fix-reward-pop {
    top: 8px;
    right: 12px;
    min-height: 58px;
    grid-template-columns: 48px 1fr;
    width: min(226px, calc(100% - 24px));
  }

  .wire-fix-reward-pop-art {
    width: 48px;
  }

  .wire-fix-reward-pop strong {
    font-size: 0.82rem;
  }

  .wire-fix-sockets {
    gap: 6px;
  }

  .wire-fix-socket {
    min-height: 106px;
    padding: 5px;
  }

  .wire-fix-socket-dot {
    width: 31px;
    height: 31px;
    top: 7px;
  }

  .wire-fix-hole-name {
    top: 42px;
    padding: 2px 5px;
    font-size: 0.58rem;
  }

  .wire-fix-socket-sparkles {
    top: 6px;
    right: 5px;
    width: 22px;
    height: 22px;
    font-size: 0.78rem;
  }

  .wire-fix-wire {
    width: min(76px, 100%);
  }

  .wire-fix-palette {
    grid-template-columns: repeat(2, 1fr);
  }

  .wire-fix-power-wave {
    left: 10%;
    right: 10%;
    bottom: 9%;
  }

  .wire-fix-end-to-hole {
    top: 42px;
    height: 42px;
    width: 6px;
  }

  .wire-fix-plug-snap {
    bottom: 28px;
    width: 11px;
    height: 11px;
    border-width: 2px;
  }

  .wire-fix-target-label {
    top: 62px;
    font-size: 0.62rem;
    padding: 3px 6px;
  }

  .wire-fix-check {
    top: 62px;
    font-size: 0.62rem;
  }

  .wire-fix-pick {
    min-height: 42px;
  }

  .wire-fix-actions button {
    min-height: 44px;
  }
}