:root{color-scheme:dark;font-family:Arial,"Malgun Gothic",sans-serif;color:#eee;background:#202020}*{box-sizing:border-box}body{margin:0}.broadcast{width:100%;min-width:0}.screen{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;border-radius:8px}.screen video{width:100%;height:100%;display:block;object-fit:contain}.video-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78%;max-width:674px;height:85%;object-fit:contain;pointer-events:none;z-index:3}.placeholder{position:absolute;inset:0;display:flex;gap:12px;align-items:center;justify-content:center;flex-direction:column;background:#000;pointer-events:none}.placeholder strong{font-size:clamp(20px,4vw,32px);color:#ffab25}.placeholder span{color:#bbb;font-size:14px}.playing{min-height:45px;padding:12px 14px;font-size:15px;line-height:1.5;border-bottom:1px solid #383838;overflow-wrap:anywhere}.filters{display:flex;gap:8px;padding:12px 0;align-items:center}.tabs{display:flex;gap:6px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:thin}.filters button{white-space:nowrap;border:1px solid #454545;border-radius:6px;background:#292929;color:#ddd;padding:8px 12px;font-size:14px;cursor:pointer}.filters button.active{background:linear-gradient(110deg,#ffc33c,#ff891b);color:#161616;border-color:#ffa72a;font-weight:bold}.list-heading{margin:4px 0 8px;font-size:16px;padding:8px 12px;border-left:3px solid #ff9a20;background:#292929}.list-heading span{color:#ffb331;font-size:14px}.upcoming{margin-top:20px}.matches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.match{width:100%;min-width:0;text-align:left;display:flex;align-items:center;gap:10px;background:#272727;border:1px solid #373737;border-radius:6px;color:#eee;padding:12px;cursor:pointer;font:inherit}.match:hover,.match.selected{border-color:#fba02c;background:#332b20}.match:disabled{cursor:default}.match-info{flex:1;min-width:0}.match-title{display:block;font-size:15px;line-height:1.5;overflow-wrap:anywhere}.match-meta{display:block;font-size:12px;color:#aaa;margin-bottom:4px;line-height:1.5}.live-badge{flex:none;font-size:11px;font-weight:bold;color:#ffb02c}.empty{padding:20px;color:#aaa;text-align:center;grid-column:1/-1;font-size:14px}@media(max-width:600px){.matches{grid-template-columns:1fr}.match{padding:11px 12px}.filters button{padding:8px 10px;font-size:13px}.playing{font-size:14px}.video-logo{width:78%;height:85%}.match-title{font-size:14px}}
.screen.is-playing .video-logo{display:none}.placeholder strong,.placeholder span{visibility:hidden}