.ael { --ael-p: var(--c-primary, #0664d8); --ael-a: var(--c-accent, #0983ff); --ael-bg: var(--surface, #fff); --ael-bg2: var(--surface-2, #f5f8fd); --ael-line: var(--line, #e2e7f0); --ael-muted: var(--muted, #5d6679); --ael-text: var(--c-text, #161c2b); direction: rtl; color: var(--ael-text); margin: 1.5em 0; transition: opacity .3s; }
.ael.is-updated { animation: ael-flash 1.2s ease-out; }
@keyframes ael-flash { from { opacity: .55; } to { opacity: 1; } }
.ael-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-bottom: 14px; }
.ael-status { display: inline-flex; align-items: center; gap: 7px; font-weight: 800; padding: 6px 12px; border-radius: 6px; background: var(--ael-p); color: #fff; }
.ael-status i { width: 9px; height: 9px; border-radius: 50%; background: #fff; display: inline-block; }
.ael--live .ael-status { background: #e0182d; }
.ael--live .ael-status i { animation: ael-pulse 1.4s infinite; }
.ael--soon .ael-status { background: var(--ael-muted); }
@keyframes ael-pulse { 50% { opacity: .3; transform: scale(.7); } }
.ael-sub { margin: 0; font-weight: 600; }
.ael-upd { margin: 0; color: var(--ael-muted); font-size: 14px; margin-inline-start: auto; }
.ael-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin-bottom: 16px; }
.ael-stats div { background: var(--ael-bg2); border: 1px solid var(--ael-line); border-radius: 10px; padding: 12px; text-align: center; }
.ael-stats b { display: block; font-size: 26px; color: var(--ael-p); line-height: 1.3; }
.ael-stats span { color: var(--ael-muted); font-size: 13px; }
.ael-seats { max-width: 520px; margin: 0 auto 10px; }
.ael-hemi { width: 100%; height: auto; display: block; }
.ael-hemi__n { font-weight: 800; font-size: 12px; fill: var(--ael-text); }
.ael-rank { list-style: none; margin: 0 0 22px; padding: 0; display: grid; gap: 8px; }
.ael-party { display: grid; grid-template-columns: 28px 46px 1fr auto auto; align-items: center; gap: 12px; padding: 10px 12px; background: var(--ael-bg); border: 1px solid var(--ael-line); border-inline-start: 5px solid var(--c); border-radius: 10px; }
.ael-party__pos { font-weight: 800; color: var(--ael-muted); text-align: center; }
.ael-party__logo { width: 46px; height: 46px; border-radius: 50%; background: #fff; border: 1px solid var(--ael-line); display: grid; place-items: center; overflow: hidden; }
.ael-party__logo img { width: 80%; height: 80%; object-fit: contain; }
.ael-party__logo i { width: 60%; height: 60%; border-radius: 50%; background: var(--c); }
.ael-party__main { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.ael-party__name { font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ael-bar { display: block; height: 9px; background: var(--ael-bg2); border-radius: 5px; overflow: hidden; }
.ael-bar i { display: block; height: 100%; background: var(--c); border-radius: 5px; transition: width .6s; }
.ael-party__num, .ael-party__seats { text-align: center; line-height: 1.25; }
.ael-party__num b { font-size: 20px; display: block; }
.ael-party__num small, .ael-party__seats small { color: var(--ael-muted); font-size: 12px; }
.ael-party__seats { background: var(--c); color: #fff; border-radius: 8px; padding: 4px 10px; min-width: 52px; }
.ael-party__seats b { display: block; font-size: 20px; }
.ael-party__seats small { color: rgba(255,255,255,.85); }
.ael-units__head { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; justify-content: space-between; margin-bottom: 10px; }
.ael-units__head h3 { margin: 0; }
.ael-search { padding: 8px 12px; border: 1px solid var(--ael-line); border-radius: 8px; min-width: 200px; font: inherit; background: var(--ael-bg); color: var(--ael-text); }
.ael-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.ael-unit { background: var(--ael-bg); border: 1px solid var(--ael-line); border-radius: 10px; padding: 12px; }
.ael-unit[hidden] { display: none; }
.ael-unit.is-pending { opacity: .65; }
.ael-unit header { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin-bottom: 8px; }
.ael-unit h4 { margin: 0; font-size: 16px; }
.ael-unit header span { color: var(--ael-muted); font-size: 12px; }
.ael-unit ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.ael-unit li { display: grid; grid-template-columns: minmax(70px, 38%) 1fr auto; align-items: center; gap: 8px; font-size: 13px; }
.ael-u__name { font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ael-u__name em { font-style: normal; background: var(--c); color: #fff; border-radius: 4px; padding: 0 5px; font-size: 11px; }
.ael-u__num { font-weight: 700; white-space: nowrap; }
.ael-src { color: var(--ael-muted); font-size: 13px; margin-top: 14px; }
@media (max-width: 600px) {
	.ael-party { grid-template-columns: 22px 38px 1fr auto; gap: 8px; padding: 8px; }
	.ael-party__logo { width: 38px; height: 38px; }
	.ael-party__seats { grid-column: 3 / -1; justify-self: start; display: flex; gap: 6px; align-items: baseline; padding: 2px 10px; }
	.ael-party__seats b { display: inline; font-size: 16px; }
	.ael-stats b { font-size: 21px; }
}