.sports{display:grid;grid-template-columns:1fr 330px;gap:18px;align-items:start}
@media(max-width:900px){.sports{grid-template-columns:1fr}}
.sports aside{position:sticky;top:76px;display:flex;flex-direction:column;gap:14px}
@media(max-width:900px){.sports aside{position:static}}
.sday{font-weight:800;color:var(--cyan);margin:14px 0 6px;font-size:14px;text-transform:uppercase;letter-spacing:.06em}
.smatch{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:8px}
.steams{min-width:190px;flex:1}.steams small{color:var(--mut);display:block;margin-bottom:4px}
.tm{display:flex;align-items:center;gap:8px;font-weight:700;margin:2px 0}.tm img{width:20px;height:20px;object-fit:contain}
.sodds{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.sep{width:8px}
.so{background:#0a1022;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:6px 10px;min-width:54px;cursor:pointer;display:flex;flex-direction:column;align-items:center;line-height:1.2}
.so i{font-style:normal;font-size:11px;color:var(--mut)}.so b{color:var(--gold)}
.so:hover{border-color:var(--blue)}.so.on{background:linear-gradient(135deg,var(--blue),#1a4fd6);border-color:var(--cyan)}.so.on i,.so.on b{color:#fff}
.slipempty{color:var(--mut);text-align:center;padding:14px 0}
.sl{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.sl small{display:block;color:var(--cyan)}
.sl .x{cursor:pointer;color:var(--mut);padding:4px 8px}.sl .x:hover{color:var(--red)}
.slipsum{display:flex;justify-content:space-between;margin-top:8px;font-weight:700}
.mybet{border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:8px;background:#0a1022}
.mybet.won{border-color:var(--green)}.mybet.lost{opacity:.7}
.mh{display:flex;justify-content:space-between}.st{font-weight:800;font-size:12px}.st.won{color:var(--green)}.st.lost{color:var(--red)}.st.open{color:var(--gold)}.st.void{color:var(--mut)}
.ml{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--mut);margin-top:4px}.ml.won{color:var(--green)}.ml.lost{color:var(--red)}.ml em{font-style:normal;white-space:nowrap}
.mf{font-size:12px;color:var(--mut);margin-top:6px}
.howto{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.howto span{flex:1;min-width:180px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-weight:600;display:flex;gap:10px;align-items:center}
.howto i,.steps span{font-style:normal;background:var(--blue);border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex:none;margin:3px 8px 3px 0}
.smeta{color:var(--mut);font-size:12px;margin-bottom:8px}
.smatch{display:block}
.s3{display:grid;grid-template-columns:1fr 90px 1fr;gap:8px}
.s3 .so{padding:12px 8px}.so span{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-weight:700;font-size:14px}.so span img{width:22px;height:22px;object-fit:contain}
.so b{font-size:17px;margin-top:4px}
.smore{color:var(--cyan);font-size:13px;margin-top:8px;cursor:pointer;display:inline-block}
.s2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.s2 .sq{grid-column:1/-1;color:var(--mut);font-size:13px;margin-top:4px}
.qrow{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.qs{border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer;font-weight:700;font-size:13px}.qs.on,.qs:hover{background:var(--blue);border-color:var(--cyan)}
.potwin{text-align:center;margin:12px 0}.potwin small{display:block;color:var(--mut)}.potwin b{display:block;font-size:30px;color:var(--gold);margin:2px 0}
.fine{color:var(--mut);display:block;margin-top:8px;font-size:12px}
.sl em{font-style:normal;color:var(--gold);font-weight:800}
.steps{line-height:2;text-align:start;display:inline-block}
.ml small{opacity:.7}
html[dir=rtl] body{font-family:"Segoe UI",Tahoma,"Noto Sans Arabic",Arial,sans-serif}
html[dir=rtl].ingame #view{direction:ltr}
html[dir=rtl] .howto i,html[dir=rtl] .steps span{margin:3px 0 3px 8px}
html[dir=rtl] .smore{direction:rtl}