/* Avatar chrome — larger, characterful; must not cover cards/stack/pot */
.kgb-avatar{
  width:76px;height:76px;border-radius:50%;border:3px solid #e0c060;
  box-shadow:0 0 0 2px #2a151c,0 8px 20px #000a,0 0 24px rgba(224,192,96,.25);
  object-fit:cover;margin-bottom:8px;background:#1a0c10;display:block;
  position:relative;z-index:2;
}
.seat-top .kgb-avatar{width:88px;height:88px}
/* Keep hole cards / badge below avatar, never under scenery */
body.kgb-mode .seat-top .holecards,
body.kgb-mode .seat-top .seatbadge{position:relative;z-index:3}
body.kgb-mode .centerreadout{z-index:4}
@media(max-width:620px){
  .kgb-avatar{width:58px;height:58px;margin-bottom:5px;border-width:2px}
  .seat-top .kgb-avatar{width:64px;height:64px}
}

/* t414u reactions — top of viewport, never over bottom controls */
.kgb-line{
  position:fixed;left:50%;top:56px;transform:translateX(-50%);
  z-index:5;max-width:min(520px,92vw);padding:10px 14px;border-radius:12px;
  background:#1a1014ee;color:#f7efe3;border:1px solid #c9a45a;
  font-size:13px;font-weight:650;text-align:center;line-height:1.35;
  box-shadow:0 8px 28px #000a;pointer-events:none;opacity:0;transition:opacity .2s;
}
.kgb-line.show{opacity:1}
body.kgb-mode .kgb-mute{display:inline-flex}
.kgb-mute{display:none}
body.kgb-mode .controls{position:relative;z-index:8}
body.kgb-mode .kgb-line{z-index:5}
@media(max-width:620px){
  .kgb-line{top:48px;font-size:12px;padding:8px 11px}
}

/* t418u — cookie stack beside Teddy (visible phone + desktop) */
.kgb-cookies{
  position:absolute;right:-52px;top:8px;width:56px;height:44px;z-index:4;
  pointer-events:none;filter:drop-shadow(0 4px 8px #000a);
}
.kgb-cookies img{width:100%;height:100%;object-fit:contain;display:block}
.kgb-cookie-anim{
  position:absolute;right:-8px;top:-6px;width:52px;height:28px;z-index:5;
  pointer-events:none;opacity:0;
}
.kgb-cookie-anim.twisting{
  opacity:1;animation:kgbCookieTwist 1.4s ease-in-out forwards;
}
.kgb-cookie-anim img{width:100%;height:100%;object-fit:contain}
@keyframes kgbCookieTwist{
  0%{opacity:0;transform:translateY(8px) scale(.8)}
  15%{opacity:1;transform:translateY(0) scale(1)}
  40%{transform:translateY(-6px) rotate(-8deg)}
  55%{transform:translateY(-4px) rotate(18deg) scaleX(1.05)}
  75%{transform:translateY(2px) rotate(-4deg)}
  100%{opacity:0;transform:translateY(10px) scale(.7)}
}
@media(max-width:620px){
  .kgb-cookies{right:-22px;top:0;width:52px;height:40px}
  .kgb-cookie-anim{width:46px;height:24px;right:0}
}
@media(prefers-reduced-motion:reduce){
  .kgb-cookie-anim.twisting{animation:none;opacity:0}
}
body:not(.kgb-mode) .kgb-cookies,
body:not(.kgb-mode) .kgb-cookie-anim{display:none}


/* t444u — cookies stay visible in play-mode */
body.in-hand.kgb-mode .kgb-cookies{display:block;opacity:1}
body.in-hand.kgb-mode .seat-top{overflow:visible}
@media (min-width:900px){
  body.in-hand.kgb-mode .kgb-cookies{right:-48px;top:6px;width:56px;height:44px}
}