/* HMscore upgrade: timetable, members-only live streams, rewards. Dark sports theme, RTL. */ .hm-plus{--bg:#071022;--panel:#0e1a33;--panel2:#13223f;--line:#24365a;--text:#eef3ff;--muted:#9aa9c5;--blue:#1e8bff;--violet:#8b5cf6;--lime:#b8f34a;--gold:#f5c542;--red:#ff3b5c; max-width:1100px;margin:0 auto;padding:0 clamp(12px,3vw,24px) 90px;color:var(--text);direction:rtl;font-family:system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif} .hm-plus h2{font-size:clamp(20px,3vw,26px);margin:0} .hm-plus button{font:inherit;cursor:pointer} .hm-plus :focus-visible{outline:2px solid var(--lime);outline-offset:2px} .hm-plus .hm-banner{margin-inline:0} .hm-banner--fallback .hm-banner__bg{background:radial-gradient(ellipse at 20% 40%,rgba(30,139,255,.55),transparent 55%),radial-gradient(ellipse at 10% 90%,rgba(139,92,246,.5),transparent 50%),#071022} .hm-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:26px 0 12px} .hm-section-title p{margin:4px 0 0;color:var(--muted);font-size:14px} /* ---------- timetable */ .tt-leagues{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin} .tt-leagues button{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-weight:700;font-size:14px} .tt-leagues button i{width:10px;height:10px;border-radius:50%;background:var(--c)} .tt-leagues button[aria-pressed="true"]{background:var(--c);border-color:var(--c);color:#06101f} .tt-leagues button[aria-pressed="true"] i{background:#06101f} .tt-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:10px 0} .tt-tz{font-size:13px;color:var(--muted);background:var(--panel);border:1px solid var(--line);padding:5px 10px;border-radius:8px} .tt-views,.tt-windows{display:flex;gap:6px;margin:6px 0 10px;flex-wrap:wrap} .tt-views button,.tt-windows button{padding:8px 14px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--muted);font-weight:700;font-size:14px} .tt-views button[aria-pressed="true"]{background:var(--tt-accent,var(--blue));border-color:var(--tt-accent,var(--blue));color:#06101f} .tt-windows button[aria-pressed="true"]{color:var(--text);border-color:var(--tt-accent,var(--blue));background:var(--panel2)} .tt-day{margin:14px 0} .tt-day h3{font-size:14px;color:var(--muted);margin:0 0 8px;padding-inline-start:10px;border-inline-start:3px solid var(--tt-accent,var(--blue))} .tt-match{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:8px;overflow:hidden} .tt-match summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:12px;cursor:pointer} .tt-match summary::-webkit-details-marker{display:none} .tt-match[open]{border-color:var(--tt-accent,var(--blue))} .tt-side{display:flex;align-items:center;gap:8px;min-width:0} .tt-side b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .tt-side--away{justify-content:flex-end;text-align:left} .tt-logo{width:24px;height:24px;border-radius:50%;object-fit:contain;flex:0 0 24px;background:#fff1} .tt-logo--txt{display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--muted);border:1px solid var(--line)} .tt-mid{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:70px} .tt-score{font-size:18px;font-weight:900;font-variant-numeric:tabular-nums;direction:ltr} .tt-time{font-size:17px;font-weight:800;color:var(--lime);font-variant-numeric:tabular-nums;direction:ltr} .tt-badge{font-size:11px;padding:2px 8px;border-radius:999px;background:#ffffff14;color:var(--muted)} .tt-badge.live{background:var(--red);color:#fff;animation:ttPulse 1.6s infinite} .tt-badge.off{background:#f59e0b33;color:#fbbf24} .tt-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 12px 12px} .tt-team{background:var(--panel2);border-radius:10px;padding:10px} .tt-team b{display:block;font-size:14px;margin-bottom:8px} .tt-team small{color:var(--muted)} .tt-team__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px} .tt-team__grid span{display:flex;flex-direction:column;align-items:center;font-size:11px;color:var(--muted);background:#0006;border-radius:8px;padding:6px 2px} .tt-team__grid em{font-style:normal;font-size:16px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums} .tt-form{display:flex;gap:4px;margin-top:8px} .tt-f{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;font-size:11px;font-style:normal;font-weight:800;color:#06101f} .tt-f--W{background:#22c55e}.tt-f--D{background:#94a3b8}.tt-f--L{background:#ef4444;color:#fff} .tt-round{grid-column:1/-1;margin:0;font-size:12px;color:var(--muted)} .tt-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px} .tt-table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums} .tt-table th,.tt-table td{padding:10px 8px;text-align:center;border-bottom:1px solid var(--line);white-space:nowrap} .tt-table th{background:var(--panel2);color:var(--muted);font-size:12px} .tt-table tbody tr:nth-child(-n+4) td:first-child{box-shadow:inset -3px 0 0 var(--tt-accent,var(--blue))} .tt-table .tt-l{text-align:right} .tt-table td.tt-l{display:flex;align-items:center;gap:8px} .tt-legend,.tt-foot{font-size:12px;color:var(--muted);margin:8px 0} .tt-notice{background:#f59e0b1f;border:1px solid #f59e0b55;color:#fde68a;border-radius:10px;padding:10px 12px;font-size:14px} .tt-empty,.tt-loading,.lv-empty,.rw-empty{color:var(--muted);text-align:center;padding:24px 10px;list-style:none} @keyframes ttPulse{50%{opacity:.6}} @media (max-width:640px){.tt-info{grid-template-columns:1fr}.tt-hide-sm{display:none}.tt-side b{font-size:13px}.tt-logo{display:none}} /* ---------- live streams */ .lv-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px} .lv-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column} .lv-card--live{border-color:var(--red);box-shadow:0 0 0 1px var(--red),0 10px 30px #ff3b5c33} .lv-poster{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#13223f,#071022);display:grid;place-items:center;max-width:100%} .lv-poster img{width:100%;height:100%;object-fit:cover} .lv-poster-fallback{font-size:48px;opacity:.6} .lv-badge{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#000a;color:#fff} .lv-badge--live{background:var(--red);animation:ttPulse 1.4s infinite} .lv-badge--soon{background:#000b;color:var(--gold)} .lv-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1} .lv-league{color:var(--muted);font-size:12px} .lv-teams{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:16px} .lv-teams span{color:var(--muted);font-size:12px} .lv-time{margin:0;font-size:14px}.lv-time span{color:var(--muted);font-size:12px} .lv-btn{margin-top:auto;border:0;border-radius:10px;padding:11px;font-weight:800;background:#ffffff14;color:var(--muted)} .lv-btn--watch{background:linear-gradient(90deg,var(--red),#ff7a45);color:#fff} .lv-btn--watch:hover{filter:brightness(1.1)} .lv-msg{background:var(--panel2);border:1px solid var(--gold);border-radius:12px;padding:12px 14px;margin:0 0 14px;font-size:15px} .lv-msg a,.rw-msg a{color:var(--gold);font-weight:800} .lv-player{position:fixed;inset:0;z-index:9995;background:#000d;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top,0px)) 12px} .lv-player[hidden]{display:none} .lv-player__box{width:min(1000px,100%);background:#000;border-radius:14px;overflow:hidden;border:1px solid var(--line)} .lv-player__head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--panel)} .lv-player__head h3{margin:0;font-size:16px} .lv-close{border:0;background:#ffffff1a;color:#fff;width:36px;height:36px;border-radius:50%;font-size:16px} .lv-stage{aspect-ratio:16/9;background:#000;max-width:100%} .lv-stage iframe,.lv-stage video{width:100%;height:100%;border:0;display:block} .lv-members{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:linear-gradient(90deg,#f5c54222,transparent);border:1px solid #f5c54255;border-radius:12px;padding:10px 14px;margin:0 0 14px;font-size:14px} /* ---------- rewards */ .rw-me{display:flex;justify-content:flex-start;margin:0 0 12px} .rw-me__pts{background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:7px 14px} .rw-me__pts b{color:var(--gold)} .rw-join{display:inline-block;background:var(--gold);color:#1a1200;font-weight:800;border-radius:999px;padding:9px 16px;text-decoration:none} .rw-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px} .rw-tabs button{padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-weight:800} .rw-tabs button[aria-selected="true"]{background:linear-gradient(90deg,var(--gold),#ff9f43);color:#1a1200;border-color:transparent} .rw-period{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px} .rw-prizes,.rw-board{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px} .rw-prizes h3,.rw-board h3{margin:0 0 6px;font-size:18px} .rw-note{color:var(--muted);font-size:13px;margin:0 0 10px} .rw-places,.rw-top{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px} .rw-places li,.rw-top li{display:flex;align-items:center;gap:10px;background:var(--panel2);border-radius:10px;padding:9px 12px;font-size:14px} .rw-place--1{background:linear-gradient(90deg,#f5c54233,var(--panel2))!important;border:1px solid #f5c54266} .rw-place--2{background:linear-gradient(90deg,#cbd5e133,var(--panel2))!important} .rw-place--3{background:linear-gradient(90deg,#d9773333,var(--panel2))!important} .rw-rank{min-width:28px;text-align:center;font-weight:900;font-size:16px} .rw-top .rw-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .rw-top b{color:var(--gold);font-variant-numeric:tabular-nums} .rw-games{display:grid;grid-template-columns:1fr 1fr;gap:14px} .rw-game{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px} .rw-game h3{margin:0 0 4px;font-size:18px} .rw-game > p{margin:0 0 12px;color:var(--muted);font-size:14px;line-height:1.8} .rw-tag{display:inline-block;font-size:12px;font-weight:900;color:#06101f;background:var(--lime);border-radius:6px;padding:1px 8px;margin-inline-end:6px} .rw-questions{display:flex;flex-direction:column;gap:10px} .rw-q{background:var(--panel2);border-radius:12px;padding:12px} .rw-q.is-closed{opacity:.85} .rw-q__top{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)} .rw-pts{color:var(--gold);font-weight:800} .rw-q h4{margin:6px 0 10px;font-size:15px} .rw-opts{display:flex;gap:6px;flex-wrap:wrap} .rw-opt{flex:1 1 30%;min-width:90px;border:1px solid var(--line);background:#0006;color:var(--text);border-radius:10px;padding:9px 6px;font-weight:700} .rw-opt:not(:disabled):hover{border-color:var(--lime)} .rw-opt.is-mine{border-color:var(--blue);background:#1e8bff33} .rw-opt.is-correct{border-color:#22c55e;background:#22c55e33} .rw-opt:disabled{cursor:default} .rw-q__state{margin:8px 0 0;font-size:12px;color:var(--muted)} .rw-msg{background:var(--panel2);border:1px solid var(--gold);border-radius:12px;padding:10px 14px;margin:0 0 12px;font-size:14px} .rw-cta{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(90deg,var(--blue),var(--violet));color:#fff;text-decoration:none;font-weight:800;border-radius:12px;padding:11px 16px} .rw-rules{margin-top:18px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 16px;color:var(--muted);font-size:13px;line-height:1.9} .rw-rules summary{cursor:pointer;color:var(--text);font-weight:800} @media (max-width:760px){.rw-period,.rw-games{grid-template-columns:1fr}} @media (prefers-reduced-motion:reduce){.tt-badge.live,.lv-badge--live{animation:none}} /* The site-wide brand rule paints every