.live-specimen-wrap{position:relative;height:175px;overflow:hidden;margin:-15px -20px 10px}.live-specimen-wrap .hero-stars{display:none}#live-specimen{position:absolute;inset:-165px -10px -20px;filter:sepia(1) saturate(3.3);touch-action:pan-y;cursor:grab}#live-specimen canvas{display:block;width:100%;height:100%}body[data-feed="/api/flap"] #trace{height:95px}body[data-feed="/api/flap"] #circuit{height:105px;margin:5px 0}body[data-feed="/api/flap"] #retina{height:60px}body[data-feed="/api/flap"] .feed-note{line-height:1.7;color:#b7bdc6}body[data-feed="/api/flap"] #feed-note{color:#f0b90b;max-width:900px}body[data-feed="/api/flap"] #live{scroll-margin-top:10px}body[data-feed="/api/flap"] .section-intro{margin-bottom:22px}body[data-feed="/api/flap"] .live-section{padding-top:35px}
@media(max-width:680px){.live-specimen-wrap{grid-column:1/-1;margin:0;height:200px}body[data-feed="/api/flap"] aside>.label:first-of-type{grid-column:1/-1}body[data-feed="/api/flap"] #circuit{grid-row:auto}}

.rehearsal-recording{border:1px solid #2b3139;padding:18px;margin-top:20px}.rehearsal-recording summary{cursor:pointer;color:#f0b90b;font-size:13px}.rehearsal-recording p{font-size:12px;color:#929ba8}.rehearsal-recording video{display:block;width:100%;max-height:85vh;background:#0b0e11}
#focus-live{color:#f0b90b;font-size:10px;margin-right:15px;border:1px solid #635219;padding:6px 10px}
@media(min-width:900px) and (max-height:950px){body.observation-focus .live-specimen-wrap{height:140px!important}body.observation-focus #live-specimen{inset:-165px -10px -15px!important}body.observation-focus #trace{height:65px!important}body.observation-focus .vision,body.observation-focus .label:has(+.vision){display:none!important}body.observation-focus .big-value strong{font-size:28px!important}}
@media(min-width:900px){body.observation-focus{overflow:hidden}body.observation-focus main{max-width:none}body.observation-focus main> :not(#live){display:none}body.observation-focus #live{max-width:min(1800px,calc((100vh - 350px)*1.5714 + 422px));height:100vh;padding:18px 0 0;margin:auto;scroll-margin:0}body.observation-focus .section-intro{margin:0 0 14px;align-items:center}body.observation-focus .section-intro .eyebrow{margin:0 0 6px;font-size:10px}body.observation-focus .section-intro h2{font-size:38px;line-height:1.1}body.observation-focus .section-intro p{font-size:11px;line-height:1.5;max-width:380px}body.observation-focus .console-head{padding:7px 16px;min-height:35px}body.observation-focus .console-main{grid-template-columns:minmax(0,1fr) 420px}body.observation-focus .addressbar{height:32px;font-size:10px}body.observation-focus .screen-footer{padding:6px 14px;min-height:28px;font-size:10px}body.observation-focus aside{padding:18px 25px}body.observation-focus .live-specimen-wrap{height:220px;margin:-15px -20px 8px}body.observation-focus #live-specimen{inset:-125px -10px -15px}body.observation-focus .big-value{margin:5px 0 10px}body.observation-focus .big-value strong{font-size:36px}body.observation-focus .small-stats{margin-bottom:5px}body.observation-focus #trace{height:90px;margin:10px 0}body.observation-focus #circuit{height:80px;margin:4px 0}body.observation-focus .vision{margin:7px 0;gap:15px}body.observation-focus #retina{height:45px}body.observation-focus .label{font-size:9px}body.observation-focus .motors{margin-top:8px}body.observation-focus .event-strip{padding:12px 18px}body.observation-focus .event-strip strong{font-size:21px}body.observation-focus .event-strip span{font-size:8px}body.observation-focus .feed-note{margin:10px 0;font-size:10px}body.observation-focus .rehearsal-recording{display:none}}