/* Add custom CSS styles below */ 
/* أزرار اختيار المنصات */
.opt-pill{
  position:relative; display:inline-flex; justify-content:center; align-items:center;
  width:96px; height:96px; border-radius:999px; margin:6px; cursor:pointer;
  border:2px solid #3b3b3b; background:#111; transition:.2s;
  box-shadow:0 6px 20px rgba(0,0,0,.25);
  font-size:0;
}
input[type="radio"]{ 
  position:absolute; opacity:0; pointer-events:none;
}
input[type="radio"]:checked + label.opt-pill{
  border-color:#22c55e; box-shadow:0 0 0 4px rgba(34,197,94,.25), 0 10px 30px rgba(0,0,0,.35);
  transform:translateY(-2px);
}
label.opt-pill:hover{ border-color:#60a5fa; transform:translateY(-1px); }

/* الخلفيات (غير الروابط بروابط صورك) */
label.opt-pc{  background:#0b1220 url("https://i.ibb.co/jG9pm1p/pc.png") center/60% no-repeat; }
label.opt-xbox{background:#0b1220 url("https://i.ibb.co/Zc6hxww/xbox.png") center/60% no-repeat; }
label.opt-ps{  background:#0b1220 url("https://i.ibb.co/7t4YbWq/ps.png") center/60% no-repeat; }

.platform-group{ display:flex; flex-wrap:wrap; gap:8px; }