/* bot.css — the small drawn bot that stands beside a fresh drawing (bot.js): 44 CSS px, the marker's line with the tooth (the ink mask
   through `.inked`), its antenna wagging unless motion is reduced; the keyboard's and the finger's way in, typed, in the pen tin: invite the
   mind to the last drawing, and take back its last addition (there while the mind has ink on the sheet); nothing of it on paper. */
.bot { position: fixed; left: 0; top: 0; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; background: none; z-index: 19; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.bot.on { opacity: 0.88; pointer-events: auto; }
.bot.on:hover, .bot.on:focus-visible { opacity: 1; }
.bot canvas { position: absolute; display: block; mix-blend-mode: multiply; filter: url(#soak); pointer-events: none; }
.bot .bot-body { left: 0; top: 0; width: 44px; height: 44px; }
.bot .bot-antenna { left: 15px; top: 1px; width: 14px; height: 18px; transform-origin: 50% 100%; animation: bot-wag 1.5s ease-in-out infinite alternate; }
.bot.busy .bot-antenna { animation-duration: 0.32s; }
.bot:focus-visible { outline: 1.5px dashed var(--chrome, rgba(40, 34, 28, 0.62)); outline-offset: 3px; border-radius: 9px; }
@keyframes bot-wag { from { transform: rotate(-14deg); } to { transform: rotate(14deg); } }
@media (prefers-reduced-motion: reduce) { .bot .bot-antenna { animation: none; } .bot { transition: none; } }
/* the tin's controls (ETS.tinSlot): 44 px tall targets, typed; without the slot, controls that appear when they have the focus */
.bot-key { display: block; margin: 2px 0 0; padding: 10px 2px; min-height: 44px; box-sizing: border-box; background: none; border: 0; border-bottom: 1px solid rgba(21, 20, 26, 0.35); color: var(--ink, #15141a); font: 13px/1.3 var(--type, "Special Elite", ui-monospace, monospace); letter-spacing: 0.02em; text-align: left; cursor: pointer; }
.bot-key:hover, .bot-key:focus-visible { border-color: currentColor; outline: none; }
.bot-key:focus-visible { outline: 1.5px dashed var(--chrome, rgba(40, 34, 28, 0.62)); outline-offset: 2px; }
.bot-key.off { opacity: 0.4; }
.bot-key[hidden] { display: none; }
.bot-keys { position: fixed; left: 22px; bottom: 96px; z-index: 30; opacity: 0; pointer-events: none; }
.bot-keys:focus-within { opacity: 1; pointer-events: auto; background: rgba(241, 236, 226, 0.92); padding: 4px 8px; }
/* the hidden box over a drawing that the mind's bubbles point at (inside the sheet, in sheet units; it never takes the pointer) */
.bot-anchor { position: absolute; pointer-events: none; visibility: hidden; }
/* print mode (print.html) and paper: the mind's ink prints with the poster; its bot and its controls do not */
html[data-print="on"] .bot, html[data-print="on"] .bot-keys, html[data-print="on"] .bot-key, html[data-print="on"] .bot-anchor { display: none !important; }
@media print { .bot, .bot-keys, .bot-key, .bot-anchor { display: none !important; } }