body{margin:0;padding:0;overflow:hidden;background-color:#000;display:flex;justify-content:center;align-items:center;height:100vh;font-family:Mochiy Pop One,sans-serif}#app{width:100%;height:100%}canvas{display:block}#orientation-lock{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;color:#fff;z-index:9999;flex-direction:column;justify-content:center;align-items:center;text-align:center}#orientation-lock h1{font-size:4rem;margin-bottom:20px}#orientation-lock p{font-size:1.5rem;margin:10px 0}@media screen and (orientation:portrait)and (max-width:900px){#orientation-lock{display:flex}#app{display:none}}