.board-topline--mandor { min-height: 104px; padding-block: 20px; background: #f7f8f3; }
.mandor-heading { min-width: 0; }
.mandor-heading strong { display: block; margin-top: 9px; color: var(--ink); font-size: 19px; line-height: 1.3; letter-spacing: -.025em; text-transform: none; }
.mandor-heading small { display: block; margin-top: 7px; font-size: 12px; font-weight: 400; letter-spacing: 0; text-transform: none; }
.mandor { display: none; }
.mandor-dock {
  position: fixed; right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom));
  width: 144px; height: 190px; z-index: 90; pointer-events: none;
}
.mandor-dock button { pointer-events: auto; font-family: inherit; -webkit-tap-highlight-color: transparent; }
.mandor-dock .mandor {
  display: block; position: absolute; left: 3px; top: 12px; width: 138px; height: 138px;
  padding: 0; border: 0; border-radius: 16px; background: transparent;
  cursor: grab; touch-action: none; user-select: none;
}
.mandor svg { display: block; width: 100%; height: 100%; overflow: visible; }
.mandor-arm-left, .mandor-arm-right, .mandor-shadow { visibility: hidden; }
.mandor-smile { opacity: 1; }
.mandor-note {
  position: absolute; left: 22px; bottom: 6px; width: 100px; height: 58px;
  padding: 0; border: 0; border-radius: 5px;
  color: #171d1b; background: transparent;
  font-size: 12px; line-height: 1.4; font-weight: 600; cursor: grab; touch-action: none; user-select: none;
}
.mandor-note img { display: block; width: 100%; height: 100%; pointer-events: none; }
.mandor-note::before, .mandor-note::after { content: ''; position: absolute; top: 17px; width: 12px; height: 17px; background: #171d1b; border-radius: 7px; border-top: 2px solid #56605b; }
.mandor-note::before { left: -6px; transform: rotate(-12deg); }
.mandor-note::after { right: -6px; transform: rotate(12deg); }
.mandor-rest-arms { position: absolute; top: 96px; left: 3px; width: 138px; height: 72px; }
.mandor-toggle { position: absolute; top: 0; right: -2px; width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 0; background: transparent; color: #171d1b; cursor: pointer; }
.mandor-close { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid #718378; border-radius: 50%; background: #fffefa; font-size: 18px; line-height: 1; }
.mandor-mini { display: none; }
.mandor-dock button:focus-visible { outline: 3px solid #08685e; outline-offset: 3px; }
.mandor-note:active, .mandor:active { cursor: grabbing; }
.mandor-toggle:active .mandor-close { transform: scale(.95); }
.mandor-dock[data-collapsed="true"] { width: 60px; height: 48px; }
.mandor-dock[data-collapsed="true"] .mandor, .mandor-dock[data-collapsed="true"] .mandor-note, .mandor-dock[data-collapsed="true"] .mandor-rest-arms { display: none; }
.mandor-dock[data-collapsed="true"] .mandor-toggle { width: 60px; height: 48px; right: 0; border: 1px solid #718378; border-radius: 12px; background: #fffefa; overflow: hidden; touch-action: none; user-select: none; cursor: grab; }
.mandor-dock[data-collapsed="true"] .mandor-close { display: none; }
.mandor-dock[data-collapsed="true"] .mandor-mini { display: block; position: absolute; width: 58px; height: 58px; left: 0; bottom: -16px; pointer-events: none; transform-origin: 50% 85%; transition: transform 180ms cubic-bezier(.23, 1, .32, 1); }
.mandor-dock[data-collapsed="true"] .mandor-toggle:active { cursor: grabbing; }
.mandor-dock[data-collapsed="true"] .mandor-toggle:active .mandor-mini { transform: translateY(2px) scale(.98); }
@media (hover: hover) and (pointer: fine) {
  .mandor-dock[data-collapsed="true"] .mandor-toggle:hover:not(:active) .mandor-mini { transform: translateY(-2px); }
}
@media (prefers-reduced-motion: reduce) {
  .mandor-dock[data-collapsed="true"] .mandor-mini { transition: none; transform: none !important; }
}
.mandor-dock[data-phase="holding"] .mandor-note, .mandor-dock[data-phase="hanging"] .mandor-note, .mandor-dock[data-phase="returning"] .mandor-note { opacity: 0; }
.mandor-dock[data-phase="holding"] .mandor-rest-arms, .mandor-dock[data-phase="hanging"] .mandor-rest-arms, .mandor-dock[data-phase="returning"] .mandor-rest-arms { visibility: hidden; }
.mandor-dock[data-detached="true"] .mandor > svg { visibility: hidden; }
.mandor-dock[data-phase="hanging"] .mandor-toggle, .mandor-dock[data-phase="returning"] .mandor-toggle { visibility: hidden; }
.mandor-grip { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 100; pointer-events: none; overflow: hidden; }
.mandor-grip[hidden] { display: none; }
.mandor-grip text { font-family: inherit; }
.mandor-grip[data-keyboard="true"] [data-paper] > rect { stroke: #08685e; stroke-width: 3px; }
.mandor-dragging, .mandor-dragging * { cursor: grabbing !important; user-select: none !important; }
.mandor-instructions { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 680px) {
  .board-topline--mandor { min-height: 105px; }
  .mandor-heading strong { font-size: 17px; }
  .mandor-dock { width: 106px; height: 145px; right: max(10px, env(safe-area-inset-right)); bottom: max(10px, env(safe-area-inset-bottom)); }
  .mandor-dock .mandor { width: 98px; height: 98px; left: 4px; }
  .mandor-note { left: 15px; width: 76px; height: 48px; font-size: 11px; }
  .mandor-rest-arms { width: 98px; height: 52px; top: 73px; left: 4px; }
  .mandor-dock[data-collapsed="true"] { width: 54px; height: 44px; }
  .mandor-dock[data-collapsed="true"] .mandor-toggle { width: 54px; height: 44px; }
  .mandor-dock[data-collapsed="true"] .mandor-mini { width: 52px; height: 52px; bottom: -14px; }
}