/* Geometry is inherited from the sender's seat, including rotation and resize. */
html body #game .seat { overflow:visible!important; }
html body #game .seat:has(>.seat-signal:not(.hidden)){z-index:21!important}
html body #game .seat>.seat-signal{
  position:absolute!important;left:50%!important;right:auto!important;
  top:auto!important;bottom:calc(100% + 9px)!important;
  display:grid;grid-template-columns:48px auto;align-items:center;gap:7px;
  min-width:0!important;width:max-content;max-width:210px!important;
  margin:0!important;padding:8px 12px!important;border-width:2px;border-radius:12px;
  transform:translateX(-50%)!important;translate:none!important;scale:1!important;
  animation:none!important;pointer-events:none;z-index:22!important;
}
html body #game .seat>.seat-signal.signal-below{top:calc(100% + 9px)!important;bottom:auto!important}
html body #game .seat>.seat-signal .mascot-signal{width:48px!important;height:48px!important;min-width:0!important;min-height:0!important}
html body #game .seat>.seat-signal .mascot-signal img{width:48px!important;height:48px!important;border:0!important;background:none!important}
html body #game .seat>.seat-signal strong{font-size:14px!important;line-height:1.2;margin:0!important;white-space:nowrap}
html body #game .seat>.seat-signal::after{left:50%!important;width:10px;height:10px;bottom:-7px;top:auto;border-width:0 2px 2px 0;transform:translateX(-50%) rotate(45deg)}
html body #game .seat>.seat-signal.signal-below::after{top:-7px;bottom:auto;border-width:2px 0 0 2px}
@media(prefers-reduced-motion:reduce){html body #game .seat>.seat-signal .mascot-signal{animation:none!important}}