/* Each object expresses a broadcast action: preview, take, camera input, clip selection. */
.cue-take{pointer-events:auto;text-align:left;cursor:pointer;transition:filter .2s,box-shadow .2s}.cue-take:hover{filter:drop-shadow(0 20px 22px #0008) brightness(1.1)}.cue-take:focus-visible{outline:3px solid var(--text);outline-offset:5px}
.cue-deck{position:relative;z-index:4;display:grid;grid-template-columns:.7fr 1fr 1fr 1fr .6fr;gap:0;margin:29px 4% 0;background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--cta-text);box-shadow:0 14px 35px -24px #0009;transform:rotate(-.6deg);isolation:isolate}
.cue-deck:after{content:"";position:absolute;left:17%;right:17%;top:-17px;height:16px;border-inline:1px solid var(--line);pointer-events:none}
.cue-label{align-self:center;padding:14px 20px;font-family:var(--font-mono);font-size:9px;color:var(--cta-text);line-height:1.5;white-space:nowrap}.cue-label i{width:5px;height:5px;display:inline-block;margin-right:6px}.cue-label small{font-size:6px;letter-spacing:.04em;color:var(--muted2)}
.cue-deck button{position:relative;border:0;border-left:1px solid var(--line);background:transparent;text-align:left;padding:15px 20px;color:var(--text);cursor:pointer;transition:background .2s}.cue-deck button>span{font-family:var(--font-mono);font-size:7px;letter-spacing:.04em;color:var(--muted2)}.cue-deck button>strong{display:block;font-family:'Saira Condensed',sans-serif;font-weight:600;font-size:24px;line-height:1.1;margin-top:5px}.cue-deck button>i{position:absolute;right:13px;bottom:16px;font-style:normal;color:var(--cta-text);font-size:17px}.cue-deck button:hover{background:color-mix(in srgb,var(--cta-text) 9%,var(--surface))}.cue-route{align-self:center;text-align:center;font-size:24px;color:var(--cta-text)}.cue-route>b{font-family:var(--font-mono);font-size:6px;display:block;letter-spacing:.05em;color:var(--muted2)}
[data-frame=monitor] .cue-deck{margin-top:-32px}
.camera-name>strong{font-size:clamp(28px,3vw,45px)}.camera-name>small{display:block;font-family:var(--font-mono);font-size:8px;letter-spacing:.04em;color:#b3c8cb;margin-top:10px}.camera-name{bottom:29px}
.replay-title>strong{font-size:clamp(37px,4.7vw,70px);letter-spacing:-.01em}.replay-stage .replay-title{top:30%}.clip-result{display:block;font-family:var(--font-mono);font-size:8px;letter-spacing:.04em;color:#ffcf9f;margin-top:13px}.replay-button{bottom:89px}.clip-timeline{position:absolute;bottom:18px;left:26px;right:26px;display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:7px;color:#c7d5d5}.clip-frames{position:relative;display:grid;grid-template-columns:repeat(3,1fr);flex:1;height:39px;border:1px solid var(--cta);padding:2px;background:#121c22;gap:2px}.clip-frames:before,.clip-frames:after{content:"";position:absolute;top:-3px;bottom:-3px;width:3px;background:var(--cta)}.clip-frames:before{left:-2px}.clip-frames:after{right:-2px}.clip-frames img{width:100%;height:33px;object-fit:cover;filter:brightness(.7)}.clip-frames>i{position:absolute;inset:-5px auto -5px 5%;width:2px;background:#e8f1ed}.replay-stage.is-playing .clip-frames>i{animation:clip-playhead 2.4s linear forwards}@keyframes clip-playhead{to{left:95%}}
.brand-stage[data-skin=signature] .brand-lower-third{border-left-width:0;border-top:2px solid var(--skin);clip-path:none}.brand-stage[data-skin=signature] .brand-round{letter-spacing:.16em}.brand-stage[data-skin=signature] .sponsor-strip{background:#252024;color:var(--skin);border-top:1px solid #f4c56c55}.brand-stage[data-skin=atlas] .brand-lower-third{border-left-width:0;border-radius:8px;clip-path:none;box-shadow:0 14px 45px #0004}.brand-stage[data-skin=atlas] .brand-round{background:var(--skin);color:#112323;padding-block:9px}.brand-stage[data-skin=atlas] .brand-round b{color:#112323}.brand-stage[data-skin=atlas] .brand-lower-third>strong{padding-top:10px}.brand-stage[data-skin=atlas] .sponsor-strip{border-radius:0 0 8px 8px}
@media(max-width:1050px){.cue-deck{margin-inline:0;grid-template-columns:.7fr 1fr 1fr 1fr}.cue-route{display:none}.cue-label{padding-inline:12px}.cue-deck button{padding:13px}.cue-deck button>strong{font-size:22px}.cue-deck button>i{display:none}.camera-name>small{font-size:7px}.replay-button{bottom:72px}.clip-timeline{left:20px;right:20px;bottom:15px;gap:8px}}
@media(max-width:760px){.cue-deck{grid-template-columns:repeat(3,1fr);margin:20px -4px 0;transform:none}.cue-label{grid-column:1/-1;padding:8px 11px;border-bottom:1px solid var(--line);font-size:7px}.cue-label br{display:none}.cue-label small{margin-left:8px;font-size:6px}.cue-deck button{padding:10px 9px 13px}.cue-deck button>span{font-size:5px}.cue-deck button>strong{font-size:18px}.cue-deck button:nth-of-type(1){border-left:0}.cue-deck:after{height:11px;top:-12px}.cue-take{min-height:70px}.camera-name{left:18px;bottom:20px}.camera-name>span{font-size:7px}.camera-name>strong{font-size:30px}.camera-name>small{font-size:6px;margin-top:8px}.camera-signal{right:17px;bottom:21px;font-size:9px;letter-spacing:2px}.replay-stage .replay-title{top:31%;left:19px}.replay-title>strong{font-size:43px}.replay-title>span{font-size:7px;margin-bottom:9px}.clip-result{font-size:6px;margin-top:7px}.replay-button{bottom:65px;left:19px;padding:6px 10px;font-size:9px}.replay-button>span{font-size:17px}.clip-timeline{left:19px;right:19px;bottom:14px;font-size:5px;gap:7px}.clip-frames{height:27px}.clip-frames img{height:21px}.moments-grid>article:nth-child(2)>.replay-stage{aspect-ratio:1.12}[data-frame=monitor] .cue-deck{margin-top:-12px}}