*{box-sizing:border-box}html,body{background:#0b1115;width:100%;height:100%;margin:0;overflow:hidden}body{place-items:center;font-family:Arial,Microsoft YaHei,sans-serif;display:grid}#app{place-items:center;width:100%;height:100%;display:grid}canvas{touch-action:none;max-width:100%;max-height:100%;display:block}#rotate-tip{z-index:999;color:#fff;background:#0a1014db;border-radius:18px;padding:8px 14px;font-size:13px;display:none;position:fixed;inset:auto 50% 22px auto;transform:translate(50%)}@media (orientation:landscape) and (max-height:600px){#rotate-tip{display:block}}