body{margin:0;padding:0;width:100vw;height:100vh;background-color:#000}#root{width:100%;height:100%}.tile{background-color:#222}.container{display:flex;flex-wrap:wrap;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0 auto;width:100%;max-width:1600px}.container video{object-fit:cover}.modal{position:absolute;bottom:16px;left:16px;background-color:#000c;padding:30px;width:50%;color:#fff;font-family:monospace}.modal h2{font-size:14px}.modal p{font-size:12px}.modal .exit{position:absolute;top:8px;right:16px;cursor:pointer;font-size:24px;font-weight:700;display:block}.controls-container{z-index:999;position:absolute;background-color:#000c;color:#fff;padding:24px;font-family:monospace}.controls-container ul{margin-bottom:0}.controls-container button{background-color:#000;border:1px solid white;border-radius:8px;outline:none;color:#fff;padding:4px;display:inline-block;width:24px;cursor:pointer}