/* v1.10.3 — In-game emoji-only reactions.
   Removes the obstructive in-game chat composer and replaces it with a compact fixed-position emoji control. */

.turn-emoji{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:0 0 auto;
  min-width:88px;
}
.emoji-toggle{
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:32px;
  padding:0 10px;
  border:1px solid #8a6336;
  border-radius:10px;
  background:linear-gradient(180deg,#4a301d,#21150e);
  color:#efc678;
  box-shadow:inset 0 1px rgba(255,229,174,.08),0 5px 12px rgba(0,0,0,.28);
  font:800 11px/1 Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;
  white-space:nowrap;
}
.emoji-toggle:hover,.emoji-toggle:focus-visible{border-color:#d3a24d;background:linear-gradient(180deg,#5a3920,#29190f)}
.emoji-toggle span{font-size:14px;line-height:1}
.emoji-popover{
  position:absolute;
  right:0;
  top:calc(100% + 6px);
  z-index:48;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  min-width:164px;
  padding:8px;
  border:1px solid #6a4a2a;
  border-radius:12px;
  background:linear-gradient(180deg,#22150e,#100a07);
  box-shadow:0 12px 28px rgba(0,0,0,.45), inset 0 1px rgba(255,232,188,.06);
}
.emoji-popover.hidden{display:none !important}
.emoji-popover button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border:1px solid #704d28;
  border-radius:9px;
  background:linear-gradient(180deg,#3d2617,#1d130d);
  color:#f5e8cb;
  font-size:18px;
  line-height:1;
  box-shadow:inset 0 1px rgba(255,239,206,.08);
}
.emoji-popover button:hover,.emoji-popover button:focus-visible{border-color:#d4a24c;background:#51321b;transform:translateY(-1px)}
.emoji-popover button:active{transform:translateY(1px)}
.emoji-popover button:disabled{opacity:.45;transform:none}

/* ensure old in-game chat blocks never consume layout if stale DOM remains */
.turn-banner .turn-chat{display:none !important}

@media(max-width:1050px){
  .turn-emoji{min-width:44px}
  .emoji-toggle{height:28px;padding:0 8px;gap:4px;font-size:10px;border-radius:8px}
  .emoji-toggle b{display:none}
  .emoji-popover{min-width:146px;gap:5px;padding:7px}
  .emoji-popover button{width:30px;height:30px;font-size:17px}
}
@media (orientation:landscape) and (max-height:620px){
  .emoji-toggle{height:25px;padding:0 7px;border-radius:7px;font-size:9px}
  .emoji-toggle span{font-size:12px}
  .emoji-toggle b{display:none}
  .emoji-popover{top:calc(100% + 4px);min-width:132px;grid-template-columns:repeat(4,28px);gap:4px;padding:6px;border-radius:10px}
  .emoji-popover button{width:28px;height:28px;border-radius:7px;font-size:16px}
}