.pothos-mii-head-layer {
    position: fixed;
    inset: 0;
    z-index: 999997;
    pointer-events: none;
    overflow: visible;
    background: transparent !important;
  }

  .pothos-mii-head-widget {
    --pothos-head-x: 24px;
    --pothos-head-y: 24px;
    --pothos-bubble-accent: #4EB462;

    /* Shared visual/click frame for both heads. */
    --pothos-hit-top: 7%;
    --pothos-hit-right: 12%;
    --pothos-hit-bottom: 24%;
    --pothos-hit-left: 7%;
    --pothos-close-size: 44px;
    --pothos-close-corner-offset: 42%;

    /* Sleep bubble placement. Adjust per head in CONFIG.heads.mia/dee below. */
    --pothos-sleep-bubble-x: 56%;
    --pothos-sleep-bubble-y: 42%;
    --pothos-sleep-bubble-size: clamp(30px, 3.6vw, 56px);
    --pothos-sleep-bubble-opacity: 0.5;
    --pothos-sleep-bubble-breath-ms: 4200ms;

    position: absolute;
    left: 0;
    top: 0;
    width: clamp(250px, 27vw, 410px);
    aspect-ratio: 1 / 1;
    pointer-events: none;
    visibility: hidden;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    transform: translate3d(var(--pothos-head-x), var(--pothos-head-y), 0);
    transform-origin: center center;
    will-change: transform;
  }

  .pothos-mii-head-widget.is-render-ready {
    visibility: visible;
  }


  /* Dee's visual model sits farther left in its GLB frame, so pull her shared hitbox/right-corner anchor inward to match Mia visually. */
  .pothos-mii-head-widget[data-pothos-mii-head-id="dee"] {
    --pothos-hit-right: 24%;
    --pothos-hit-bottom: 34%;
  }

  .pothos-mii-head-shell {
    position: absolute;
    inset: -48%;
    opacity: 0;
    transform: scale(0.84);
    transform-origin: center center;
    pointer-events: none;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    will-change: opacity, transform;
  }

  .pothos-mii-head-widget.is-render-ready .pothos-mii-head-shell {
    animation: pothos-mii-head-spawn 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  }

  .pothos-mii-head-widget.is-hiding {
    visibility: visible;
    pointer-events: none;
  }

  .pothos-mii-head-widget.is-hiding .pothos-mii-head-shell {
    animation: pothos-mii-head-hide 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  }

  .pothos-mii-head-canvas-wrap {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .pothos-mii-head-canvas-wrap canvas {
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    image-rendering: auto;
  }

  .pothos-mii-head-sleep-bubble {
    position: absolute;
    left: var(--pothos-sleep-bubble-x);
    top: var(--pothos-sleep-bubble-y);
    z-index: 4;
    display: block;
    width: var(--pothos-sleep-bubble-size);
    height: auto;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    transform: translate(-50%, -50%) scale(0.82);
    transform-origin: center center;
    filter: none !important;
    will-change: transform, opacity;
    transition:
      opacity 0.22s ease,
      visibility 0.22s ease;
  }

  .pothos-mii-head-widget.is-sleeping .pothos-mii-head-sleep-bubble {
    opacity: var(--pothos-sleep-bubble-opacity);
    visibility: visible;
    animation: pothos-mii-head-sleep-bubble-breathe var(--pothos-sleep-bubble-breath-ms) ease-in-out infinite;
  }

  @keyframes pothos-mii-head-sleep-bubble-breathe {
    0% {
      transform: translate(-50%, -50%) scale(0.82);
    }

    64% {
      transform: translate(-50%, -50%) scale(1.08);
    }

    100% {
      transform: translate(-50%, -50%) scale(0.82);
    }
  }

  .pothos-mii-head-bubble {
    position: absolute;
    left: 50%;
    bottom: calc(100% - 14px);
    width: max-content;
    min-width: min(220px, calc(100vw - 24px));
    max-width: min(720px, calc(100vw - 24px));
    box-sizing: border-box;
    padding: 33px 42px;
    background: #ffffff;
    color: #444545;
    font-family: "Generic", Arial, Helvetica, sans-serif;
    font-size: clamp(27px, 2.175vw, 33px);
    font-weight: 400;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    line-height: 1.3;
    text-align: center;
    border-radius: 42px;
    box-shadow: none !important;
    filter: drop-shadow(0 9px 0 rgba(0, 0, 0, 0.12));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 3;
    transform: translate(-50%, 10px) scale(0.96);
    transform-origin: center bottom;
    transition:
      opacity 0.18s ease,
      transform 0.18s ease,
      visibility 0.18s ease;
  }

  .pothos-mii-head-bubble::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: 22px;
    height: 22px;
    background: #ffffff;
    transform: translateX(-50%) rotate(45deg);
    border-radius: 0 0 6px 0;
    box-shadow: none !important;
  }

  .pothos-mii-head-bubble-text {
    position: relative;
    z-index: 1;
    word-break: break-word;
  }

  .pothos-mii-head-bubble-accent {
    color: var(--pothos-bubble-accent);
  }

  .pothos-mii-head-bubble-link {
    color: var(--pothos-bubble-accent);
    text-decoration: none;
    pointer-events: auto;
  }

  .pothos-mii-head-bubble-link:hover,
  .pothos-mii-head-bubble-link:focus-visible {
    text-decoration: underline;
    outline: 0;
  }

  .pothos-mii-head-widget.is-bubble-visible .pothos-mii-head-bubble {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0) scale(1);
  }

  .pothos-mii-head-name-prompt {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 2147483646;
    width: min(620px, calc(100vw - 48px));
    box-sizing: border-box;
    padding: 30px 32px 31px;
    background: #ffffff;
    color: #444545;
    font-family: "Generic", Arial, Helvetica, sans-serif;
    font-size: clamp(19px, 1.55vw, 24px);
    font-weight: 400;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    line-height: 1.25;
    text-align: left;
    border: 0 !important;
    border-radius: 42px;
    box-shadow: none !important;
    filter: drop-shadow(0 9px 0 rgba(0, 0, 0, 0.12));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, calc(-50% + 10px)) scale(0.96);
    transform-origin: center center;
    transition:
      opacity 0.18s ease,
      transform 0.18s ease,
      visibility 0.18s ease;
  }

  .pothos-mii-head-name-prompt.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, -50%) scale(1);
  }

  .pothos-mii-head-name-close {
    position: absolute;
    left: 18px;
    top: 16px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent !important;
    color: #444545;
    font-family: "Generic", Arial, Helvetica, sans-serif;
    font-size: 34px;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
    transition:
      background-color 0.16s ease,
      transform 0.16s ease;
    -webkit-tap-highlight-color: transparent;
  }

  .pothos-mii-head-name-close:hover,
  .pothos-mii-head-name-close:focus-visible {
    background: rgba(68, 69, 69, 0.1) !important;
    color: #444545;
    outline: 0;
    transform: scale(1.06);
  }

  .pothos-mii-head-name-close:active {
    transform: scale(0.96);
  }

  .pothos-mii-head-name-form {
    display: grid;
    gap: 16px;
    margin: 0;
  }

  .pothos-mii-head-name-heading {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 0;
    padding-inline: 42px;
  }

  .pothos-mii-head-name-label {
    display: block;
    color: #8ADA70;
    font-size: clamp(24px, 2vw, 30px);
    line-height: 1.1;
    text-align: center;
  }
  .pothos-mii-head-name-info-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
  }

  .pothos-mii-head-name-info {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    padding: 0;
    border: 3px solid #4EB462;
    border-bottom-width: 5px;
    border-radius: 999px;
    background: #ffffff;
    color: #4EB462;
    font: inherit;
    font-size: 17px;
    font-weight: 800;
    line-height: 1;
    cursor: help;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.94),
      inset 0 -1px 0 rgba(68, 69, 69, 0.14) !important;
    transform: translateY(0);
    transition:
      transform 0.08s ease,
      border-bottom-width 0.08s ease,
      background-color 0.14s ease;
  }

  .pothos-mii-head-name-info:hover,
  .pothos-mii-head-name-info:focus-visible {
    border-color: #4EB462;
    color: #4EB462;
    background: #ffffff;
    outline: 0;
  }

  .pothos-mii-head-name-info:active {
    transform: translateY(2px);
    border-bottom-width: 3px;
  }

  .pothos-mii-head-name-tooltip {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 22px);
    z-index: 20;
    width: min(420px, calc(100vw - 48px));
    box-sizing: border-box;
    padding: 18px 22px;
    border: 6px solid #444545;
    border-radius: 28px;
    background: #ffffff;
    color: #444545;
    font-family: var(--wp--preset--font-family--heading, "Generic G20-FR Classic", "Generic", Arial, Helvetica, sans-serif);
    font-size: clamp(19px, 2.15vw, 25px);
    font-weight: 700;
    line-height: 1.18;
    text-align: center;
    letter-spacing: 0.01em;
    white-space: normal;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    box-shadow: none !important;
    filter: none !important;
    transform: translate(-50%, 14px) scale(0.9);
    transform-origin: 50% 100%;
  }

  .pothos-mii-head-name-tooltip::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -18px;
    z-index: -1;
    width: 28px;
    height: 28px;
    box-sizing: border-box;
    background: #ffffff;
    border-right: 6px solid #444545;
    border-bottom: 6px solid #444545;
    border-radius: 0 0 7px 0;
    box-shadow: none;
    transform: translateX(-50%) rotate(45deg);
    transform-origin: center center;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }

  @media (hover: hover) {
    .pothos-mii-head-name-info-wrap:hover .pothos-mii-head-name-tooltip {
      visibility: visible;
      opacity: 1;
      animation: pothos-mii-head-name-tooltip-spawn 0.38s cubic-bezier(0.2, 1.35, 0.38, 1) both;
    }
  }

  .pothos-mii-head-name-info:focus + .pothos-mii-head-name-tooltip,
  .pothos-mii-head-name-info:focus-visible + .pothos-mii-head-name-tooltip {
    visibility: visible;
    opacity: 1;
    animation: pothos-mii-head-name-tooltip-spawn 0.38s cubic-bezier(0.2, 1.35, 0.38, 1) both;
  }

  @keyframes pothos-mii-head-name-tooltip-spawn {
    0% {
      opacity: 0;
      transform: translate(-50%, 14px) scale(0.9);
    }

    62% {
      opacity: 1;
      transform: translate(-50%, -3px) scale(1.035);
    }

    100% {
      opacity: 1;
      transform: translate(-50%, 0) scale(1);
    }
  }


  .pothos-mii-head-name-controls {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    align-items: stretch;
    gap: 12px;
    min-width: 0;
  }

  .pothos-mii-head-name-input {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 13px 16px 11px;
    border: 4px solid #444545;
    border-bottom-width: 8px;
    border-radius: 16px;
    background: #ffffff;
    color: #444545;
    font: inherit;
    line-height: 1.2;
    caret-color: #4EB462;
    box-shadow:
      inset 0 2px 0 rgba(255, 255, 255, 0.94),
      inset 0 -2px 0 rgba(68, 69, 69, 0.14) !important;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
  }

  .pothos-mii-head-name-input::placeholder {
    color: #BBE9AB;
    opacity: 1;
  }

  .pothos-mii-head-name-input:hover,
  .pothos-mii-head-name-input:focus-visible {
    border-color: #444545;
  }

  .pothos-mii-head-name-input:focus-visible {
    background: #ffffff;
    box-shadow:
      inset 0 2px 0 rgba(255, 255, 255, 0.94),
      inset 0 -2px 0 rgba(68, 69, 69, 0.14),
      0 0 0 4px rgba(68, 69, 69, 0.16) !important;
  }

  .pothos-mii-head-name-submit,
  .pothos-mii-head-name-dont-care {
    flex: 0 0 auto;
    min-width: 96px;
    box-sizing: border-box;
    padding: 12px 18px 10px;
    border: 4px solid #444545;
    border-bottom-width: 8px;
    border-radius: 16px;
    color: #444545;
    font: inherit;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    transform: translateY(0);
    transition:
      transform 0.08s ease,
      border-bottom-width 0.08s ease,
      padding-bottom 0.08s ease,
      filter 0.14s ease;
  }

  .pothos-mii-head-name-submit {
    border-color: #8ADA70;
    background: #4EB462;
    color: #ffffff;
    box-shadow:
      inset 0 2px 0 rgba(255, 255, 255, 0.18),
      inset 0 -2px 0 rgba(0, 0, 0, 0.08) !important;
  }

  .pothos-mii-head-name-dont-care {
    background: #8ADA70;
    color: #444545;
    box-shadow:
      inset 0 2px 0 rgba(255, 255, 255, 0.32),
      inset 0 -2px 0 rgba(68, 69, 69, 0.12) !important;
  }

  .pothos-mii-head-name-submit:hover,
  .pothos-mii-head-name-submit:focus-visible,
  .pothos-mii-head-name-dont-care:hover,
  .pothos-mii-head-name-dont-care:focus-visible {
    border-color: #444545;
    filter: brightness(1.06);
    outline: 0;
  }

  .pothos-mii-head-name-submit:hover,
  .pothos-mii-head-name-submit:focus-visible {
    border-color: #8ADA70;
  }

  .pothos-mii-head-name-submit:active,
  .pothos-mii-head-name-dont-care:active {
    transform: translateY(4px);
    padding-bottom: 6px;
    border-bottom-width: 4px;
  }

  .pothos-mii-head-name-error {
    min-height: 1.2em;
    margin: -5px 0 0;
    color: #a63b3b;
    font-size: clamp(14px, 1vw, 16px);
    line-height: 1.2;
    text-align: center;
  }

  html.pothos-mii-head-clean-capture,
  html.pothos-mii-head-clean-capture * {
    cursor: none !important;
  }

  html.pothos-mii-head-clean-capture .pothos-mii-head-controls,
  html.pothos-mii-head-clean-capture .pothos-mii-head-shortcut-guide,
  html.pothos-mii-head-clean-capture .pothos-mii-head-name-prompt {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .pothos-mii-head-shortcut-guide {
    position: fixed;
    left: 24px;
    top: clamp(168px, 18vh, 230px);
    z-index: 999998;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    padding: 0;
    background: transparent !important;
    color: #444545;
    font-family: "Generic", Arial, Helvetica, sans-serif;
    font-size: clamp(14px, 1.05vw, 17px);
    font-weight: 400;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    line-height: 1.16;
    box-shadow: none !important;
    outline: 0 !important;
    border: 0 !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    filter: none !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-14px, 0) scale(0.96);
    transform-origin: left top;
    transition:
      opacity 0.28s ease,
      transform 0.28s ease,
      visibility 0.28s ease;
  }

  .pothos-mii-head-shortcut-guide.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0) scale(1);
  }

  .pothos-mii-head-shortcut-guide.is-persistent {
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    border: 0 !important;
  }

  .pothos-mii-head-shortcut-row {
    display: grid;
    grid-template-columns: minmax(56px, auto) minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    margin-top: 10px;
    white-space: nowrap;
  }

  .pothos-mii-head-shortcut-row:first-child {
    margin-top: 0;
  }

  .pothos-mii-head-shortcut-row.is-secret-shortcut {
    display: none;
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-12px) scale(0.94);
    transform-origin: left center;
  }

  .pothos-mii-head-shortcut-row.is-secret-shortcut.is-revealed {
    display: grid;
    margin-top: 10px;
    opacity: 1;
    visibility: visible;
    transform: translateX(0) scale(1);
    animation: pothos-mii-head-secret-row-reveal 0.34s cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  @keyframes pothos-mii-head-secret-row-reveal {
    0% {
      opacity: 0;
      transform: translateX(-12px) scale(0.94);
    }

    100% {
      opacity: 1;
      transform: translateX(0) scale(1);
    }
  }

  .pothos-mii-head-shortcut-row.is-secret-shortcut.is-revealed .pothos-mii-head-shortcut-key {
    animation: pothos-mii-head-secret-key-pop 0.46s cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  .pothos-mii-head-shortcut-row.is-secret-shortcut.is-revealed .pothos-mii-head-shortcut-label {
    animation: pothos-mii-head-secret-label-slide 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  @keyframes pothos-mii-head-secret-key-pop {
    0% {
      transform: translateY(8px) scale(0.72);
      opacity: 0;
    }

    64% {
      transform: translateY(-2px) scale(1.08);
      opacity: 1;
    }

    100% {
      transform: translateY(0) scale(1);
      opacity: 1;
    }
  }

  @keyframes pothos-mii-head-secret-label-slide {
    0% {
      transform: translateX(-8px);
      opacity: 0;
    }

    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }


  .pothos-mii-head-shortcut-key {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    min-height: 34px;
    padding: 4px 10px 5px;
    border: 4px solid #517663;
    border-bottom-width: 9px;
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #f1f7ef 100%);
    color: #517663;
    box-shadow:
      inset 0 2px 0 rgba(255, 255, 255, 0.94),
      inset 0 -2px 0 rgba(81, 118, 99, 0.14) !important;
    transform: translateY(0);
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    filter: none !important;
    backface-visibility: hidden;
    transition:
      transform 0.08s ease,
      border-bottom-width 0.08s ease,
      padding-bottom 0.08s ease,
      box-shadow 0.08s ease,
      background-color 0.12s ease,
      color 0.12s ease,
      border-color 0.12s ease;
  }

  .pothos-mii-head-shortcut-key::before,
  .pothos-mii-head-shortcut-key::after {
    content: none !important;
  }

  .pothos-mii-head-shortcut-mouse {
    position: relative;
    display: block;
    width: 52px;
    height: 48px;
    box-sizing: border-box;
    overflow: hidden;
    border: 4px solid #517663;
    border-bottom-width: 9px;
    border-radius: 22px 22px 17px 17px;
    background: linear-gradient(180deg, #ffffff 0%, #f1f7ef 100%);
    color: #517663;
    box-shadow:
      inset 0 2px 0 rgba(255, 255, 255, 0.94),
      inset 0 -2px 0 rgba(81, 118, 99, 0.14) !important;
    transform: translateY(0);
    backface-visibility: hidden;
    transition:
      transform 0.08s ease,
      border-bottom-width 0.08s ease,
      background-color 0.12s ease,
      box-shadow 0.12s ease;
  }

  .pothos-mii-head-shortcut-mouse-button {
    position: absolute;
    top: -4px;
    z-index: 2;
    display: block;
    width: calc(50% + 4px);
    height: 27px;
    box-sizing: border-box;
    border-bottom: 3px solid #517663;
    background: rgba(255, 255, 255, 0.34);
    transition:
      background-color 0.12s ease,
      box-shadow 0.12s ease;
    will-change: background-color, box-shadow;
  }

  .pothos-mii-head-shortcut-mouse-button-left {
    left: -4px;
    border-right: 2px solid #517663;
  }

  .pothos-mii-head-shortcut-mouse-button-right {
    right: -4px;
    border-left: 2px solid #517663;
    background: rgba(255, 255, 255, 0.34);
    box-shadow: none;
  }

  .pothos-mii-head-shortcut-mouse-body {
    position: absolute;
    inset: 23px 0 0;
    display: block;
  }

  .pothos-mii-head-shortcut-mouse-wheel {
    position: absolute;
    left: 50%;
    top: 3px;
    width: 5px;
    height: 10px;
    border: 2px solid #517663;
    border-radius: 999px;
    background: #ffffff;
    transform: translateX(-50%);
  }

  .pothos-mii-head-shortcut-row[data-pothos-shortcut-key="radio-context"].is-revealed:not(.is-radio-secret-complete):not(.is-radio-mouse-pressed) .pothos-mii-head-shortcut-mouse-button-right {
    animation: pothos-mii-head-radio-right-pulse 1.18s ease-in-out infinite;
  }

  .pothos-mii-head-shortcut-row[data-pothos-shortcut-key="radio-context"].is-radio-secret-complete .pothos-mii-head-shortcut-mouse-button-right,
  .pothos-mii-head-shortcut-row[data-pothos-shortcut-key="radio-context"].is-radio-mouse-pressed .pothos-mii-head-shortcut-mouse-button-right {
    animation: none;
    background: #4EB462;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.08);
  }

  .pothos-mii-head-shortcut-row[data-pothos-shortcut-key="radio-context"].is-radio-mouse-pressed .pothos-mii-head-shortcut-mouse {
    transform: translateY(4px);
    border-bottom-width: 5px;
    background: linear-gradient(180deg, #eef8ea 0%, #e1efd9 100%);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.78),
      inset 0 -1px 0 rgba(81, 118, 99, 0.1) !important;
  }

  @keyframes pothos-mii-head-radio-right-pulse {
    0%,
    100% {
      background: rgba(255, 255, 255, 0.34);
      box-shadow: none;
    }

    48%,
    58% {
      background: #4EB462;
      box-shadow:
        inset 0 -3px 0 rgba(0, 0, 0, 0.08),
        0 0 0 3px rgba(78, 180, 98, 0.12);
    }
  }


  .pothos-mii-head-shortcut-label {
    color: #444545;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    filter: none !important;
  }

  .pothos-mii-head-shortcut-row.is-pressed .pothos-mii-head-shortcut-key {
    transform: translateY(4px);
    padding-bottom: 4px;
    border-bottom-width: 5px;
    background: linear-gradient(180deg, #eef8ea 0%, #e1efd9 100%);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.78),
      inset 0 -1px 0 rgba(81, 118, 99, 0.1) !important;
  }

  .pothos-mii-head-shortcut-guide.is-persistent .pothos-mii-head-shortcut-row[data-pothos-shortcut-key="k"] .pothos-mii-head-shortcut-key {
    border-color: #4EB462;
    color: #4EB462;
    background: linear-gradient(180deg, #ffffff 0%, #eef8ea 100%);
  }

  .pothos-mii-head-shortcut-guide.is-headbang-enabled .pothos-mii-head-shortcut-row[data-pothos-shortcut-key="r"] .pothos-mii-head-shortcut-key {
    border-color: #4EB462;
    color: #4EB462;
    background: linear-gradient(180deg, #ffffff 0%, #eef8ea 100%);
  }

  .pothos-mii-head-shortcut-row[data-pothos-shortcut-key="konami"] {
    grid-template-columns: minmax(0, auto) minmax(0, 1fr);
  }

  .pothos-mii-head-konami-key-list {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    white-space: nowrap;
  }

  .pothos-mii-head-konami-key-list .pothos-mii-head-shortcut-key {
    min-width: 34px;
    min-height: 34px;
    padding: 4px 8px 5px;
    color: #517663;
    font-size: clamp(12px, 0.92vw, 15px);
    letter-spacing: 0.02em;
  }

  .pothos-mii-head-konami-arrow {
    display: inline-block;
    width: 1.1em;
    height: 1.1em;
    flex: 0 0 auto;
    background-color: currentColor;
    -webkit-mask-image: var(--pothos-konami-arrow-icon);
    mask-image: var(--pothos-konami-arrow-icon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    pointer-events: none;
  }

  .pothos-mii-head-konami-token {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: currentColor;
  }

  .pothos-mii-head-konami-key-list .pothos-mii-head-shortcut-key.is-konami-pressed {
    transform: translateY(4px);
    padding-bottom: 4px;
    border-bottom-width: 5px;
    border-color: #4EB462;
    color: #4EB462;
    background: linear-gradient(180deg, #eef8ea 0%, #e1efd9 100%);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.78),
      inset 0 -1px 0 rgba(81, 118, 99, 0.1) !important;
  }

  .pothos-mii-head-konami-key-list .pothos-mii-head-shortcut-key.is-konami-wrong {
    animation: pothos-mii-head-konami-wrong-shake 0.32s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  }

  @keyframes pothos-mii-head-konami-wrong-shake {
    0%, 100% {
      transform: translateX(0);
    }

    16% {
      transform: translateX(-5px);
    }

    32% {
      transform: translateX(5px);
    }

    48% {
      transform: translateX(-4px);
    }

    64% {
      transform: translateX(4px);
    }

    80% {
      transform: translateX(-2px);
    }
  }


  .pothos-mii-head-shortcut-row.is-secret-shortcut.is-revealed.is-secret-pulse .pothos-mii-head-shortcut-key {
    animation:
      pothos-mii-head-secret-key-pop 0.46s cubic-bezier(0.22, 1, 0.36, 1) both,
      pothos-mii-head-secret-key-green-pulse 0.82s cubic-bezier(0.22, 1, 0.36, 1) both 0.04s;
  }

  @keyframes pothos-mii-head-secret-key-green-pulse {
    0% {
      border-color: #517663;
      color: #517663;
      background: linear-gradient(180deg, #ffffff 0%, #f1f7ef 100%);
    }

    28% {
      border-color: #4EB462;
      color: #4EB462;
      background: linear-gradient(180deg, #ffffff 0%, #eef8ea 100%);
    }

    54% {
      border-color: #4EB462;
      color: #4EB462;
      background: linear-gradient(180deg, #ffffff 0%, #eef8ea 100%);
    }

    100% {
      border-color: #517663;
      color: #517663;
      background: linear-gradient(180deg, #ffffff 0%, #f1f7ef 100%);
    }
  }


  .pothos-mii-head-pizza {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2147483647; /* keep the pizza above the heads and everything else */
    width: clamp(96px, 10.4vw, 153px);
    height: auto;
    display: block;
    pointer-events: auto;
    cursor: grab;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    transform: translate3d(var(--pothos-pizza-x, 50vw), var(--pothos-pizza-y, 50vh), 0) scale(0.92);
    transform-origin: center center;
    opacity: 0;
    visibility: hidden;
    filter: none !important;
    animation: pothos-mii-head-pizza-pop 0.46s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    will-change: transform, opacity;
  }

  .pothos-mii-head-pizza.is-frozen,
  .pothos-mii-head-pizza.is-ready {
    opacity: 1;
    visibility: visible;
    transform: translate3d(var(--pothos-pizza-x, 50vw), var(--pothos-pizza-y, 50vh), 0) scale(1);
  }

  .pothos-mii-head-pizza.is-dragging {
    cursor: grabbing;
    transform: translate3d(var(--pothos-pizza-x, 50vw), var(--pothos-pizza-y, 50vh), 0) scale(1.06);
  }

  .pothos-mii-head-pizza.is-eating {
    cursor: default;
    pointer-events: none;
    opacity: 1;
    visibility: visible;
    animation: none !important;
    transform: translate3d(var(--pothos-pizza-x, 50vw), var(--pothos-pizza-y, 50vh), 0) scale(1);
  }

  @keyframes pothos-mii-head-pizza-pop {
    0% {
      opacity: 0;
      visibility: visible;
      transform: translate3d(var(--pothos-pizza-x, 50vw), var(--pothos-pizza-y, 50vh), 0) scale(0.62) rotate(-9deg);
    }

    70% {
      opacity: 1;
      transform: translate3d(var(--pothos-pizza-x, 50vw), var(--pothos-pizza-y, 50vh), 0) scale(1.08) rotate(4deg);
    }

    100% {
      opacity: 1;
      visibility: visible;
      transform: translate3d(var(--pothos-pizza-x, 50vw), var(--pothos-pizza-y, 50vh), 0) scale(1) rotate(0deg);
    }
  }

  .pothos-mii-head-grab-zone {
    position: absolute;
    inset: var(--pothos-hit-top) var(--pothos-hit-right) var(--pothos-hit-bottom) var(--pothos-hit-left);
    z-index: 2;
    pointer-events: none;
    cursor: pointer;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 50%;
    clip-path: ellipse(49% 49% at 50% 50%);
  }

  .pothos-mii-head-widget.is-render-ready .pothos-mii-head-grab-zone {
    pointer-events: auto;
  }

  .pothos-mii-head-widget.is-dragging .pothos-mii-head-grab-zone {
    cursor: grabbing;
  }

  .pothos-mii-head-controls {
    position: absolute;
    left: 50%;
    bottom: var(--pothos-hit-bottom);
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #517663;
    box-shadow: none;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, calc(var(--pothos-close-corner-offset) + 30px)) scale(0.82);
    transform-origin: center center;
    transition:
      opacity 0.16s ease,
      transform 0.16s ease,
      background-color 0.16s ease;
    -webkit-tap-highlight-color: transparent;
  }

  .pothos-mii-head-widget.is-render-ready .pothos-mii-head-controls {
    pointer-events: auto;
  }

  .pothos-mii-head-widget.is-render-ready:hover .pothos-mii-head-controls,
  .pothos-mii-head-widget.is-render-ready:focus-within .pothos-mii-head-controls,
  .pothos-mii-head-widget.is-close-visible .pothos-mii-head-controls,
  .pothos-mii-head-controls:hover,
  .pothos-mii-head-controls:focus-within {
    opacity: 1;
    transform: translate(-50%, calc(var(--pothos-close-corner-offset) + 30px)) scale(1);
  }


  .pothos-mii-head-widget.is-pizza-blocking-controls .pothos-mii-head-controls,
  .pothos-mii-head-widget.is-pizza-blocking-controls:hover .pothos-mii-head-controls,
  .pothos-mii-head-widget.is-pizza-blocking-controls:focus-within .pothos-mii-head-controls,
  .pothos-mii-head-widget.is-pizza-blocking-controls.is-close-visible .pothos-mii-head-controls {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate(-50%, calc(var(--pothos-close-corner-offset) + 30px)) scale(0.82) !important;
  }

  .pothos-mii-head-control-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--pothos-close-size);
    height: var(--pothos-close-size);
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent !important;
    color: #ffffff;
    cursor: pointer;
    transition:
      background-color 0.16s ease,
      color 0.16s ease,
      transform 0.16s ease;
    -webkit-tap-highlight-color: transparent;
  }

  .pothos-mii-head-control-button:hover,
  .pothos-mii-head-control-button:focus-visible {
    background: rgba(138, 218, 112, 0.18) !important;
    color: #8ADA70;
    outline: 0;
    transform: scale(1.06);
  }

  .pothos-mii-head-control-button:active {
    transform: scale(0.96);
  }

  .pothos-mii-head-close {
    font-family: "Generic", Arial, Helvetica, sans-serif;
    font-size: 34px;
    font-weight: 900;
    line-height: 1;
  }

  .pothos-mii-head-rotate {
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
  }

  .pothos-mii-head-rotate-icon {
    display: block;
    width: 27px;
    height: 27px;
    object-fit: contain;
    pointer-events: none;
    filter:
      brightness(0) invert(1)
      drop-shadow(0.49px 0 0 #ffffff)
      drop-shadow(-0.49px 0 0 #ffffff)
      drop-shadow(0 0.49px 0 #ffffff)
      drop-shadow(0 -0.49px 0 #ffffff);
    opacity: 0.96;
    transition:
      filter 0.16s ease,
      opacity 0.16s ease;
  }

  .pothos-mii-head-rotate:hover .pothos-mii-head-rotate-icon,
  .pothos-mii-head-rotate:focus-visible .pothos-mii-head-rotate-icon {
    filter:
      brightness(0) saturate(100%) invert(79%) sepia(38%) saturate(532%) hue-rotate(56deg) brightness(97%) contrast(91%)
      drop-shadow(0.49px 0 0 #8ADA70)
      drop-shadow(-0.49px 0 0 #8ADA70)
      drop-shadow(0 0.49px 0 #8ADA70)
      drop-shadow(0 -0.49px 0 #8ADA70);
    opacity: 1;
  }

  @keyframes pothos-mii-head-spawn {
    0% {
      opacity: 0;
      transform: scale(0.84);
    }

    64% {
      opacity: 1;
      transform: scale(1.045);
    }

    100% {
      opacity: 1;
      transform: scale(1);
    }
  }

  @keyframes pothos-mii-head-hide {
    from {
      opacity: 1;
      transform: scale(1);
    }

    to {
      opacity: 0;
      transform: scale(0.84);
    }
  }

  @media (max-width: 767px) {
    .pothos-mii-head-layer {
      display: none !important;
    }

    .pothos-mii-head-bubble {
      width: max-content;
      min-width: min(190px, calc(100vw - 24px));
      max-width: min(84vw, 430px);
      font-size: 18px;
    }

    .pothos-mii-head-shortcut-guide {
      display: none !important;
    }

    .pothos-mii-head-name-prompt {
      width: min(440px, calc(100vw - 28px));
      padding: 24px 22px 25px;
      border-radius: 30px;
    }

    .pothos-mii-head-name-controls {
      grid-template-columns: 1fr 1fr;
    }

    .pothos-mii-head-name-input {
      grid-column: 1 / -1;
      grid-row: 1;
    }

    .pothos-mii-head-name-dont-care,
    .pothos-mii-head-name-submit {
      width: 100%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .pothos-mii-head-widget.is-render-ready .pothos-mii-head-shell,
    .pothos-mii-head-widget.is-hiding .pothos-mii-head-shell {
      animation: none;
      opacity: 1;
      transform: scale(1);
    }

    .pothos-mii-head-controls,
    .pothos-mii-head-control-button,
    .pothos-mii-head-close,
    .pothos-mii-head-bubble,
    .pothos-mii-head-name-prompt,
    .pothos-mii-head-name-close,
    .pothos-mii-head-name-input,
    .pothos-mii-head-name-submit,
    .pothos-mii-head-name-dont-care,
    .pothos-mii-head-name-info,
    .pothos-mii-head-name-tooltip,
    .pothos-mii-head-sleep-bubble,
    .pothos-mii-head-shortcut-guide,
    .pothos-mii-head-shortcut-key {
      transition: none;
    }

    .pothos-mii-head-widget.is-sleeping .pothos-mii-head-sleep-bubble {
      animation: none;
      transform: translate(-50%, -50%) scale(0.95);
    }
  
    .pothos-mii-head-name-info-wrap:hover .pothos-mii-head-name-tooltip,
    .pothos-mii-head-name-info:focus + .pothos-mii-head-name-tooltip,
    .pothos-mii-head-name-info:focus-visible + .pothos-mii-head-name-tooltip {
      animation: none;
      transform: translate(-50%, 0) scale(1);
    }
}

  /* Mainline name prompt palette correction, r6 */
  .pothos-mii-head-name-label {
    color: #4EB462;
  }

  .pothos-mii-head-name-info {
    border-color: #4EB462;
    color: #4EB462;
  }

  .pothos-mii-head-name-info:hover,
  .pothos-mii-head-name-info:focus-visible {
    border-color: #4EB462;
    color: #4EB462;
  }

  .pothos-mii-head-name-input {
    border-color: #517663;
    color: #444545;
  }

  .pothos-mii-head-name-input:hover,
  .pothos-mii-head-name-input:focus-visible {
    border-color: #517663;
  }

  .pothos-mii-head-name-input::placeholder {
    color: #cccccc;
    opacity: 1;
  }

  .pothos-mii-head-name-dont-care {
    border-color: #517663;
    background: #8ADA70;
    color: #517663;
  }

  .pothos-mii-head-name-dont-care:hover,
  .pothos-mii-head-name-dont-care:focus-visible {
    border-color: #517663;
  }

  .pothos-mii-head-name-submit {
    border-color: #517663;
    background: #4EB462;
    color: #ffffff;
  }

  .pothos-mii-head-name-submit:hover,
  .pothos-mii-head-name-submit:focus-visible {
    border-color: #517663;
  }

  .pothos-mii-head-name-close {
    color: #444545;
  }


  /* Mainline right-click tutorial mouse icon refinement */
  .pothos-mii-head-shortcut-mouse {
    width: 52px;
    min-width: 52px;
    height: 48px;
  }

  .pothos-mii-head-shortcut-mouse-button {
    top: -4px;
    height: 27px;
  }

  .pothos-mii-head-shortcut-mouse-button-right {
    transform: translateY(0);
    transition:
      transform 0.08s ease,
      height 0.08s ease,
      background-color 0.12s ease,
      box-shadow 0.12s ease;
  }

  .pothos-mii-head-shortcut-mouse-body {
    inset: 23px 0 0;
  }

  .pothos-mii-head-shortcut-mouse-wheel {
    left: 50%;
    top: 3px;
    width: 6px;
    height: 12px;
    border: 2px solid #517663;
    border-radius: 999px;
    background: #ffffff;
    transform: translateX(-50%);
    z-index: 3;
  }

  .pothos-mii-head-shortcut-row[data-pothos-shortcut-key="radio-context"].is-radio-mouse-pressed .pothos-mii-head-shortcut-mouse {
    transform: none;
    border-bottom-width: 9px;
    background: linear-gradient(180deg, #ffffff 0%, #f1f7ef 100%);
    box-shadow:
      inset 0 2px 0 rgba(255, 255, 255, 0.94),
      inset 0 -2px 0 rgba(81, 118, 99, 0.14) !important;
  }

  .pothos-mii-head-shortcut-row[data-pothos-shortcut-key="radio-context"].is-radio-mouse-pressed .pothos-mii-head-shortcut-mouse-button-right {
    transform: translateY(4px);
    height: 23px;
    background: #4EB462;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.08);
  }

  .pothos-mii-head-shortcut-row[data-pothos-shortcut-key="radio-context"].is-radio-secret-complete .pothos-mii-head-shortcut-mouse-button-right {
    transform: translateY(0);
    height: 27px;
  }


  /* Mainline right-click tutorial mouse sizing and line-weight correction */
  .pothos-mii-head-shortcut-mouse {
    width: 80px;
    min-width: 80px;
    height: 48px;
    box-sizing: border-box;
  }

  .pothos-mii-head-shortcut-mouse-wheel {
    width: 8px;
    height: 14px;
    border-width: 4px;
    border-color: #517663;
    border-style: solid;
    box-sizing: border-box;
  }


  /* Mainline right-click tutorial mouse final behavior refinement */
  .pothos-mii-head-shortcut-mouse {
    height: 56px;
  }

  .pothos-mii-head-shortcut-mouse-button {
    height: 31px;
  }

  .pothos-mii-head-shortcut-mouse-body {
    inset: 27px 0 0;
  }

  .pothos-mii-head-shortcut-mouse-wheel {
    top: 5px;
    width: 10px;
    height: 17px;
    border: 0;
    border-radius: 999px;
    background: #517663;
  }

  /* A completed right-click returns to the pulsing hint once the physical
     press animation is released instead of remaining permanently green. */
  .pothos-mii-head-shortcut-row[data-pothos-shortcut-key="radio-context"].is-radio-secret-complete:not(.is-radio-mouse-pressed) .pothos-mii-head-shortcut-mouse-button-right {
    transform: translateY(0);
    height: 31px;
    background: rgba(255, 255, 255, 0.34);
    box-shadow: none;
    animation: pothos-mii-head-radio-right-pulse 1.18s ease-in-out infinite;
  }

  .pothos-mii-head-shortcut-row[data-pothos-shortcut-key="radio-context"].is-radio-mouse-pressed .pothos-mii-head-shortcut-mouse-button-right {
    transform: translateY(4px);
    height: 27px;
    animation: none;
    background: #4EB462;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.08);
  }

  /* Flat toolbar icons: white tint only, no artificial thickening or shadows. */
  .pothos-mii-head-rotate-icon,
  .pothos-mii-head-toolbar-icon,
  .pothos-mii-head-expression-icon,
  .pothos-mii-head-rotate:hover .pothos-mii-head-rotate-icon,
  .pothos-mii-head-rotate:focus-visible .pothos-mii-head-rotate-icon,
  .pothos-mii-head-control-button:hover .pothos-mii-head-toolbar-icon,
  .pothos-mii-head-control-button:focus-visible .pothos-mii-head-toolbar-icon,
  .pothos-mii-head-control-button:hover .pothos-mii-head-expression-icon,
  .pothos-mii-head-control-button:focus-visible .pothos-mii-head-expression-icon {
    filter: brightness(0) invert(1) !important;
    opacity: 1;
  }

/* v1.3 toolbar icon treatment:
   flat white at rest, original green recoloring on hover/focus, no thickening. */
.pothos-mii-head-rotate-icon,
.pothos-mii-head-toolbar-icon,
.pothos-mii-head-expression-icon {
  filter: brightness(0) invert(1) !important;
  opacity: 0.96;
}

.pothos-mii-head-rotate:hover .pothos-mii-head-rotate-icon,
.pothos-mii-head-rotate:focus-visible .pothos-mii-head-rotate-icon,
.pothos-mii-head-control-button:hover .pothos-mii-head-toolbar-icon,
.pothos-mii-head-control-button:focus-visible .pothos-mii-head-toolbar-icon,
.pothos-mii-head-control-button:hover .pothos-mii-head-expression-icon,
.pothos-mii-head-control-button:focus-visible .pothos-mii-head-expression-icon {
  filter: brightness(0) saturate(100%) invert(79%) sepia(38%) saturate(532%) hue-rotate(56deg) brightness(97%) contrast(91%) !important;
  opacity: 1;
}

/* Mainline 1.3 name-dialogue hierarchy and visual-weight refinement */
.pothos-mii-head-name-prompt {
  width: min(680px, calc(100vw - 48px));
  padding: 16px 28px 28px;
  border-radius: 38px;
}

.pothos-mii-head-name-close {
  left: auto;
  right: 16px;
  top: 16px;
  width: 44px;
  height: 44px;
  font-size: 32px;
}

.pothos-mii-head-name-form {
  gap: 18px;
}

.pothos-mii-head-name-heading {
  min-height: 44px;
  padding-inline: 60px;
  gap: 10px;
}

.pothos-mii-head-name-label {
  font-size: clamp(23px, 1.85vw, 29px);
  font-weight: 700;
  line-height: 1.08;
}

.pothos-mii-head-name-info {
  width: 30px;
  height: 30px;
  border-width: 3px;
  border-bottom-width: 5px;
  font-size: 17px;
}

.pothos-mii-head-name-controls {
  grid-template-columns: 156px minmax(0, 1fr) 156px;
  align-items: stretch;
  gap: 14px;
}

.pothos-mii-head-name-input {
  min-height: 58px;
  padding: 13px 17px 11px;
  border-radius: 16px;
}

.pothos-mii-head-name-submit,
.pothos-mii-head-name-dont-care {
  width: 156px;
  min-width: 156px;
  min-height: 58px;
  padding: 12px 16px 10px;
  border-radius: 16px;
  text-align: center;
  white-space: nowrap;
}

.pothos-mii-head-name-error {
  margin-top: -7px;
}

@media (max-width: 767px) {
  .pothos-mii-head-name-prompt {
    width: min(460px, calc(100vw - 28px));
    padding: 14px 20px 24px;
    border-radius: 30px;
  }

  .pothos-mii-head-name-close {
    right: 12px;
    top: 12px;
    width: 42px;
    height: 42px;
  }

  .pothos-mii-head-name-heading {
    min-height: 42px;
    padding-inline: 48px;
    gap: 8px;
  }

  .pothos-mii-head-name-label {
    font-size: clamp(21px, 6vw, 26px);
  }

  .pothos-mii-head-name-info {
    width: 28px;
    height: 28px;
  }

  .pothos-mii-head-name-controls {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px;
  }

  .pothos-mii-head-name-input {
    grid-column: 1 / -1;
    grid-row: 1;
    min-height: 56px;
  }

  .pothos-mii-head-name-dont-care,
  .pothos-mii-head-name-submit {
    width: 100%;
    min-width: 0;
    min-height: 56px;
    padding-inline: 10px;
    white-space: nowrap;
  }
}

/* Mainline 1.6 name-dialogue balance correction */
@media (min-width: 768px) {
  .pothos-mii-head-name-dont-care {
    position: relative;
    left: -14px;
  }
}

/* Mainline 1.7: lock both action labels to the true visual center of their buttons. */
.pothos-mii-head-name-submit,
.pothos-mii-head-name-dont-care {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1;
}

.pothos-mii-head-name-dont-care {
  text-align: center;
}