body{position:relative;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background:#111;color:#fff;font-family:Arial,Helvetica,sans-serif;margin:0}canvas{position:absolute;top:0;left:0;max-width:100%;max-height:100%}#canvas2D{z-index:1}#canvas3D{z-index:0;transition:opacity .5s ease-in-out}#canvas3D.fade-out{opacity:0}video{display:none}#container{position:absolute;bottom:1rem;left:1rem;border-radius:.5rem;padding:.25rem;z-index:2}.hidden{display:none}