.play-chips { display:flex; flex-wrap:wrap; gap:8px; }
.play-chip { border:1.5px solid #e2e8f0; background:#fff; border-radius:12px; padding:10px 14px; font-family:inherit; font-weight:800; font-size:.88rem; color:#334155; cursor:pointer; display:inline-flex; align-items:center; gap:8px; }
.play-chip.on { border-color:#059669; background:#ECFDF5; color:#047857; box-shadow:0 4px 12px rgba(5,150,105,.12); }
.play-chip[disabled] { opacity:.35; cursor:not-allowed; }
.play-chip small { font-weight:700; color:#059669; }
.play-modes { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px; }
.play-mode { text-align:right; border:1.5px solid #e2e8f0; background:#fff; border-radius:16px; padding:14px; cursor:pointer; font-family:inherit; display:flex; flex-direction:column; gap:4px; }
.play-mode b { font-size:1rem; color:#0F172A; } .play-mode span { font-size:.8rem; color:#475569; font-weight:600; line-height:1.6; }
.play-mode.on { border-color:#059669; background:#F0FDF4; box-shadow:0 6px 16px rgba(5,150,105,.12); }
.play-label { font-weight:800; font-size:.9rem; color:#1e293b; margin:16px 0 8px; display:block; }
.play-wins { display:grid; grid-template-columns:repeat(auto-fill,minmax(92px,1fr)); gap:8px; }
.play-win { border:1.5px solid #e2e8f0; background:#fff; border-radius:14px; padding:10px 6px; text-align:center; cursor:pointer; font-family:inherit; display:flex; flex-direction:column; gap:2px; }
.play-win b { font-size:1.15rem; color:#0F172A; } .play-win small { font-size:.7rem; color:#475569; font-weight:700; } .play-win span { font-size:.82rem; color:#059669; font-weight:900; }
.play-win.on { border-color:#059669; background:#ECFDF5; }
.play-reward { background:linear-gradient(135deg,#0F172A,#1E293B); color:#fff; border-radius:16px; padding:16px 18px; margin-top:14px; }
.play-reward h4 { margin:0 0 8px; font-size:.95rem; color:#6EE7B7; } .play-reward ul { margin:0; padding-inline-start:18px; display:flex; flex-direction:column; gap:4px; font-size:.86rem; font-weight:600; }
.play-reward .muted { color:#94A3B8; font-size:.78rem; margin-top:8px; }
.play-note { background:#FFFBEB; border:1.5px solid #FDE68A; border-radius:14px; padding:12px 16px; font-size:.85rem; font-weight:700; color:#92400E; line-height:1.8; }
.play-check { display:flex; gap:10px; align-items:center; margin-top:12px; font-weight:700; color:#0F172A; cursor:pointer; }
.play-check input { width:20px; height:20px; accent-color:#059669; }
/* Drag slider on a track */
.play-slider { background:#fff; border:1.5px solid #e2e8f0; border-radius:16px; padding:16px 18px 10px; }
.play-slider-head { gap:12px; display:flex; justify-content:space-between; align-items:baseline; margin-bottom:10px; }
.play-slider-head b { font-size:1.15rem; color:#0F172A; } .play-slider-head span { font-weight:900; color:#059669; }
.play-range { -webkit-appearance:none; appearance:none; width:100%; height:8px; border-radius:999px; background:#E2E8F0; outline:none; margin:6px 0; cursor:pointer; }
.play-range::-webkit-slider-thumb { -webkit-appearance:none; width:28px; height:28px; border-radius:50%; background:#059669; border:4px solid #fff; box-shadow:0 2px 10px rgba(5,150,105,.45); cursor:grab; }
.play-range::-moz-range-thumb { width:22px; height:22px; border-radius:50%; background:#059669; border:4px solid #fff; box-shadow:0 2px 10px rgba(5,150,105,.45); cursor:grab; }
.play-range:active::-webkit-slider-thumb { cursor:grabbing; transform:scale(1.1); }
.play-ticks { display:flex; justify-content:space-between; font-size:.72rem; font-weight:800; color:#94A3B8; padding:0 4px; }
.play-ticks span.on { color:#059669; } .play-ticks span.off { opacity:.35; }

/* صناديق الحسابات: حساب الجهاز وحساب EA منفصلين بوضوح */
.acc-box{border:1.5px solid #E2E8F0;border-radius:18px;padding:18px;margin-bottom:14px;background:#fff}
.acc-box#platAccBlock{border-color:rgba(5,150,105,.35);background:linear-gradient(180deg,#F0FDF4,#fff 60%)}
.acc-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.acc-head>i{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;background:#0F172A;color:#23D07A;flex-shrink:0}
.acc-head h4{margin:0;font-weight:900;color:#0F172A;font-size:1.05rem}
.acc-head small{color:#475569;font-weight:600}