.xl7-live{--red:#ed242b;--gold:#ffca28;max-width:1050px;margin:30px auto;padding:24px;border:1px solid #2d2d2d;border-radius:22px;background:linear-gradient(145deg,#171717,#080808);color:#fff;font-family:Arial,sans-serif;box-shadow:0 18px 55px rgba(0,0,0,.35)}.xl7-live *{box-sizing:border-box}.xl7-live__header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.xl7-live__header span{color:var(--red);font-size:14px;font-weight:800}.xl7-live__header h2{margin:5px 0 0;color:#fff;font-size:30px;line-height:1.2}.xl7-live__header b{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:30px;background:rgba(237,36,43,.12);color:#ff454b;font-size:13px}.xl7-live__header i{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red)}.xl7-live__player{position:relative;overflow:hidden;padding-top:56.25%;border-radius:15px;background:#000}.xl7-live__player iframe{position:absolute;inset:0;border:0}.xl7-live__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.xl7-live__card{overflow:hidden;padding:0 0 12px;border:1px solid #292929;border-radius:12px;background:#141414;color:#fff;text-align:right;cursor:pointer;transition:.2s}.xl7-live__card:hover,.xl7-live__card.is-active{border-color:var(--red);transform:translateY(-2px)}.xl7-live__image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#222}.xl7-live__image img{width:100%;height:100%;object-fit:cover}.xl7-live__image em{position:absolute;bottom:7px;right:7px;padding:5px 7px;border-radius:6px;background:rgba(0,0,0,.82);color:#fff;font-size:11px;font-style:normal}.xl7-live__card strong,.xl7-live__card small{display:block;padding:0 11px}.xl7-live__card strong{margin-top:10px;color:var(--gold);font-size:14px}.xl7-live__card small{overflow:hidden;margin-top:5px;color:#aaa;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.xl7-live__note{margin:14px 0 0;color:#777;font-size:11px;text-align:center}.xl7-live-message{max-width:900px;margin:25px auto;padding:22px;border:1px solid #303030;border-radius:14px;background:#111;color:#aaa;text-align:center}@media(max-width:760px){.xl7-live{padding:16px;border-radius:16px}.xl7-live__header h2{font-size:23px}.xl7-live__grid{grid-template-columns:repeat(2,1fr)}.xl7-live__card:nth-child(n+5){display:none}}@media(max-width:460px){.xl7-live__grid{grid-template-columns:1fr 1fr;gap:8px}.xl7-live__card small{display:none}}


.xl7-live__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0;background:#000;color:#fff;cursor:pointer}
.xl7-live__play img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}
.xl7-live__play span{position:relative;z-index:1;padding:13px 22px;border-radius:999px;background:#ed242b;color:#fff;font-size:18px;font-weight:700;box-shadow:0 6px 24px rgba(0,0,0,.5)}
.xl7-live__play:hover span,.xl7-live__play:focus-visible span{background:#c5151b}
.xl7-live__play:focus-visible{outline:3px solid #ffca28;outline-offset:-3px}