.playful-bot-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform var(--duration-fast,.2s) var(--ease-out,ease-out);flex-direction:column;justify-content:center;align-items:center;display:inline-flex;position:relative}.playful-bot-wrap:hover{transform:translateY(-2px)}.playful-bot-wrap:active{transform:translateY(0)scale(.96)}.playful-bot-canvas-wrap{justify-content:center;align-items:center;display:flex;position:relative}.playful-bot-canvas-wrap canvas{pointer-events:auto;display:block}.playful-bot-bubble{background:var(--surface-2,#1a1e2b);border:1px solid var(--line-highlight,#ffffff29);color:var(--text,#f8fafc);font-family:var(--font-mono,monospace);letter-spacing:.04em;white-space:nowrap;pointer-events:none;opacity:0;z-index:20;border-radius:9999px;padding:4px 9px;font-size:10px;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% - 2px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 8px 20px #00000073}.playful-bot-bubble:after{content:"";border-style:solid;border-width:4px 4px 0;border-color:var(--surface-2,#1a1e2b) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.playful-bot-wrap:hover .playful-bot-bubble,.playful-bot-bubble--visible{opacity:1;transform:translate(-50%)translateY(0)}@keyframes bot-gentle-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.playful-bot-floating{animation:4s ease-in-out infinite bot-gentle-hover}.playful-bot-floating:hover{animation-play-state:paused}.playful-bot-badge{border:2.5px solid var(--surface,#12151e);background:var(--muted,#64748b);z-index:5;border-radius:50%;width:14px;height:14px;transition:background .25s,box-shadow .25s;position:absolute;bottom:2px;right:2px}.playful-bot-badge--working{background:var(--amber,#f59e0b);box-shadow:0 0 8px var(--amber,#f59e0b)}.playful-bot-badge--default{background:var(--green,#10b981);box-shadow:0 0 6px var(--green,#10b981)}.playful-bot-badge--sleeping{opacity:.6;background:#64748b}
