:root{--green:#0d9432;--light-green:#5ffe8c;--yellow:#e5fe60;--orange:#fc995f;--red:#fc5f5e;--blue:#5e8bf9;--light-blue:#62fafe;--purple:#d85efc;--pink:#fb5ead;--black:#05000b;--light-black:#181717;--white:#fff;--grey:#686868;--light-grey:#c4c4c4;--gap:.2rem;letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--white);background:var(--black);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:sans-serif}@media (width<=1024px){:root{font-size:16px}}*{box-sizing:border-box}body{text-rendering:optimizespeed;justify-content:center;align-items:center;min-height:100vh;margin:0;display:flex}.letters{gap:var(--gap);flex-direction:column;max-width:min(600px,90vw);display:flex}.letters .title{color:var(--white)}.letters .board{grid-template-columns:repeat(attr(data-width number), 1fr);grid-template-rows:repeat(attr(data-height number), 1fr);gap:var(--gap);width:100%;display:grid}.letters .board .square{background-color:var(--light-black);border:2px solid var(--grey);aspect-ratio:1;width:calc(100cw / attr(data-width number) - var(--gap));justify-content:center;align-items:center;display:flex}.letters .board .square .tile{width:100%;height:100%}.letters .board .square.current{background-color:var(--grey);border-color:var(--light-grey)}.letters .board .square:before{position:absolute}.letters .board .square.letter-x-2{background-color:#a005}.letters .board .square.letter-x-2:before{content:"DL"}.letters .board .square.letter-x-3{background-color:#a057}.letters .board .square.letter-x-3:before{content:"TL"}.letters .board .square.word-x-2{background-color:#0a05}.letters .board .square.word-x-2:before{content:"DW"}.letters .board .square.word-x-3{background-color:#0a07}.letters .board .square.word-x-3:before{content:"TW"}.letters .word-lists{gap:var(--gap);border:1px solid var(--pink);flex-direction:column;grid-template-columns:repeat(2,1fr);padding:.5rem;display:grid}.letters .word-lists h2{margin:0}.letters .word-lists .words{padding:.5rem}.letters .actions{gap:var(--gap);color:#fff;grid-auto-flow:column;font-size:1.4rem;display:grid}.letters .actions .total{background-color:var(--pink);color:var(--white);text-align:center;padding:.5rem}.letters .actions .action{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--grey);border:none;border:1px solid var(--light-grey);color:var(--black);padding:.5rem 1rem;font-size:1.4rem}.letters .rack{gap:var(--gap);border:1px solid var(--orange);flex-wrap:wrap;min-width:100%;min-height:6rem;padding:.5rem;display:flex}.letters .tile{background-color:var(--white);color:var(--black);-webkit-user-select:none;user-select:none;cursor:pointer;text-align:center;text-transform:uppercase;aspect-ratio:1;touch-action:none;border-radius:.2rem;align-content:center;width:4rem;height:4rem;font-size:3rem;font-weight:700;position:relative}.letters .tile:after{content:attr(data-score);padding:1rem;font-size:1.2rem;display:inline-block;position:absolute;top:100%;left:100%;transform:translate(-80%,-80%)}.letters .tile.in-hand{opacity:.7;z-index:9999}.letters .word.valid{color:var(--light-green)}.letters .word.invalid{color:var(--red)}