:root{color-scheme:dark;--bg:#091011;--panel:#101b1c;--line:#29403e;--mint:#aceb77;--cyan:#5bcced;--muted:#8e9d9d;--white:#ecf1f0;--amber:#f4c739;--danger:#ec463e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#18302e 0,#091011 47%);color:var(--white)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(150,255,220,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(150,255,220,.055) 1px,transparent 1px);background-size:32px 32px}
header,main{width:min(1500px,calc(100% - 40px));margin:auto;position:relative}header{height:128px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.eyebrow{color:var(--mint);font:700 11px/1.2 ui-monospace,monospace;letter-spacing:.22em;margin:0 0 10px}h1{font-size:clamp(26px,4vw,44px);letter-spacing:-.035em;margin:0}.subtitle{color:var(--muted);margin:7px 0 0;font:500 13px ui-monospace,monospace}
.state{display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid var(--line);background:#0c1617;font:700 11px ui-monospace,monospace;letter-spacing:.11em}.state span{width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 14px var(--amber)}.state.live span{background:var(--mint);box-shadow:0 0 14px var(--mint)}.state.error span{background:var(--danger);box-shadow:0 0 14px var(--danger)}
main{padding:30px 0 45px}.stage{position:relative;aspect-ratio:16/9;background:#05090a;border:1px solid #35504e;box-shadow:0 28px 80px #0009;overflow:hidden}.stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 50%,rgba(0,0,0,.06) 50%);background-size:100% 4px;opacity:.4}video{display:block;width:100%;height:100%;object-fit:contain;background:#05090a}.placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);font:700 13px ui-monospace,monospace;letter-spacing:.12em;background:#081010}.placeholder small{font-weight:400;letter-spacing:.04em}.scope{width:74px;height:74px;border:1px solid #42615e;border-radius:50%;position:relative;animation:pulse 1.7s infinite}.scope:before,.scope:after{content:"";position:absolute;background:#42615e}.scope:before{left:50%;top:-14px;width:1px;height:102px}.scope:after{top:50%;left:-14px;height:1px;width:102px}@keyframes pulse{50%{transform:scale(.9);opacity:.5}}
.corner{position:absolute;width:28px;height:28px;border-color:var(--mint);opacity:.65;z-index:4}.top-left{left:12px;top:12px;border-left:2px solid;border-top:2px solid}.top-right{right:12px;top:12px;border-right:2px solid;border-top:2px solid}.bottom-left{left:12px;bottom:12px;border-left:2px solid;border-bottom:2px solid}.bottom-right{right:12px;bottom:12px;border-right:2px solid;border-bottom:2px solid}
.readout{display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px;border:1px solid var(--line);background:var(--panel)}.readout div{padding:17px 20px;border-right:1px solid var(--line)}.readout div:last-child{border:0}.readout span,.readout strong{display:block}.readout span{font:700 10px ui-monospace,monospace;letter-spacing:.14em;color:var(--muted);margin-bottom:7px}.readout strong{font:700 13px ui-monospace,monospace;color:var(--mint)}.notice{font-size:11px;color:var(--muted);margin:17px 2px 0;max-width:900px}
@media(max-width:760px){header{height:auto;padding:25px 0;gap:20px;align-items:flex-end}.subtitle{display:none}.readout{grid-template-columns:1fr 1fr}.readout div:nth-child(2){border-right:0}.readout div:nth-child(-n+2){border-bottom:1px solid var(--line)}.state{padding:9px}.stage{margin-left:-20px;width:calc(100% + 40px);border-left:0;border-right:0}}