:root{
    --bg:#030915; --bg2:#061536; --card:rgba(255,255,255,.075); --card2:rgba(255,255,255,.12);
    --gold:#f5c542; --text:#fff; --muted:#b7c4df; --blue:#1476ff; --danger:#ffcd4d;
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top,#123c8e 0,#071735 38%,#020711 100%);color:var(--text)}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(135deg,rgba(245,197,66,.12),transparent 28%,rgba(20,118,255,.10));pointer-events:none}.app{position:relative;max-width:1360px;margin:0 auto;padding:28px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:26px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border-radius:28px;box-shadow:0 22px 60px rgba(0,0,0,.35)}
.eyebrow{color:var(--gold);font-weight:900;letter-spacing:.14em;font-size:12px}.topbar h1{margin:8px 0 6px;font-size:clamp(28px,5vw,58px);line-height:.95}.topbar p{margin:0;color:var(--muted);font-size:clamp(14px,2vw,18px)}.refresh,.tab{border:0;cursor:pointer;font-weight:900;color:#061229}.refresh{padding:14px 22px;border-radius:16px;background:linear-gradient(135deg,var(--gold),#fff0a8);box-shadow:0 10px 24px rgba(245,197,66,.28)}
.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.tab{min-height:72px;border-radius:20px;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.16);font-size:clamp(14px,2vw,20px);transition:.2s}.tab.active,.tab:hover{background:linear-gradient(135deg,var(--gold),#fff0a8);color:#061229;transform:translateY(-2px)}.hero-card{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:18px 22px;border-radius:22px;background:rgba(0,0,0,.30);border:1px solid rgba(255,255,255,.10)}.hero-card strong{display:block;font-size:24px}.hero-card span{display:block;margin-top:6px;color:var(--muted)}.pulse-dot{width:16px;height:16px;border-radius:50%;background:#31ff83;box-shadow:0 0 0 8px rgba(49,255,131,.13),0 0 28px #31ff83}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px}.game-card,.event-card{position:relative;overflow:hidden;border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 52px rgba(0,0,0,.28);padding:20px}.competition{display:flex;align-items:center;gap:10px;color:var(--gold);font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.04em}.competition img{width:28px;height:28px;object-fit:contain}.match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:22px 0}.team{text-align:center;min-width:0}.team img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}.team b{display:block;margin-top:10px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.versus{text-align:center}.time{display:inline-block;background:var(--gold);color:#061229;font-weight:900;border-radius:14px;padding:9px 12px;font-size:20px}.score{font-size:30px;font-weight:900;margin-top:8px}.status{color:#31ff83;font-weight:900}.channels{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.channel{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.10);padding:8px 10px;border-radius:999px;font-weight:800;font-size:13px}.channel img{width:24px;height:24px;object-fit:contain}.empty{grid-column:1/-1;text-align:center;padding:44px;border-radius:26px;background:rgba(0,0,0,.26);border:1px dashed rgba(255,255,255,.20);color:var(--muted)}.loader{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#061229;border:1px solid rgba(255,255,255,.18);padding:14px 20px;border-radius:999px;box-shadow:0 18px 40px rgba(0,0,0,.35);font-weight:900}.loader span{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--gold);margin-right:8px;animation:blink .7s infinite alternate}.hidden{display:none}@keyframes blink{to{opacity:.25;transform:scale(.7)}}
.event-head{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin-bottom:18px}.event-head h2{margin:0;font-size:28px}.event-meta{color:var(--muted);line-height:1.55}.fight{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:14px;padding:14px;border-radius:20px;background:rgba(0,0,0,.22)}.fighter{text-align:center}.fighter img.photo{width:86px;height:86px;border-radius:18px;object-fit:cover;background:rgba(255,255,255,.08)}.fighter img.flag{width:26px;height:18px;object-fit:cover;border-radius:4px;margin-top:6px}.fighter b{display:block;margin-top:6px}.vs{font-weight:900;color:var(--gold);font-size:22px}.section-label{margin-top:18px;color:var(--gold);font-weight:900}.wide{grid-column:1/-1}
@media(max-width:760px){.app{padding:14px}.topbar{padding:20px;align-items:flex-start;flex-direction:column}.tabs{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.team img{width:62px;height:62px}.team b{font-size:14px}.time{font-size:16px}.fight{grid-template-columns:1fr}.vs{font-size:18px}.event-head{grid-template-columns:1fr}}
@media(min-width:1000px){body{font-size:18px}.game-card{min-height:330px}}