/* BRANDBIT — BIT agent UI (ID-043) */
.bit-face.bit-live{background:transparent;overflow:visible}
.bit-face.bit-live canvas{display:block;width:100%!important;height:100%!important}
.bit-face img,#bit-toggle .bit-face img{display:block;width:100%;height:100%}
#bit-toggle .bit-face.bit-live{width:70px;height:70px}
#bit-panel .bit-top .bit-face{width:76px;height:76px}

#bit-panel .bit-top .bit-sound{font-family:inherit;line-height:1;width:auto;height:auto;flex:none;font-size:9px;letter-spacing:.14em;font-weight:500;color:#b7abff;background:transparent;border:1px solid #ffffff24;border-radius:100px;padding:7px 10px;margin-right:8px;cursor:pointer;white-space:nowrap}
#bit-panel .bit-top .bit-sound[aria-pressed=true]{color:#d6ff38;border-color:#d6ff3866}
.bit-top{gap:10px}

.message.system{background:transparent;border:1px dashed #ffffff26;color:#b7abff;font-size:13px}

.bit-card{align-self:stretch;background:#1b2230;border:1px solid #d6ff3833;border-radius:16px;padding:16px 16px 14px;font-size:14px;line-height:1.5;flex-shrink:0}
.bit-card small{display:block;font-size:10px;letter-spacing:.14em;color:#b7abff;font-weight:500}
.bit-card strong{display:block;margin-top:6px;font-size:18px;letter-spacing:-.02em;font-weight:500;color:#d6ff38}
.bit-card ol{margin:10px 0 0;padding-left:20px;display:grid;gap:6px}
.bit-card dl{margin:10px 0 0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px}
.bit-card dt{font-size:11px;letter-spacing:.1em;color:#8e93a8;text-transform:uppercase;padding-top:2px}
.bit-card dd{margin:0;overflow-wrap:anywhere}
.bit-card-cta{display:inline-block;margin-top:14px;background:#d6ff38;color:#0e1218;border-radius:100px;padding:10px 16px;font-size:13px;font-weight:600}
.bit-card-note{margin:10px 0 0;font-size:11px;color:#8e93a8}

.bit-quick{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}
.bit-quick button,.bit-quick a{font:inherit;font-size:13px;color:#f5f7ef;background:transparent;border:1px solid #ffffff30;border-radius:100px;padding:8px 13px;cursor:pointer;text-decoration:none}
.bit-quick button:hover,.bit-quick a:hover{border-color:#d6ff38;color:#d6ff38}

#bit-panel[data-agent=live] .bit-note{color:#b7abff}
@media(max-width:650px){#bit-toggle .bit-face.bit-live{width:56px;height:56px}#bit-panel .bit-top .bit-face{width:60px;height:60px}#bit-panel .bit-top .bit-sound{padding:6px 8px}}

/* ID-048 — BIT strolls along the bottom of the screen */
.bit-walker{position:fixed;left:0;bottom:18px;z-index:48;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;will-change:transform}
.bit-walker img{display:block;width:44px;height:44px;transform-origin:50% 100%;filter:drop-shadow(0 8px 10px #0008)}
.bit-walker::after{content:'';position:absolute;left:8px;right:8px;bottom:-6px;height:6px;border-radius:50%;background:#000;opacity:.35;filter:blur(3px)}
.bit-walker.is-looking img{transform:scale(1.08) translateY(-2px)}
.bit-walker-hi{position:absolute;left:50%;bottom:52px;transform:translate(-50%,6px) scale(.8);opacity:0;background:#f5f7ef;color:#0e1218;font:600 11px/1 "Space Grotesk",Arial,sans-serif;letter-spacing:.02em;padding:6px 9px;border-radius:10px 10px 10px 2px;white-space:nowrap;transition:opacity .25s ease,transform .35s cubic-bezier(.34,1.56,.64,1);pointer-events:none}
.bit-walker-hi.is-on{opacity:1;transform:translate(-50%,0) scale(1)}
@media(max-width:650px){.bit-walker{bottom:12px}}
