/* A small greeting anchored to the ginger cat's garden pedestal. */
.cat-bubble{
  position:absolute;
  z-index:3;
  left:2%;
  bottom:78%;
  width:clamp(140px,21%,200px);
  padding:8px 10px;
  border:2px solid #703a26;
  background:#ffe6b0;
  color:#633323;
  box-shadow:3px 3px 0 #151128, inset 0 0 0 2px #fff5d6;
  font-size:clamp(6px,.75vw,8px);
  line-height:1.65;
  text-align:center;
  text-wrap:balance;
  pointer-events:none;
}
.cat-bubble::before,.cat-bubble::after{
  content:'';
  position:absolute;
  left:25%;
  width:12px;
  height:12px;
  bottom:-12px;
  background:#703a26;
  clip-path:polygon(0 0,100% 0,100% 33%,67% 33%,67% 67%,33% 67%,33% 100%,0 100%);
}
.cat-bubble::after{
  width:7px;
  height:8px;
  bottom:-7px;
  margin-left:3px;
  background:#ffe6b0;
}
@media(max-width:600px){
  .cat-bubble{padding:6px 8px;font-size:6px;box-shadow:2px 2px 0 #151128,inset 0 0 0 1px #fff5d6;}
  .cat-bubble::before,.cat-bubble::after{left:18%;width:8px;height:8px;bottom:-8px;}
  .cat-bubble::after{width:5px;height:5px;bottom:-4px;margin-left:2px;}
  .cat-greeting .scene-badge{visibility:hidden;}
}