/* نسخة الويب: الخلفية تملأ النافذة كلها بلون الصفحة (داكن أو فاتح حسب نظام الجهاز)، فلا يبقى عمود فاتح في الوسط حين تتمدد الطاولة أفقيًا */
html { background: var(--page-bg); }
body { width: 100%; }

/* الدعوة إلى تسجيل الدخول، وقفل الألعاب على الزائر */
dialog.invite .invite-rows { list-style: none; margin: 12px 0 4px; padding: 0; display: grid; gap: 8px; font: 500 var(--fs-body)/1.35 var(--serif); }
dialog.invite .invite-rows li { display: flex; align-items: center; gap: 10px; } dialog.invite .invite-rows .ms { font-size: clamp(18px, 2.6vmin + 8px, 22px); color: var(--accent); flex: none; }
dialog.invite .dialog-actions { display: flex; justify-content: flex-end; gap: 10px; } dialog.invite a.icon-btn { display: grid; place-items: center; text-decoration: none; }
.picker .pick { position: relative; } .picker .pick .lk { position: absolute; top: 4px; right: 4px; font-size: 14px; opacity: .8; }
.picker .pick:has(.lk) > .ms:first-child, .picker .pick:has(.lk) .pl { opacity: .5; }
dialog.invite .help-title { font: 600 var(--fs-title) var(--serif); }