.broadcast-preview{border-block:1px solid #b8d2dd;margin:0 0 22px;padding:14px 0 16px}.broadcast-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.broadcast-heading h2{font:650 18px/1.3 var(--font-sans,sans-serif);color:#163f4c;margin:0}.broadcast-heading p{color:#42616e;margin:4px 0 0;font-size:12px;line-height:1.4}.broadcast-open{color:#fff;background:#076984;border:1px solid #076984;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:11px 16px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.broadcast-open:hover{color:#fff;background:#04556c}.broadcast-meta{color:#42616e;flex-wrap:wrap;justify-content:space-between;gap:3px 8px;min-height:22px;font-size:12px;line-height:1.5;display:flex}.broadcast-boards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:460px;margin-inline:auto;display:grid}.broadcast-board{color:#183d4b;background:#fafdfe;border:1px solid #b6cdd7;border-radius:5px;min-width:0;text-decoration:none;display:block;overflow:hidden}.broadcast-board:focus-within{border-color:#076984}.broadcast-open:focus-visible{outline-offset:-3px;outline:3px solid #0a7fa1}.broadcast-player-name:focus-visible{outline-offset:-3px;outline:3px solid #0a7fa1}.broadcast-controls button:focus-visible{outline-offset:-3px;outline:3px solid #0a7fa1}.broadcast-player{align-items:center;gap:5px;min-width:0;padding:5px 6px;font-size:11px;line-height:16px;display:flex}.broadcast-player-name{text-overflow:ellipsis;white-space:nowrap;color:inherit;flex:1;text-decoration:none;overflow:hidden}.broadcast-player-name:hover{text-decoration:underline}.broadcast-player strong{font-variant-numeric:tabular-nums}.broadcast-clock{white-space:nowrap;background:#e5edf1;border-radius:2px;flex-shrink:0;padding:0 3px}.broadcast-side{border:1px solid #647881;border-radius:50%;flex:0 0 8px;height:8px;display:block}.broadcast-side.black{background:#263943}.broadcast-side.white{background:#fff}.broadcast-position{aspect-ratio:1;touch-action:pan-y;grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.broadcast-position:focus-visible{outline-offset:-3px;outline:3px solid #0a7fa1}.broadcast-square{aspect-ratio:1;justify-content:center;align-items:center;min-width:0;display:flex}.broadcast-square.light{background:#dce5e8}.broadcast-square.dark{background:#8ea5ae}.broadcast-square.light.last{background:#bdcf86}.broadcast-square.dark.last{background:#9db968}.broadcast-square img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.broadcast-controls{border-top:1px solid #d7e3e9;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.broadcast-controls button{color:#204b5d;cursor:pointer;background:#f7fbfd;border:0;border-right:1px solid #d7e3e9;border-radius:0;justify-content:center;align-items:center;min-width:0;height:40px;padding:0;display:flex}.broadcast-controls button:last-child{border-right:0}.broadcast-controls button:last-child:not(:disabled){color:#fff;background:#076984}.broadcast-controls button:last-child:hover:not(:disabled){background:#04556c}.broadcast-controls button:hover:not(:disabled){background:#dfedf3}.broadcast-controls button:disabled{color:#9caeb5;cursor:default}.broadcast-hint,.broadcast-empty p{text-align:center;color:#42616e;margin:10px 0 0;font-size:12px;line-height:1.5}.broadcast-loading{opacity:.35}.broadcast-placeholder{aspect-ratio:1;background:conic-gradient(#8ea5ae 25%,#dce5e8 0 50%,#8ea5ae 0 75%,#dce5e8 0) 0 0 / 25% 25%;border-radius:4px}@media (max-width:600px){.broadcast-heading{grid-template-columns:minmax(0,1fr);display:grid}.broadcast-open{width:100%}.broadcast-boards{gap:8px}.broadcast-player{gap:4px;padding:4px;font-size:10px}.broadcast-controls button{height:44px}}