.live-state{min-height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;text-align:center;color:#c8c0ca}
.live-state .btn{min-height:44px}
.live-banner-title{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:16px}
.live-banner .live-banner-title h1{margin:0}
.live-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 8px}
.live-filter{display:flex;flex-direction:column;gap:7px;min-width:0;color:#a9a1ae;font-size:12px}
.live-filter select{width:100%;min-width:0;min-height:44px;padding:9px 34px 9px 12px;border:1px solid #ffffff18;border-radius:9px;background:#211e27;color:#f7f4f8;font-size:14px;cursor:pointer}
.live-filter select:focus-visible{outline:2px solid #ff91a0;outline-offset:2px}
.live-hot{position:absolute;top:12px;right:12px;z-index:2;padding:5px 9px;border-radius:5px;background:#e6c49b;color:#2e211b;font-size:11px;font-weight:800;letter-spacing:.5px}
.live-card{cursor:pointer}
.live-card:focus-visible{outline:2px solid #ff91a0;outline-offset:4px}
.live-more{display:flex;justify-content:center;align-items:center;min-height:76px;color:#9b94a1;font-size:13px}
.live-empty{padding:42px 18px;border:1px solid #ffffff12;border-radius:12px;background:#1b1920;color:#bdb5c2;text-align:center}
.live-screen{position:relative;aspect-ratio:16/9;min-height:260px;background:#09090d;overflow:hidden}
.live-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:760px){.live-filters{gap:8px;margin-top:18px}.live-filter select{padding:9px 18px 9px 8px;font-size:12px}.live-room{grid-template-columns:minmax(0,1fr)}.live-room>*{min-width:0}.live-screen{width:100%;aspect-ratio:auto;min-height:220px}}