html,body{height:100%;overflow:hidden}@font-face{font-family:Mistermeo;src:url(../Mistermeo.ttf) format("truetype");font-weight:400;font-style:normal}body{overscroll-behavior:none;touch-action:none}html{font-size:1vw}.Title{position:fixed;bottom:20px;right:20px;font-size:clamp(4rem,7vw,10rem);font-family:Mistermeo;color:#fff;text-shadow:-2px -2px 0 black,2px -2px 0 black,-2px 2px 0 black,2px 2px 0 black,0 -2px 0 black,0 2px 0 black;z-index:1000;pointer-events:auto;white-space:nowrap;display:flex;align-items:center;gap:10px;text-decoration:none}.Title svg{width:.7em;height:.7em;padding-bottom:.1em;padding-left:.1em;fill:currentColor;filter:drop-shadow(-1px -1px 0 black) drop-shadow(1px -1px 0 black) drop-shadow(-1px 1px 0 black) drop-shadow(1px 1px 0 black)}@media (max-aspect-ratio: 1/1){.Title{right:50%;bottom:auto;top:20px;transform:translate(50%);font-size:18vw;white-space:nowrap}}body{padding:0;margin:0;-webkit-user-select:none;user-select:none}.grid{position:fixed;top:0;left:0;width:150%;height:150%;display:grid;grid-template-columns:repeat(5,1fr)}.grid>div{position:relative}canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}figure{position:absolute;top:.05rem;right:.05rem;bottom:.05rem;left:.05rem;padding:0;margin:0}@media (max-aspect-ratio: 1/1){figure{top:.5rem;right:.5rem;bottom:.5rem;left:.5rem}}