body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{box-sizing:border-box;background-color:#000;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;min-height:100vh;padding:2px;display:grid}.screen{aspect-ratio:16/9;background-color:#050505;position:relative;overflow:hidden}.screen iframe{border:0;width:100%;height:100%;display:block}.screen>.controls{padding:12px;position:absolute;inset:0 auto auto 0}.screen>.controls:hover{background-color:#000000ad}button.control-button{color:#ffffff1f;background-color:#fff0;border-style:none;font-size:26px}button.control-button:hover{color:#fff;font-size:28px}@media (width<=1080px){.App{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.App{grid-template-columns:1fr}}