/* A physically segmented concave display with actual front, back and edge faces. */
.monitor-position{width:430px;height:254px;top:49%;perspective:1200px}.monitor-float{position:absolute;inset:0;transform-style:preserve-3d;animation:monitor-breathe 5.6s ease-in-out infinite}.monitor-tilt{transform-style:preserve-3d}.monitor-frame{opacity:0;pointer-events:none;box-shadow:none!important}.monitor-aura{inset:-35px -30px;background:radial-gradient(ellipse,#45a87d26,transparent 68%);opacity:.4;filter:blur(18px)}.curved-display{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.curve-slat{position:absolute;left:50%;top:0;height:100%;transform-style:preserve-3d}.slat-front,.slat-back{position:absolute;inset:0;backface-visibility:hidden;transform-style:flat}.slat-front{transform:translateZ(8px);background:#12291f}.screen-strip{position:absolute;inset:0;overflow:hidden}.screen-sheet{position:absolute;top:0;background:linear-gradient(110deg,#294637,#071c14 40%,#1c382a);border-top:3px solid #385b46;border-bottom:4px solid #143326;height:100%;box-shadow:inset 0 1px 0 #71927b}.screen-sheet:after{content:"GreenOrRed";position:absolute;bottom:0;left:50%;transform:translateX(-50%);font:4px Arial;letter-spacing:1px;color:#819e85}.screen-sheet .monitor-screen{opacity:1;inset:7px 7px 8px;border-radius:1px;background:radial-gradient(ellipse at 60% 0%,#125e44,#032c20 80%);padding:18px}.screen-sheet .monitor-screen:before{top:-42px;left:-40px;width:500px;height:145px;transform:rotate(-17deg);background:linear-gradient(155deg,#d9ffea1b,transparent 76%)}.slat-back{transform:rotateY(180deg) translateZ(8px);background:linear-gradient(90deg,#0c1e16,#294034 55%,#14281e)}.slat-edge{position:absolute;background:linear-gradient(90deg,#122b1c,#54715c 48%,#203b29);backface-visibility:visible}.slat-edge.top,.slat-edge.bottom{left:0;height:16px;width:100%;transform:rotateX(90deg)}.slat-edge.top{top:-8px}.slat-edge.bottom{bottom:-8px}.slat-edge.left,.slat-edge.right{top:0;width:16px;height:100%;transform:rotateY(90deg);background:linear-gradient(90deg,#0b2016,#4b6d55 45%,#132d1e)}.slat-edge.left{left:-8px}.slat-edge.right{right:-8px}.curve-slat:first-child .screen-strip{border-radius:10px 0 0 10px}.curve-slat:last-child .screen-strip{border-radius:0 10px 10px 0}.screen-sheet .screen-head{margin-bottom:12px;font-size:17px}.screen-sheet .screen-body{height:162px;grid-template-columns:88px 1fr}.optical-link{height:100%}.orbit-status{opacity:.55}.hero-view .scene:before{inset:20% 8% 10%;background:radial-gradient(ellipse at 50% 47%,#dce8d529,transparent 64%)}
.motion-off .monitor-float{animation:none!important}.motion-off .monitor-tilt{transition:none}.detail-open .monitor-float{animation-play-state:paused}
@keyframes monitor-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(min-width:720px) and (max-width:1000px){.monitor-position{width:430px;height:254px;top:49%}}
@media(max-width:719px){.monitor-position{width:320px;height:200px;top:45%;left:49%}.monitor-position .monitor-tilt{scale:.92}.monitor-aura{inset:0}.screen-sheet .monitor-screen{padding:12px;inset:6px 6px 7px}.screen-sheet .screen-head{height:18px;font-size:13px;margin-bottom:8px}.screen-sheet .screen-body{height:136px;grid-template-columns:75px 1fr;gap:8px}.screen-sheet .screen-nav span{font-size:9px;padding:8px 5px}.screen-sheet .screen-state{font-size:6px}.screen-sheet .screen-video{height:88px}.screen-sheet .screen-lines{font-size:9px;line-height:1.8}.optical-link{height:calc(100% + 50px)}}
@media(prefers-reduced-motion:reduce){.monitor-float{animation:none!important}}