:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0c0e11;color:#eeeae3;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -40%,#48331b35,transparent 65%)}header,main{width:min(1440px,calc(100% - 64px));margin:auto}header{height:104px;display:flex;align-items:center;justify-content:space-between}.identity{display:flex;gap:13px;align-items:center}.identity svg{width:34px;height:38px;fill:none;stroke:#eeb459;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1{font-size:21px;font-weight:650;letter-spacing:-.6px;margin:0 0 4px}p{margin:0;color:#8d9198;font-size:12px;letter-spacing:.15px}p span{padding:0 5px;color:#655343}.connection{display:flex;gap:9px;align-items:center;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#989ea7}.dot{height:6px;width:6px;border-radius:50%;background:#8a7c62}.connection.live{color:#bebfb9}.live .dot{background:#eeb459;box-shadow:0 0 12px #eeb45960}.connection.stale{color:#d7aa72}.stale .dot{background:#b97c44}.screen{position:relative;display:grid;place-items:center;min-height:240px;overflow:hidden;background:#07090d;border:1px solid #2b2d32;border-radius:8px;box-shadow:0 16px 80px #0005}.screen img{display:block;width:100%;height:auto;max-height:calc(100vh - 156px);object-fit:contain;image-rendering:pixelated}.screen img[hidden]{display:none}.placeholder{padding:130px 24px;color:#777d86;font-size:13px}.placeholder span{color:#eeb459}button{position:absolute;right:12px;bottom:12px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff20;border-radius:6px;background:#11151ccf;color:#abb2be;cursor:pointer;opacity:0;transition:opacity .15s,color .15s}.screen:hover button,button:focus-visible{opacity:1}button:hover{color:#fff}button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}footer{padding:17px 1px 24px;display:flex;justify-content:space-between;gap:12px;color:#676e78;font-size:11px;letter-spacing:.1px}.screen:fullscreen{width:100vw;height:100vh;border:0;border-radius:0;background:#07090d}.screen:fullscreen img{width:100%;height:100%;max-height:100vh}body.stale #display{opacity:.65}@media(max-width:700px){header,main{width:calc(100% - 24px)}header{height:84px}.identity svg{width:28px;height:32px}h1{font-size:19px}.screen img{max-height:calc(100vh - 140px)}.screen button{opacity:.7}footer{font-size:10px}}
