@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--bg:#040f19;--panel:#0a1c2b;--panel2:#0d2436;--green:#0cc974;--red:#ef3348;--line:#18384e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0,#0d2f43,var(--bg) 55%);font-family:'Tajawal',sans-serif;color:#eaf3f8;min-height:100vh}.live-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 3rem;border-bottom:1px solid var(--line);background:#061522}.live-header a{color:#d4e0e7;text-decoration:none;background:#0d2233;padding:.7rem 1rem;border-radius:9px}.live-brand{font-size:1.8rem;font-weight:800}.live-brand span{color:var(--green)}.live-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:1rem;max-width:1750px;margin:auto;padding:1.2rem}.stream-area{min-width:0}.stream-score{display:grid;grid-template-columns:1fr 180px 1fr;align-items:center;text-align:center;padding:1rem}.stream-score>div:first-child,.stream-score>div:last-child{display:flex;justify-content:center;align-items:center;gap:1rem}.stream-score>div:nth-child(2){display:flex;flex-direction:column;align-items:center}.stream-score strong{font-size:2.5rem}.stream-score small{color:var(--green);font-size:1.2rem;font-weight:800}.live-pill{background:var(--red);padding:.3rem .8rem;border-radius:8px;font-weight:800}.stream-badge{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--team);border:3px solid #fff;font-size:1.7rem;font-weight:800}.video-player{border:1px solid #28516a;border-radius:14px;overflow:hidden;box-shadow:0 20px 60px #0008}.stadium-scene{height:min(62vh,700px);background:linear-gradient(#03111c20,#03111c70),url('https://images.unsplash.com/photo-1522778119026-d647f0596c20?auto=format&fit=crop&w=2000&q=90') center/cover;position:relative;display:grid;place-items:center}.play{width:90px;height:90px;border-radius:50%;background:#000a;border:3px solid #fff;display:grid;place-items:center;font-size:3.5rem}.licensed{position:absolute;top:1rem;right:1rem;background:var(--red);padding:.5rem 1rem;border-radius:8px;font-weight:800}.controls{height:64px;background:#04111ce8;display:flex;align-items:center;gap:1rem;padding:0 1.2rem}.red-dot{width:9px;height:9px;background:var(--red);border-radius:50%}.video-line{height:5px;background:#324654;flex:1;border-radius:10px;overflow:hidden}.video-line span{display:block;width:58%;height:100%;background:var(--green)}.controls button{background:#102a3d;color:#fff;border:1px solid #456174;border-radius:7px;padding:.4rem .8rem}.stream-info{display:grid;grid-template-columns:repeat(4,1fr);background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-top:1rem}.stream-info span{display:grid;grid-template-columns:40px 1fr;gap:0 .5rem;padding:1.2rem;border-left:1px solid var(--line);color:#a9bac6}.stream-info i{grid-row:1/3;font-size:1.7rem;align-self:center}.stream-info b{color:#fff}.stream-info .connection,.stream-info .connection b{color:var(--green)}.guest-chat{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;max-height:calc(100vh - 110px);position:sticky;top:96px}.chat-title{display:flex;justify-content:space-between;align-items:center;padding:1.2rem;border-bottom:1px solid var(--line)}.chat-title h2{font-size:1.25rem;margin:0}.chat-title small{color:#9db0bc}.chat-title small span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green)}.chat-title>i{font-size:1.5rem;color:var(--green)}.name-gate{padding:2rem 1.2rem;text-align:center}.name-gate>i{font-size:3rem;color:var(--green)}.name-gate h3{margin:.8rem 0}.name-gate p,.name-gate small{color:#9fb0bc}.name-gate input{width:100%;background:#071522;border:1px solid var(--line);color:#fff;padding:.8rem;border-radius:8px;margin:1rem 0}.name-gate button{width:100%;background:var(--green);color:#002815;border:0;padding:.8rem;border-radius:8px;font-weight:800;margin-bottom:1rem}.chat-room{height:calc(100vh - 190px);display:flex;flex-direction:column}.ephemeral{font-size:.75rem;color:#c6d1d8;background:#102737;padding:.7rem}.messages{flex:1;overflow:auto;padding:1rem}.message{background:#10283a;padding:.7rem;border-radius:9px;margin-bottom:.7rem}.message strong{display:block;color:var(--green);font-size:.8rem}.message small{color:#7f94a1}.message.system{color:#9fb1bd;font-size:.8rem;background:#071522}#chatForm{display:flex;padding:.8rem;border-top:1px solid var(--line)}#chatForm input{flex:1;background:#071522;border:1px solid var(--line);color:#fff;padding:.75rem;border-radius:8px}#chatForm button{background:var(--green);border:0;border-radius:8px;width:44px;margin-right:.5rem}@media(max-width:1050px){.live-shell{grid-template-columns:1fr}.guest-chat{position:static;max-height:none}.chat-room{height:500px}.stream-info{grid-template-columns:1fr 1fr}}@media(max-width:650px){.live-header{padding:0 1rem}.live-header>span{display:none}.live-shell{padding:.5rem}.stream-score{grid-template-columns:1fr 110px 1fr}.stream-score b{font-size:.75rem}.stream-score strong{font-size:1.8rem}.stream-badge{width:45px;height:45px}.stadium-scene{height:48vh}.stream-info{grid-template-columns:1fr}.stream-info span{border-bottom:1px solid var(--line)}}
.has-club-logo{background:transparent!important}.has-club-logo img{width:100%;height:100%;object-fit:contain}