body,html{height:100%;padding:0;margin:0;background:#000;font-family:IBM Plex Mono,monospace;overflow:hidden;cursor:none}*{user-select:none}#main{position:fixed;width:100vw;height:100vw;top:50%;left:50%;transform:translate3d(-50%,-50%,0);display:none}#main.active{display:block}canvas{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:-o-crisp-edges;image-rendering:pixelated}#rule{position:absolute;color:#fff;z-index:100;pointer-events:none;top:0;left:0;width:80px;text-align:center;margin-left:-50px;padding-top:1px;padding-bottom:2px;background:#f0f;font-size:8px;border-radius:8px;opacity:0;transition:opacity .45s}#rule.active{opacity:1;transition:opacity .15s}#font{position:absolute;top:50vh;left:50vw;width:50vw;height:50vw;transform:translate3d(-50%,-50%,0);display:none}#font.active{display:block}@media (orientation:portrait){#main{width:100vh;height:100vh}#font{width:50vh;height:50vh}}::-webkit-scrollbar{display:none}