:root{--page-bg:#eef1f0;--surface:#fff;--surface-soft:#f8faf9;--ink:#202320;--muted:#69726e;--line:#e0e5e2;--brand:#23544a;--brand-strong:#193d36;--accent:#e36f47}.live-page{background:var(--page-bg);min-height:100vh;color:var(--ink);margin:0;font-family:Tahoma,Arial,sans-serif}.site-shell{width:min(1040px,100% - 24px);margin:0 auto;padding:14px 0 32px}.site-header{background:var(--brand);color:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:58px;margin-bottom:14px;padding:0 16px;display:flex}.brand-mark{color:inherit;text-decoration:none;display:inline-grid}.brand-mark span{font-size:21px;font-weight:800;line-height:1.1}.brand-mark small{color:#ffffffbd;margin-top:2px;font-size:11px;font-weight:700}.site-nav{align-items:center;gap:4px;display:flex}.site-nav a{color:#ffffffdb;border-radius:6px;padding:9px 12px;font-size:13px;font-weight:700;text-decoration:none}.site-nav a:hover{color:#fff;background:#ffffff1f}.live-content{gap:10px;display:grid}.live-heading{background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.time-zone{color:var(--muted);margin:0 0 4px;font-size:12px;font-weight:700}.live-heading h1{color:var(--brand-strong);letter-spacing:0;margin:0;font-size:21px;font-weight:800}.live-meta{color:var(--muted);margin:6px 0 0;font-size:13px;font-weight:700}.back-link{border:1px solid var(--line);min-height:36px;color:var(--brand-strong);background:var(--surface-soft);border-radius:8px;align-items:center;padding:0 12px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.back-link:hover{background:#edf3ef}.live-grid{gap:10px;display:grid}.stream-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.match-head{direction:rtl;grid-template-columns:minmax(110px,1fr) auto minmax(110px,1fr);align-items:center;gap:28px;padding:12px 14px 10px;display:grid}.team{text-align:center;align-content:center;place-items:center;gap:14px;min-width:0;display:grid}.team strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:800;line-height:1.3;overflow:hidden}.team-home{justify-self:end}.team-away{justify-self:start}.team-logo{width:34px;height:34px;color:var(--brand);background:#fff;border:1px solid #e0e8e3;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.team-logo img{object-fit:contain;width:28px;height:28px}.live-pill{color:#b44f2f;white-space:nowrap;background:#e36f4726;border-radius:999px;place-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-grid}.stream-subtitle{border-top:1px solid var(--line);color:var(--muted);background:var(--surface-soft);margin:0;padding:8px 14px;font-size:12px;font-weight:700}.stream-subtitle span{margin:0 4px}.player-wrap{padding:12px 14px 10px;position:relative}.player-refresh-btn{top:18px;z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f161cb8;border:1px solid #ffffff59;border-radius:999px;min-height:32px;padding:0 12px;font-size:12px;font-weight:800;position:absolute;inset-inline-end:20px}.player-refresh-btn:hover{background:#16212ae0}.live-player{aspect-ratio:16/9;background:#10161b;border:1px solid #d9e3dd;border-radius:8px;width:100%}.player-status{color:var(--muted);margin:8px 2px 0;font-size:12px;font-weight:700}.stream-options{border-top:1px solid var(--line);background:var(--surface-soft);flex-wrap:wrap;gap:6px;padding:10px 12px 12px;display:flex}.stream-btn{color:#1f3f5f;cursor:pointer;background:#eef6ff;border:1px solid #bed4ea;border-radius:8px;min-height:30px;padding:0 10px;font-size:12px;font-weight:800}.stream-btn.is-active{color:#123553;background:#dbeeff;border-color:#8bb9df}.stream-btn:hover{background:#e5f1ff;border-color:#9fc4e2}.stream-btn:disabled{opacity:.58;cursor:not-allowed}.match-empty{border:1px solid var(--line);background:var(--surface);min-height:150px;color:var(--muted);border-radius:8px;place-items:center;font-size:14px;font-weight:700;display:grid}@media (width<=720px){.site-shell{width:min(100% - 12px,1040px);padding-top:6px}.site-header,.live-heading{flex-direction:column;align-items:stretch}.site-nav{overflow-x:auto}.team strong{font-size:13px}}
