.live-page{background:#080c0f;color:#fff}.live-head{padding:48px 6vw 30px;display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #283037}.live-head h1{font:700 45px "Space Grotesk";margin:12px 0}.live-head p{color:#78858d}.on-air{font-size:10px;letter-spacing:.14em;color:#f1bf3b}.on-air i{display:inline-block;width:8px;height:8px;background:#e9303c;border-radius:50%;box-shadow:0 0 0 6px rgba(233,48,60,.14);margin-right:10px}.view-switch{display:flex;background:#11191f;padding:5px;border-radius:8px}.view-switch button{border:0;background:transparent;color:#8d9aa3;padding:10px 14px;border-radius:5px;cursor:pointer}.view-switch button.active{background:#e9303c;color:#fff}.area-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:20px 6vw}.live-area{background:#10181e;border:1px solid #27323a;border-radius:9px;padding:16px}.live-area b{display:block}.live-area small{color:#78868e}.live-layout{display:grid;grid-template-columns:1fr 310px;gap:22px;padding:25px 6vw 70px}.live-title{display:flex;justify-content:space-between;align-items:center}.live-title h2{font:600 24px "Space Grotesk"}.live-title span{color:#77848d;font-size:10px}.public-list{display:grid;gap:10px}.live-row{display:grid;grid-template-columns:100px 1fr 100px;align-items:center;background:#10181e;border:1px solid #27323a;border-left:4px solid #3b4750;border-radius:8px;padding:17px}.live-row.hot{border-left-color:#e9303c}.live-row.called{border-left-color:#f1bf3b}.when{text-align:center}.when b{display:block;color:#f1bf3b}.when small{color:#78858d}.live-fighters{display:grid;grid-template-columns:1fr auto 1fr;text-align:center;gap:15px}.live-fighters b{display:block}.live-fighters small{color:#829099}.live-fighters span{color:#e9303c}.personal-card{background:#f5f3ec;color:#11171b;padding:25px;align-self:start;border-top:4px solid #f1bf3b;position:sticky;top:100px}.personal-card>span{font-size:9px;color:#c52b35;letter-spacing:.12em}.personal-card h3{font:600 25px "Space Grotesk"}.personal-card p{color:#67737a;line-height:1.6}.legend{border-top:1px solid #d6dbdd;margin:25px 0;padding-top:15px}.legend p{margin:8px 0}.legend i{display:inline-block;width:8px;height:8px;background:#6f7d85;border-radius:50%;margin-right:8px}.legend .red{background:#e9303c}.legend .yellow-dot{background:#f1bf3b}.personal-card a{display:block;background:#11171b;color:#fff;text-decoration:none;text-align:center;padding:12px;border-radius:6px;font-weight:700;font-size:12px}@media(max-width:800px){.live-head,.live-layout{display:block}.view-switch{margin-top:20px;overflow:auto}.area-strip{grid-template-columns:1fr 1fr}.live-layout aside{margin-top:20px}.live-row{grid-template-columns:70px 1fr}.live-row>.when:last-child{display:none}}
.live-area{color:#fff;text-align:left;cursor:pointer}.live-area.selected{border-color:#f1bf3b!important;box-shadow:0 0 0 2px rgba(241,191,59,.15)}.load-more{display:block;margin:18px auto;background:#e9303c;color:#fff;border:0;border-radius:6px;padding:12px 20px;font-weight:700;cursor:pointer}.load-more[hidden]{display:none}