*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050505;color:#eee;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:66px;border-bottom:1px solid #242424;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,4vw);position:sticky;top:0;background:#050505;z-index:5}.all{color:#bbb;font-weight:700;font-size:14px}.match-title{position:absolute;left:50%;transform:translateX(-50%);font-weight:800;font-size:14px;white-space:nowrap}.vs{color:#ff7b22;margin:0 8px}.wrap{width:min(1388px,92vw);margin:24px auto 70px}.player-shell{border:1px solid #242424;border-radius:18px;background:#080808;overflow:hidden;display:flex;justify-content:center;align-items:center;aspect-ratio:16/7.1}.player-inner{width:78%;height:100%;position:relative;background:#000;display:flex;align-items:center;justify-content:center}.video{width:100%;height:100%;object-fit:contain;background:#000}.player-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:#aaa;text-align:center;padding:20px;background:radial-gradient(ellipse at center,#171717,#050505 70%)}.playmark{width:58px;height:58px;border:1px solid #555;border-radius:50%;display:grid;place-items:center;font-size:23px;color:#fff}.player-note{font-size:12px;color:#777}.section{margin:20px auto 0;width:min(1120px,94%);border:1px solid #242424;border-radius:18px;background:#0a0a0c;padding:24px}.section h2{text-align:center;font-size:23px;margin:0 0 22px}.channels{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.channel{background:#171719;border:1px solid #333;color:#eee;border-radius:8px;padding:12px 20px;font-weight:700;cursor:pointer}.channel.active,.channel:hover{background:#f47b20;border-color:#f47b20;color:#111}.muted{color:#888;font-size:13px;text-align:center}.match-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.match-card{border:1px solid #282828;border-radius:12px;padding:18px;background:#0c0c0e;transition:.2s}.match-card:hover{border-color:#f47b20;transform:translateY(-2px)}.teams{font-size:17px;font-weight:800;margin:10px 0}.meta{font-size:12px;color:#999;display:flex;justify-content:space-between}.live{color:#ff684f;font-weight:800}.footer{text-align:center;color:#777;font-size:12px;padding:30px}.footer a{margin:0 8px}@media(max-width:700px){.topbar{height:58px;padding:0 14px}.match-title{position:static;transform:none;margin-left:auto;font-size:12px}.player-shell{aspect-ratio:16/9;border-radius:12px}.player-inner{width:100%}.wrap{width:94vw;margin-top:16px}.section{padding:18px 12px}.section h2{font-size:19px}}
.brand-links{display:flex;gap:12px;align-items:center}.brand-links a{color:#fff;text-decoration:none;font-size:13px}
.footer{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}
.footer button{background:#f59e0b;color:#111;border:0;border-radius:6px;padding:8px 14px;font-weight:700;cursor:pointer}
.join-modal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.82);align-items:center;justify-content:center;padding:18px}
.join-modal.visible{display:flex}.join-card{position:relative;width:min(360px,100%);background:#171717;color:#fff;border:1px solid #333;border-radius:14px;padding:26px;text-align:center;box-shadow:0 18px 60px #0009}
.join-card h2{margin:0 0 8px}.join-card p{color:#bbb;margin:0 0 20px}.join-card a,.join-skip{display:block;width:100%;box-sizing:border-box;padding:12px;margin:9px 0;border-radius:8px;text-decoration:none;font-weight:700;border:0;cursor:pointer}
.join-wa{background:#20b866;color:#fff}.join-tg{background:#229ed9;color:#fff}.join-skip{background:#333;color:#fff}.join-close{position:absolute;right:10px;top:8px;background:transparent;color:#fff;border:0;font-size:25px;cursor:pointer}
@media(max-width:600px){.brand-links{gap:8px}.brand-links a{font-size:11px}.match-title{font-size:13px}}