:root,:root[data-theme=dark]{--bg: #06090f;--surface: #0c1420;--card: #101b2c;--ink: #f1f5f9;--muted: #8ea0b5;--border: #1e2e44;--primary: #1a6b4a;--primary-soft: #0b3d2e;--accent: #2dd4bf;--danger: #f87171;--gold: #fbbf24;--tab-bar: #0a111c}:root[data-theme=light]{--bg: #f1f5f9;--surface: #ffffff;--card: #ffffff;--ink: #0f172a;--muted: #64748b;--border: #e2e8f0;--primary: #0b3d2e;--primary-soft: #1a6b4a;--accent: #0e7490;--danger: #dc2626;--gold: #d97706;--tab-bar: #ffffff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:IBM Plex Sans Arabic,system-ui,sans-serif;font-size:15px;overscroll-behavior:none}.app{display:flex;flex-direction:column;height:100%}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);font-weight:700;font-size:17px}.icon-btn{background:none;border:0;color:var(--ink);font-size:20px;padding:4px 8px;cursor:pointer}.screen{flex:1;overflow-y:auto;padding:12px 16px 24px}.tabbar{display:flex;background:var(--tab-bar);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;background:none;border:0;color:var(--muted);padding:10px 0 8px;font-family:inherit;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}.tab .ico{font-size:20px}.tab.active{color:var(--accent);font-weight:700}.round-title{color:var(--muted);font-size:13px;margin:16px 0 8px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin-bottom:8px}.match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;text-align:center}.match .team{font-weight:700}.match .mid{min-width:64px;font-weight:700;font-size:18px}.match .sub{grid-column:1 / -1;color:var(--muted);font-size:12px}.live{color:var(--danger);font-size:12px;font-weight:700}table.standings{width:100%;border-collapse:collapse;font-size:14px}table.standings th{color:var(--muted);font-weight:400;font-size:12px;padding:6px 4px;text-align:center}table.standings td{padding:10px 4px;text-align:center;border-top:1px solid var(--border)}table.standings td.team{text-align:start;font-weight:700}table.standings td.pts{font-weight:700;color:var(--accent)}.empty,.error{text-align:center;color:var(--muted);padding:48px 16px}.error{color:var(--danger)}.clickable{cursor:pointer}.clickable:active{opacity:.85}.match .score{display:flex;gap:6px;justify-content:center;align-items:baseline}.back-btn{background:none;border:1px solid var(--border);color:var(--ink);border-radius:999px;padding:6px 14px;font-family:inherit;font-size:14px;cursor:pointer;margin-bottom:12px}.section-title{font-weight:700;font-size:16px;margin:20px 0 8px}.muted-line{color:var(--muted);font-size:12px}.team-row{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:0;border-bottom:1px solid var(--border);color:var(--ink);font-family:inherit;font-size:15px;text-align:start;padding:12px 4px;cursor:pointer}.team-row:last-child{border-bottom:0}.team-row .team-name{font-weight:700}.team-row .chev{color:var(--muted);font-size:18px}.squad-group{margin:12px 0}.squad-group h3{color:var(--muted);font-size:13px;font-weight:400;margin:8px 0}.player-row{display:flex;gap:10px;align-items:center;padding:8px 4px;border-top:1px solid var(--border)}.player-row .num{width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--primary-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.player-row .pname{font-weight:700}.team-block{margin-bottom:16px}.team-block-title{font-weight:700;margin:12px 0 8px}.pitch-wrap{margin-bottom:8px}.pitch-title{color:var(--muted);font-size:13px;margin-bottom:6px}.pitch{background:linear-gradient(180deg,#14532d,#0b3d2e);border:1px solid #ffffff2e;border-radius:14px;padding:14px 8px;display:flex;flex-direction:column;gap:18px}.pitch-row{display:flex;justify-content:space-around;align-items:flex-start}.pitch-player{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;flex:1}.pitch-player .dot{width:34px;height:34px;border-radius:50%;background:#f1f5f9;color:#0b3d2e;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border:2px solid #2dd4bf}.pitch-player .pname{color:#f1f5f9;font-size:11px;text-align:center;line-height:1.3;overflow-wrap:break-word}.subs-title{color:var(--muted);font-size:13px;margin:10px 0 6px}.subs-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sub-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:13px}.sub-num{display:inline-flex;width:22px;height:22px;border-radius:50%;background:var(--primary-soft);color:var(--accent);align-items:center;justify-content:center;font-weight:700;font-size:11px;margin-inline-end:6px}.timeline{position:relative;padding:4px 0}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--border);transform:translate(-50%)}.tl-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:7px 0}.tl-side{display:flex;min-width:0}.tl-side.home{justify-content:flex-end}.tl-side.away{justify-content:flex-start}.tl-side.home .tl-event{text-align:left}.tl-side.away .tl-event{text-align:right}.tl-event{display:flex;flex-direction:column;gap:2px;font-size:13px;min-width:0}.tl-title{font-weight:700}.tl-detail{color:var(--muted);font-size:12px}.tl-min{position:relative;z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:999px;min-width:42px;text-align:center;padding:2px 6px;font-size:12px;font-weight:700}.subtabs{display:flex;gap:6px;margin-bottom:12px}.subtab{flex:1;background:var(--card);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:8px 6px;font-family:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}.subtab.active{background:var(--primary);border-color:var(--primary);color:#fff}