html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#05000a}
html.transparent,body.transparent{background:transparent}
#c,#media{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
#media{display:grid;place-items:center}
#media img,#media video{max-width:100%;max-height:100%;object-fit:contain}
#fx{position:absolute;inset:0;width:100%;height:100%;display:block}
#mediaLayer{position:absolute;inset:0;pointer-events:none;display:grid;place-items:center}
#mediaLayer img,#mediaLayer video{width:100%;height:100%;object-fit:cover}
body.transparent #mediaLayer img,body.transparent #mediaLayer video{object-fit:contain}
#camera{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3}
#cameraHint{position:absolute;left:20px;bottom:20px;z-index:5;background:rgba(0,0,0,.65);color:#fff;padding:10px 14px;border-radius:12px;font:700 14px Arial}