/* Max the bear (bear.js) */
.bear { position: relative; display: block; user-select: none; -webkit-user-select: none; }
.bear-canvas { display: block; width: 100%; height: auto; cursor: pointer; position: relative; z-index: 1;
  opacity: 0; transform: translateY(18px) scale(.94); transition: opacity .6s ease, transform .9s cubic-bezier(.34,1.56,.64,1); }
.bear-ready .bear-canvas { opacity: 1; transform: none; }
.bear-shadow { position: absolute; left: 50%; bottom: 1.5%; width: 52%; height: 7%; border-radius: 50%; z-index: 0;
  background: radial-gradient(closest-side, rgba(5,7,12,.42), rgba(5,7,12,0)); transform: translateX(-50%); pointer-events: none; }
.bear-img { display: block; width: 100%; height: auto; animation: bearFloat 3.2s ease-in-out infinite; }
@keyframes bearFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3%); } }
@media (prefers-reduced-motion: reduce) { .bear-img { animation: none; } .bear-canvas { transition: none; } }

/* placements */
#assistant-welcome .assistant-bear { grid-column: 2; grid-row: 1 / 4; width: 150px; align-self: center; }
@media (max-width: 600px) { #assistant-welcome .assistant-bear { width: 110px; } }
.bear-thinking .bear-shadow { animation: bearThinkGlow 1.4s ease-in-out infinite; }
@keyframes bearThinkGlow { 50% { background: radial-gradient(closest-side, rgba(94,195,250,.35), rgba(94,195,250,0)); } }