:root,:root[data-theme=dark]{--bg: #0b111a;--surface: #121a26;--surface-2: #17202c;--hair: #1c2634;--hair-strong: #2a3a4d;--text: #f5f8fa;--muted: #9aa7b5;--faint: #6d7a89;--volt: #c8ff3d;--volt-ink: #0b111a;--star: #9dbf45;--volt-soft: rgba(200, 255, 61, .12);--live: #ff5470;--live-soft: rgba(255, 84, 112, .14);--amber: #f5b14c;--card-shadow: none;--maxw: 640px;--font-ar: "IBM Plex Sans Arabic", system-ui, "Segoe UI", sans-serif;--font-num: "Rubik", "IBM Plex Sans Arabic", system-ui, sans-serif}:root[data-theme=light]{--bg: #f2f4f6;--surface: #ffffff;--surface-2: #e9edf1;--hair: #e2e7ed;--hair-strong: #c9d3de;--text: #101720;--muted: #55626f;--faint: #8a96a3;--volt: #b8ef1f;--volt-ink: #101720;--star: #64830c;--volt-soft: rgba(150, 205, 0, .16);--live: #e63b5d;--live-soft: rgba(230, 59, 93, .12);--amber: #d99118;--card-shadow: 0 1px 2px rgba(16, 23, 32, .05), 0 8px 22px rgba(16, 23, 32, .05)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-num);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}.shell{max-width:var(--maxw);margin:0 auto;padding:0 16px 80px;min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:14px 0 12px;background:linear-gradient(180deg,var(--bg) 78%,rgba(11,17,26,0))}.wordmark{display:flex;align-items:center;gap:1px;padding:8px 10px;border-radius:12px;direction:ltr;unicode-bidi:isolate;color:var(--text);font-family:var(--font-num);font-weight:800;font-size:21px;line-height:1;letter-spacing:0}:root[data-theme=light] .wordmark{background:#fff;border:1px solid var(--hair);box-shadow:0 1px 2px #1017200a}.wordmark img{width:23px;height:23px}.topbar-actions{margin-inline-start:auto;display:flex;gap:8px}.icon-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--muted);background:var(--surface);border:1px solid var(--hair);transition:color .15s,border-color .15s}.icon-btn:hover{color:var(--text);border-color:var(--hair-strong)}.icon-btn.active{color:var(--volt-ink);background:var(--volt);border-color:var(--volt)}.daybar{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:4px 0 18px}.day{display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 0 7px;border-radius:13px;color:var(--muted);font-size:12.5px;font-weight:500;border:1px solid transparent;transition:color .15s,background .15s}.day small{font-size:10.5px;color:var(--faint);direction:ltr}.day:hover{color:var(--text)}.day.on{background:var(--volt);color:var(--volt-ink);font-weight:700}.day.on small{color:#0b111aa6}.card,.league{margin-bottom:14px;border-radius:18px;background:var(--surface);border:1px solid var(--hair);box-shadow:var(--card-shadow);overflow:hidden}.card-head{display:flex;align-items:center;gap:9px;padding:11px 14px;border-bottom:1px solid var(--hair);font-size:12.5px;font-weight:700;color:var(--muted)}.card-head .count{margin-inline-start:auto;font-size:11.5px;font-weight:500;color:var(--faint);font-variant-numeric:tabular-nums}.card>.row,.card>.event,.card>.stat,.card>.match{padding-inline:14px}.card>.row:first-child,.card>.event:first-child{border-top:0}.card>.row:hover{border-radius:0}.card .table{margin:0}.card .table th{padding-top:12px}.card .table td:first-child,.card .table th:first-child{padding-inline-start:14px}.card .table td:last-child,.card .table th:last-child{padding-inline-end:14px}.league-head{display:flex;align-items:center;gap:9px;padding:0 2px 8px}.league-head img{width:18px;height:18px;object-fit:contain}.league-head h2{margin:0;font-size:13px;font-weight:700;color:var(--muted)}.league-head .count{margin-inline-start:auto;font-size:11.5px;color:var(--faint);font-variant-numeric:tabular-nums}.match{display:grid;grid-template-columns:1fr 92px 1fr;align-items:center;gap:8px;width:100%;padding:13px 14px;border-top:1px solid var(--hair);text-align:start;transition:background .12s}.league .match:first-of-type{border-top:0}.match:hover{background:var(--surface-2)}.side{display:flex;align-items:center;gap:9px;min-width:0}.side.away{justify-content:flex-end;text-align:end}.side .name{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side.dim .name{color:var(--faint);font-weight:500}.crest{width:25px;height:25px;flex:0 0 auto;object-fit:contain}.crest-fallback{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:50%;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:700}.mid{display:flex;flex-direction:column;align-items:center;gap:2px}.score{display:flex;gap:8px;align-items:baseline;font-family:var(--font-num);font-weight:800;font-size:18px;font-variant-numeric:tabular-nums}.score .sep{color:var(--faint);font-size:13px;font-weight:600}.time{font-family:var(--font-num);font-weight:600;font-size:15px;color:var(--muted)}.tag{font-size:10.5px;color:var(--faint)}.tag.live{display:inline-flex;align-items:center;gap:5px;color:var(--live);font-weight:700}.tag.live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--live);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.empty{padding:56px 0;text-align:center;color:var(--faint);font-size:14px}.error-box{display:flex;flex-direction:column;gap:12px;align-items:center;padding:48px 0;color:var(--muted)}.error-box button{padding:9px 26px;border-radius:12px;background:var(--surface);border:1px solid var(--hair-strong);font-weight:600}.loader{display:grid;place-items:center;padding:64px 0}.loader span{width:30px;height:30px;border-radius:50%;border:3px solid var(--hair-strong);border-top-color:var(--volt);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-back{display:inline-flex;align-items:center;gap:6px;margin:4px 0 10px;color:var(--muted);font-size:13.5px;font-weight:600}.page-back:hover{color:var(--text)}.hero{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 0 22px;text-align:center}.hero .comp{font-size:12.5px;color:var(--faint)}.hero-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:14px;width:100%}.hero-side{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.hero-side img,.hero-side .crest-fallback{width:56px;height:56px;font-size:18px}.hero-side .name{font-size:14.5px;font-weight:700}.hero-side.dim{opacity:.5}.hero-score{display:flex;gap:12px;align-items:baseline;padding-top:6px;font-family:var(--font-num);font-weight:800;font-size:44px;line-height:1;font-variant-numeric:tabular-nums}.hero-score .sep{color:var(--faint);font-size:26px}.hero-time{font-family:var(--font-num);font-weight:700;font-size:30px;padding-top:10px}.hero-status{font-size:12.5px;color:var(--muted)}.hero-status.live{color:var(--live);font-weight:700}.hero-pens{font-size:12px;color:var(--muted);font-weight:600}.tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--hair);margin-bottom:6px}.tabs::-webkit-scrollbar{display:none}.tabs button{position:relative;flex:0 0 auto;padding:10px 14px 12px;font-size:13.5px;font-weight:600;color:var(--faint);white-space:nowrap}.tabs button:hover{color:var(--muted)}.tabs button.on{color:var(--text)}.tabs button.on:after{content:"";position:absolute;inset-inline:14px;bottom:-1px;height:2.5px;border-radius:3px 3px 0 0;background:var(--volt)}.event{display:grid;grid-template-columns:1fr 52px 1fr;gap:8px;align-items:center;padding:11px 4px;border-top:1px solid var(--hair)}.event:first-of-type{border-top:0}.event .minute{text-align:center;font-family:var(--font-num);font-weight:700;font-size:12.5px;color:var(--faint);direction:ltr}.event-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.event-copy.away{align-items:flex-end;text-align:end}.event-copy .who{display:inline-flex;gap:6px;align-items:center;font-size:13.5px;font-weight:600}.event-copy .sub{font-size:11.5px;color:var(--faint)}.glyph{flex:0 0 auto}.stat{padding:10px 2px}.stat .labels{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-bottom:6px}.stat .labels b{color:var(--text);font-variant-numeric:tabular-nums}.stat .bar{display:flex;gap:4px;height:5px}.stat .bar i{border-radius:3px;background:var(--hair-strong)}.stat .bar i.lead{background:var(--volt)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{padding:6px 6px 10px;font-size:11px;font-weight:600;color:var(--faint);text-align:center}.table th.team-col{text-align:start}.table td{padding:9px 6px;border-top:1px solid var(--hair);text-align:center;font-variant-numeric:tabular-nums;color:var(--muted)}.table td.team-col{text-align:start;color:var(--text)}.table .team-cell{display:flex;align-items:center;gap:8px;min-width:0}.table .team-cell img{width:20px;height:20px;object-fit:contain}.table .team-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:13px}.table td.pts{color:var(--text);font-weight:700}.table .rank{color:var(--faint);font-weight:600}.table tr.me td{background:var(--volt-soft)}.table tr:hover td{background:var(--surface)}.row{display:flex;align-items:center;gap:11px;width:100%;padding:11px 6px;border-top:1px solid var(--hair);text-align:start}.row:first-of-type{border-top:0}.row:hover{background:var(--surface);border-radius:12px}.row .avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--surface-2);flex:0 0 auto}.row .grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.row .grow b{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .grow small{font-size:11.5px;color:var(--faint)}.row .metric{font-family:var(--font-num);font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}.entity{display:flex;align-items:center;gap:14px;padding:12px 0 18px}.entity img,.entity .crest-fallback{width:54px;height:54px;font-size:18px}.entity .info{display:flex;flex-direction:column;gap:2px;min-width:0}.entity h1{margin:0;font-size:21px;font-weight:800}.entity .meta{font-size:12.5px;color:var(--muted)}.entity select{margin-inline-start:auto;padding:8px 12px;border-radius:11px;background:var(--surface);border:1px solid var(--hair-strong);color:var(--text);font:inherit;font-size:13px}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;padding:6px 0 4px}.fact{padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--hair)}.fact small{display:block;font-size:11px;color:var(--faint);margin-bottom:2px}.fact b{font-size:14px;font-weight:700}.pill-note{display:inline-flex;align-items:center;gap:7px;margin:8px 0;padding:8px 14px;border-radius:12px;background:var(--volt-soft);color:var(--volt);font-size:12.5px;font-weight:600}.search-box{display:flex;align-items:center;gap:10px;margin:6px 0 16px;padding:0 14px;height:46px;border-radius:14px;background:var(--surface);border:1px solid var(--hair-strong)}.search-box input{flex:1;background:none;border:0;outline:0;color:var(--text);font:inherit;font-size:14px}.search-box input::placeholder{color:var(--faint)}.footer{display:flex;gap:14px;justify-content:center;padding:34px 0 8px;font-size:12px;color:var(--faint)}@media(max-width:460px){.hero-score{font-size:38px}.match{grid-template-columns:1fr 84px 1fr}}.rest-divider{display:flex;align-items:center;gap:14px;width:100%;padding:14px 0 20px;color:var(--faint)}.rest-divider i{flex:1;height:1px;background:var(--hair)}.rest-divider span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600}.rest-divider b{min-width:22px;padding:1px 7px;border-radius:999px;background:var(--volt-soft);color:var(--volt);font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums}:root[data-theme=light] .rest-divider b{color:#5d7a00}.rest-divider:hover{color:var(--muted)}.chev{transition:transform .18s ease}.chev.open{transform:rotate(180deg)}.league.folded{margin-bottom:10px}.league-head.split{padding:12px 14px;border-bottom:1px solid var(--hair)}.league:not(:has(.match)) .league-head.split{border-bottom:0}.league-title{display:flex;align-items:center;gap:9px;min-width:0;text-align:start}.league-title:hover h2{color:var(--text)}.fold-btn{display:grid;place-items:center;width:34px;height:34px;margin-inline-start:4px;border-radius:10px;color:var(--faint);transition:color .15s,background .15s}.fold-btn:hover{color:var(--text);background:var(--surface-2)}.star{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:10px;color:var(--faint);transition:color .15s,background .15s}.star:hover{color:var(--muted);background:var(--surface-2)}.star.on{color:#8a96a2}.row-with-star{display:flex;align-items:center;gap:4px;padding-inline-end:8px}.row-with-star .row-main{display:flex;align-items:center;gap:11px;flex:1;min-width:0;padding:11px 6px;text-align:start}.page-title{margin:6px 0 14px;font-size:21px;font-weight:800}.fav-card{margin-bottom:14px;border-radius:var(--radius-lg, 18px);background:var(--surface);border:1px solid var(--hair);box-shadow:var(--card-shadow);overflow:hidden}.fav-head{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-bottom:1px solid var(--hair)}.fav-head h2{margin:0;font-size:13.5px;font-weight:700}.fav-head span{font-size:11.5px;color:var(--faint)}.fav-row{display:flex;align-items:center;gap:11px;padding:10px 14px;border-top:1px solid var(--hair)}.fav-row:first-of-type{border-top:0}.fav-rank{min-width:18px;font-size:12px;font-weight:700;color:var(--faint);font-variant-numeric:tabular-nums}.fav-name{flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-actions{display:flex;gap:4px}.fav-actions button{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--muted);background:var(--surface-2);transition:color .15s,background .15s,opacity .15s}.fav-actions button:hover:not(:disabled){color:var(--text)}.fav-actions button:disabled{opacity:.35;cursor:default}.fav-actions button.danger:hover{color:var(--live)}.lineup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.lineup-grid .card{margin-bottom:0}@media(max-width:460px){.lineup-grid{grid-template-columns:1fr}}.pitch-card{padding:12px}.pitch-teams{display:flex;justify-content:space-between;gap:10px;padding:2px 4px 10px}.pitch-team{display:flex;align-items:center;gap:7px;min-width:0}.pitch-team b{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pitch-team small{font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums}.pitch{position:relative;direction:ltr;aspect-ratio:.64;border-radius:14px;overflow:hidden;background:repeating-linear-gradient(180deg,#ffffff09 0,#ffffff09 calc(100% / 12),#00000008 calc(100% / 12),#00000008 calc(100% / 6)),linear-gradient(180deg,#1d5c3a,#17492f,#1d5c3a)}:root[data-theme=light] .pitch{background:repeating-linear-gradient(180deg,#ffffff17 0,#ffffff17 calc(100% / 12),#00000005 calc(100% / 12),#00000005 calc(100% / 6)),linear-gradient(180deg,#2b7d4f,#24693f,#2b7d4f)}.pitch-line,.pitch-circle,.pitch-box{position:absolute;border:1.5px solid rgba(255,255,255,.22);pointer-events:none}.pitch-line.halfway{inset-inline:0;top:50%;border-width:0 0 1.5px}.pitch-circle{top:50%;left:50%;width:26%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%}.pitch-box{left:50%;width:46%;height:13%;transform:translate(-50%)}.pitch-box.top{top:0;border-top:0}.pitch-box.bottom{bottom:0;border-bottom:0}.pitch-player{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;width:62px;padding:0;color:#fff}.pitch-avatar{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#0a140f8c;border:1.5px solid rgba(255,255,255,.7);overflow:visible}.pitch-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.pitch-number{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.pitch-name{max-width:62px;font-size:10.5px;font-weight:600;line-height:1.25;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.65);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pitch-rating{position:absolute;bottom:-5px;inset-inline-start:-8px;min-width:24px;padding:1px 4px;border-radius:6px;background:var(--hair-strong);color:#fff;font-size:9.5px;font-weight:800;font-variant-numeric:tabular-nums;text-align:center}.pitch-rating.high{background:var(--volt);color:#0b111a}.pitch-rating.low{background:var(--live);color:#fff}.pitch-marks{position:absolute;top:-6px;inset-inline-end:-8px;display:flex;gap:2px}.pitch-marks .mark{display:grid;place-items:center;width:13px;height:13px;border-radius:50%;font-size:8px;font-weight:800;font-style:normal;color:#0b111a}.pitch-marks .mark.goal{background:#fff;box-shadow:inset 0 0 0 1.5px #0b111a}.pitch-marks .mark.yellow,.pitch-marks .mark.red{width:9px;height:12px;border-radius:2px}.pitch-marks .mark.yellow{background:var(--amber)}.pitch-marks .mark.red{background:var(--live)}.rating-chip{min-width:30px;padding:2px 7px;border-radius:7px;background:var(--surface-2);color:var(--text);font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center}.rating-chip.high{background:var(--volt);color:var(--volt-ink)}.rating-chip.low{background:var(--live);color:#fff}@media(max-width:420px){.pitch-player{width:54px}.pitch-avatar{width:34px;height:34px}.pitch-name{max-width:54px;font-size:10px}}