/* All rights reserved. (c) https://zptr.cc/ */
*{box-sizing:border-box;image-rendering:pixelated}@font-face{font-family:Terminus;src:url("/static/font/terminus.ttf");font-weight:400;font-style:normal}@font-face{font-family:Terminus;src:url("/static/font/terminus-bold.ttf");font-weight:700;font-style:normal}body,html{font-family:Terminus,monospace;background:#f0f0f0;color:#888;padding:0;margin:0;width:100%;height:100%}body{display:flex}main{margin:auto;text-align:center;padding:10px}.container{display:flex;gap:10px}b{color:#000}a{color:inherit}.tiles{display:flex;flex-direction:column}.tiles div{width:51px;height:51px}.board,.mark,.tile,.tile[data-letter]::after{background:url(/static/img/donotfindtheyui.png)!important}.board{position:relative;margin-top:20px;width:306px;height:375px}.tile{position:relative;width:51px;height:51px}.tile.lose{filter:drop-shadow(0 0 2px #f00) brightness(120%) saturate(120%);animation:.8s lose}@keyframes lose{0%,10%{transform:skewX(-15deg)}15%,5%{transform:skewX(15deg)}100%,20%{transform:skewX(0)}}.tile:hover{filter:drop-shadow(0 0 2px #000);cursor:pointer;z-index:2;scale:1.5}.tile[data-style="0"]{background-position:-3px -401px!important}.tile[data-style="1"]{background-position:-60px -401px!important}.tile[data-style="2"]{background-position:-117px -401px!important}.tile[data-style="3"]{background-position:-174px -401px!important}.tile[data-letter]::after{content:"";position:absolute;width:15px;height:24px;top:15px;left:18px}.tile[data-letter="Y"]::after{background-position:-234px -404px!important}.tile[data-letter="U"]::after{background-position:-252px -404px!important}.tile[data-letter="I"]::after{background-position:-270px -404px!important}.grid{display:flex;flex-wrap:wrap;position:absolute;width:calc(51px * 4);top:72px;left:60px}.grid .tile{pointer-events:none}.tally{display:flex;flex-wrap:wrap;max-width:111px;position:absolute;gap:1px;top:294px;left:156px}.mark{background-repeat:no-repeat;width:27px;height:21px}.mark[data-count="1"]{background-position:0 -459px!important}.mark[data-count="2"]{background-position:-30px -459px!important}.mark[data-count="3"]{background-position:-60px -459px!important}.mark[data-count="4"]{background-position:-90px -459px!important}.mark[data-count="5"]{background-position:-120px -459px!important}