.monitor{padding:110px var(--pad) 80px}
.crumb a{text-decoration:none}.crumb a:hover{color:var(--bone)}
.m-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:26px 0 34px}
.m-head h1{font-size:clamp(56px,9vw,150px);margin:12px 0 20px}
.m-lede{max-width:34em;color:#cfc8b9}
.m-status{border:1px solid var(--line);padding:18px 20px;min-width:230px;background:rgba(9,8,7,.6)}
.m-status .mono{display:flex;align-items:center;gap:8px}
.m-status i{width:8px;height:8px;border-radius:50%;background:var(--signal);animation:blink 1.6s steps(2) infinite}
.m-status strong{display:block;font:900 96px/.9 var(--display);margin-top:10px}
.m-notice{border-left:2px solid var(--signal);padding:4px 0 4px 16px;max-width:60em;color:#cfc8b9;font-size:15.5px}
.m-notice strong{color:var(--bone)}
.cams{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px);margin-top:40px}
.cam{border:1px solid var(--line);background:rgba(9,8,7,.82)}
.cam-head,.cam-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font:500 12px var(--mono);letter-spacing:.07em;text-transform:uppercase}
.cam-head b{color:var(--bone);margin-right:12px}.cam-head span{color:var(--soft)}
.cam-head em{font-style:normal;color:var(--soft);display:flex;align-items:center;gap:7px}
.cam-head em::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--signal)}
.cam-feed{position:relative;aspect-ratio:16/10;background:#000;overflow:hidden}
.cam-feed video,.cam-feed img{width:100%;height:100%;object-fit:contain}
.cam-feed .over{position:absolute;left:10px;bottom:10px;font:500 10.5px var(--mono);letter-spacing:.07em;background:rgba(9,8,7,.82);padding:4px 7px;pointer-events:none}
.cam-event{display:flex;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cam-event i{width:10px;height:10px;border-radius:50%;background:var(--signal);flex:none}
.cam-event.safe i{background:#5fbf7a}.cam-event.mixed i{background:#e0a030}
.cam-event strong{display:block;font:500 13px var(--mono);letter-spacing:.06em}
.cam-event small{color:var(--soft);font-size:14px}
.cam-foot{color:var(--soft)}
.cam-foot button{border:1px solid var(--line);padding:7px 10px;text-transform:uppercase;letter-spacing:.07em;font:500 11px var(--mono);transition:background .2s,color .2s}
.cam-foot button:hover{background:var(--bone);color:var(--bg)}
.queue{margin-top:clamp(60px,8vw,110px)}
.queue-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}
.queue h2{font-size:clamp(40px,5vw,80px);margin-top:8px}
.q-row{display:grid;grid-template-columns:14px 80px 1fr auto;gap:16px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}
.q-row i{width:9px;height:9px;border-radius:50%;background:var(--signal)}.q-row i.safe{background:#5fbf7a}.q-row i.mixed{background:#e0a030}
.q-row strong{font:500 13px var(--mono)}.q-row small{font:500 11px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--soft)}
.queue-note{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);color:var(--soft);font-size:15px}
@media (max-width:900px){.cams{grid-template-columns:1fr}.m-head{flex-direction:column;align-items:flex-start}.q-row{grid-template-columns:14px 64px 1fr}.q-row small{display:none}}