/* תגובות ואימוג'י — אותו קובץ בכל המשחקים */
.rx { position: relative; display: inline-flex; align-items: center; }
.rx-toggle, .sfx-btn {
  background: none; border: 0; cursor: pointer; font-size: 1.25rem; line-height: 1; padding: 4px 6px; border-radius: 8px;
}
.rx-toggle:hover, .sfx-btn:hover { background: #0001; }
.rx-bar {
  position: absolute; bottom: calc(100% + 6px); inset-inline-end: 0; z-index: 70;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px;
  background: #fff; border: 2px solid #1b1f24; border-radius: 12px; padding: 4px; box-shadow: 0 6px 18px #0004;
}
.rx-bar.down { bottom: auto; top: calc(100% + 6px); }
.rx-bar button { font-size: 1.5rem; background: none; border: 0; cursor: pointer; border-radius: 8px; padding: 4px; line-height: 1; }
.rx-bar button:hover { background: #0000000f; transform: scale(1.15); }
.rx-layer { position: fixed; inset: 0; pointer-events: none; z-index: 85; overflow: hidden; }
.rx-float {
  position: absolute; bottom: 8%; display: grid; justify-items: center; transform: translateX(-50%);
  animation: rx-up 2.6s ease-out forwards;
}
.rx-e { font-size: 2.6rem; line-height: 1; filter: drop-shadow(0 2px 3px #0005); }
.rx-n { font: 700 .8rem/1.2 'Assistant', sans-serif; color: #fff; background: #1b1f24cc; border-radius: 6px; padding: 0 6px; margin-top: 2px; white-space: nowrap; }
@keyframes rx-up {
  0% { transform: translate(-50%, 0) scale(.5); opacity: 0; }
  12% { transform: translate(-50%, -30px) scale(1.15); opacity: 1; }
  100% { transform: translate(-50%, -55vh) scale(1); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .rx-float { animation: none; opacity: 1; bottom: 20%; }
}

/* אווטאר ליד הכינוי בדף הבית */
.av-row { position: relative; display: flex; gap: 8px; align-items: stretch; }
.av-row > input { flex: 1; min-width: 0; }
.av-btn {
  flex: 0 0 auto; width: 48px; font-size: 1.6rem; line-height: 1; cursor: pointer;
  background: #fff; border: 2px solid #1b1f24; border-radius: 12px; padding: 0;
}
.av-btn.empty { filter: grayscale(1); opacity: .55; }
.av-btn:hover { transform: scale(1.05); }
.av-pop {
  position: absolute; top: calc(100% + 6px); inset-inline-start: 0; z-index: 80; width: min(340px, 86vw);
  background: #fff; color: #1b1f24; border: 2px solid #1b1f24; border-radius: 14px; padding: 8px; box-shadow: 0 8px 24px #0005;
}
.av-pop p { margin: 0 0 6px; font: 600 .8rem/1.3 'Assistant', sans-serif; opacity: .7; }
.av-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 2px; }
.av-grid button { font-size: 1.45rem; line-height: 1; padding: 5px 0; background: none; border: 0; border-radius: 8px; cursor: pointer; }
.av-grid button:hover { background: #0000000f; transform: scale(1.15); }
.av-grid button.on { background: #ffd84d88; }
/* משפטים מהירים בתפריט התגובות */
.rx-phr { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 3px; margin-top: 4px; border-top: 1px solid #0000001a; padding-top: 5px; min-width: 230px; }
.rx-bar .rx-phr button { font: 700 .85rem/1.2 'Assistant', sans-serif; color: #1b1f24; background: #0000000a; border-radius: 8px; padding: 6px 6px; white-space: nowrap; }
.rx-bar .rx-phr button:hover { background: #ffd84d88; transform: none; }
.rx-p { font: 800 1.1rem/1.2 'Assistant', sans-serif; color: #1b1f24; background: #fff; border: 2px solid #1b1f24; border-radius: 14px; padding: 5px 14px; white-space: nowrap; box-shadow: 0 4px 0 #0003; }