/* ===== جوائز الأحداث ===== */
.player-info { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 18px; }
.player-level { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--line); background: linear-gradient(135deg, rgba(var(--gold-rgb), .1), rgba(0,0,0,.25)); font-size: .9rem; color: var(--text-2); }
.player-level img { width: 28px; height: 28px; object-fit: contain; }
.player-level b { color: var(--gold-2); font-size: 1rem; }
.controls { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }

/* القوائم المخصصة بالصور */
.custom-select { position: relative; }
.select-trigger { position: relative; display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 8px 14px; padding-inline-start: 64px; border-radius: 10px; border: 1px solid var(--line); background: rgba(0,0,0,.3); color: var(--text); font-weight: 700; cursor: pointer; transition: all .25s; }
.select-trigger:hover { border-color: var(--gold); box-shadow: var(--glow-gold); }
.select-trigger::after { content: '▾'; position: absolute; inset-inline-end: 14px; color: var(--gold); font-size: 1rem; }
.select-trigger img { position: absolute; inset-inline-start: 8px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 8px; object-fit: cover; border: 1px solid var(--line-strong); }
.select-options { display: none; position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 60; max-height: 320px; overflow-y: auto; padding: 6px; border-radius: 12px; border: 1px solid var(--line-strong); background: var(--bg-2); box-shadow: var(--shadow-3); animation: euCtx .18s var(--ease); }
.select-option { position: relative; display: flex; align-items: center; min-height: 52px; padding: 6px 12px; padding-inline-start: 60px; border-radius: 8px; color: var(--text-2); font-weight: 700; cursor: pointer; transition: all .15s; }
.select-option img { position: absolute; inset-inline-start: 8px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 8px; object-fit: cover; }
.select-option:hover { background: rgba(var(--gold-rgb), .1); color: var(--text); }
.select-option.selected { background: rgba(var(--gold-rgb), .14); color: var(--gold-2); }
.select-option.selected::after { content: '✓'; position: absolute; inset-inline-end: 12px; color: var(--gold); }

/* النتائج */
.results { margin-top: 22px; }
.mode-info { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 12px; border-radius: 12px; margin-bottom: 14px; background: linear-gradient(135deg, rgba(var(--ember-rgb), .18), rgba(var(--gold-rgb), .12)); border: 1px solid var(--line); }
.mode-info img { width: 32px; height: 32px; object-fit: contain; }
.mode-value { font-family: var(--font-display); font-size: 1.2rem; color: var(--gold-2); }
.prizes-grid { display: grid; gap: 12px; }
.prize-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.prize-row-full { grid-template-columns: 1fr; }
.prize-card { position: relative; padding: 16px 14px; border-radius: 14px; border: 1px solid var(--line); background: linear-gradient(160deg, var(--bg-3), var(--bg-2)); text-align: center; display: flex; flex-direction: column; gap: 8px; min-height: 120px; transition: all .3s var(--ease); animation: avIn .5s var(--ease) both; overflow: hidden; }
@keyframes avIn { from { opacity: 0; transform: translateY(14px); } }
.prize-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--gold-3), var(--gold-2), var(--ember)); opacity: .7; }
.prize-card:hover { transform: translateY(-4px); border-color: var(--line-strong); box-shadow: var(--shadow-2), var(--glow-gold); }
.prize-card-large { min-height: 150px; }
.prize-name { display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 800; color: var(--text); font-size: .95rem; }
.prize-image { width: 30px; height: 30px; border-radius: 6px; object-fit: cover; border: 1px solid var(--line); }
.prize-details { font-size: .9rem; color: var(--text-2); }
.prize-amount { font-family: var(--font-num); font-weight: 700; color: var(--gold-2); font-size: 1.35rem; text-shadow: 0 0 14px rgba(var(--gold-rgb), .35); margin: 0 3px; }
.sub-items { display: grid; gap: 6px; }
.sub-item { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 8px; background: rgba(0,0,0,.22); font-size: .84rem; color: var(--text-2); }
.sub-item .prize-amount { font-size: 1rem; }
.elements-sections { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; text-align: start; }
.element-section { padding: 10px 12px; border-radius: 10px; background: rgba(0,0,0,.22); border: 1px solid var(--line-soft); }
.section-title { font-family: var(--font-num); font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); margin-bottom: 8px; padding-bottom: 6px; border-bottom: 1px solid var(--line); }
.section-items { display: flex; flex-wrap: wrap; gap: 6px; }
.element-item { padding: 4px 10px; border-radius: 999px; background: rgba(var(--gold-rgb), .1); border: 1px solid var(--line); font-size: .78rem; color: var(--text); }
.no-items, .no-results { color: var(--text-3); font-size: .85rem; padding: 10px; text-align: center; }

@media (max-width: 1000px) { .prize-row { grid-template-columns: repeat(3, 1fr); } .controls, .player-info { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .prize-row { grid-template-columns: 1fr 1fr; } }