/* dice-game/dice-game.css */
/* [UPDATED - DICE IN CHAT بدل العائم] لعبة "نرد الحظ" - أيقونة في قائمة
   "المزيد" جنب الإيموشنات + بطاقة أنيقة (نفس تصميم البطاقة العائمة
   القديمة بالظبط: زجاجية، ظل، وجه نرد كبير) لكنها دلوقتي محتوى رسالة
   عادية جوه شات الروم نفسه، مش عنصر عائم فوق الشاشة. */

/* أيقونة النرد داخل قائمة "المزيد" - نفس مقاس باقي الأزرار جنبها */
.roomDiceBtn {
  font-size: 17px;
  line-height: 1;
  color: #6c4fd6;
}
.roomDiceBtn:hover {
  color: #4e34b8;
}

/* بطاقة النرد جوه رسالة الشات - نفس شكل البطاقة العائمة القديمة (خلفية
   زجاجية + ظل ناعم) لكن بحجم يناسب سياق رسالة داخل قائمة الشات */
.dice-chat-card {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 14px 22px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: 0 6px 18px rgba(30, 20, 60, 0.18), 0 0 0 1px rgba(108, 79, 214, 0.14);
  min-width: 128px;
}

.dice-chat-face {
  font-size: 42px;
  line-height: 1;
  color: #6c4fd6;
  filter: drop-shadow(0 2px 4px rgba(108, 79, 214, 0.25));
}

.dice-chat-label {
  font-size: 12.5px;
  font-weight: 800;
  color: #777;
  white-space: nowrap;
}

/* فوز حقيقي (6) بس - توهج ذهبي مميز يستبدل اللون البنفسجي الافتراضي فوق */
.dice-chat-card.dice-chat-card-win {
  box-shadow: 0 6px 20px rgba(245, 166, 35, 0.32), 0 0 0 1px rgba(245, 166, 35, 0.28);
}
.dice-chat-card.dice-chat-card-win .dice-chat-face {
  color: #f5a623;
  filter: drop-shadow(0 3px 6px rgba(245, 166, 35, 0.4));
}
.dice-chat-card.dice-chat-card-win .dice-chat-label {
  color: #d4890a;
}

@media (max-width: 480px) {
  .dice-chat-card { padding: 11px 18px; min-width: 108px; }
  .dice-chat-face { font-size: 34px; }
}