.g06-actor { position: fixed; top: 0; left: 0; width: 21.3333px; height: 21.3333px; z-index: 20; pointer-events: none; user-select: none; will-change: transform; }
.g06-art { width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 2px 3px #0009); }
.g06-art image { image-rendering: pixelated; }
.g06-bubble { position: absolute; bottom: calc(100% + 2px); left: calc(50% - 14px); display: grid; place-items: center; width: 28px; height: 28px; border: 2px solid #edacb3; background: #172333; color: #ffb8c4; box-shadow: 3px 3px 0 #07111d; }
.g06-bubble::after { content: ''; position: absolute; top: 100%; left: 9px; width: 6px; height: 5px; background: #edacb3; }
.g06-bubble svg { width: 18px; height: 18px; shape-rendering: crispEdges; fill: currentColor; }
.g06-toggle { position: fixed; bottom: 16px; right: 16px; z-index: 21; min-height: 36px; padding: 8px 12px; background: #102136; border: 1px solid #53718e; box-shadow: 3px 3px 0 #07111d; color: #c7d9ea; font: 12px/1.4 var(--body-font, sans-serif); cursor: pointer; }
.g06-toggle:hover { color: #fff; border-color: #96caff; }
.g06-toggle:focus-visible { outline: 3px solid #96caff; outline-offset: 4px; }
/* Keep the floating control clear of the bottom-of-page footer links. */
body:has(.g06-toggle) footer { padding-bottom: 76px; }
@media(max-width:600px) {
  .g06-actor { width: 16px; height: 16px; }
  .g06-toggle { bottom: 10px; right: 10px; }
}
@media(prefers-reduced-motion:reduce) { .g06-actor { will-change: auto; } }
@media print { .g06-actor, .g06-toggle { display: none !important; } }