.observation-section{padding-top:90px;padding-bottom:90px}.observation-section .section-intro p{max-width:380px;color:#abb79b;line-height:1.7}.observation-window{border:1px solid #414b30;background:#10170d;box-shadow:8px 8px 0 #1c2514}.observation-bar,.observation-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;font:12px 'IBM Plex Mono',monospace;color:#b1bca2}.observation-bar{border-bottom:1px solid #414b30}.observation-bar strong{color:#c5ff41}.observation-bar strong:before{content:'●';margin-right:10px}.observation-footer{border-top:1px solid #414b30;flex-wrap:wrap}.observation-footer b{color:#c5ff41}.observation-canvas{height:620px;position:relative;isolation:isolate;touch-action:pan-y}.observation-canvas>p{position:absolute;inset:45% 0;text-align:center;color:#c5ff41}.observation-note{font:12px 'IBM Plex Mono',monospace;color:#94a282;margin-top:18px}.crt-3d{width:175px;height:127px;padding:12px;background:#0b1808;color:#c5ff41;display:flex;flex-direction:column;gap:6px;font:12px monospace}.crt-3d strong{font-size:25px}.crt-3d i{font-size:10px}.room-fallback{height:100%;position:relative;overflow:hidden}.room-fallback>img:first-child{width:100%;height:100%;object-fit:contain}.fallback-buzz{position:absolute;width:65px;animation:room-buzz 14s linear infinite}.room-fallback p{position:absolute;bottom:0;padding:14px;background:#10170d}@keyframes room-buzz{0%,100%{left:15%;top:45%}25%{left:65%;top:25%}50%{left:75%;top:65%}75%{left:30%;top:60%}}@media(max-width:700px){.observation-section{padding-top:60px;padding-bottom:60px}.observation-canvas{height:430px}.observation-bar,.observation-footer{padding:14px;font-size:10px;gap:10px}.observation-section .section-intro{display:block}.observation-section .section-intro p{margin-top:18px}.observation-window{box-shadow:4px 4px 0 #1c2514}}
@media(max-width:440px){.site-header nav{font-size:10px;gap:6px;min-width:0}.site-header .nav-lab{padding-inline:6px}.site-header{grid-template-columns:minmax(0,1fr) auto}}