@import"https://fonts.googleapis.com/css2?family=Metamorphous&display=swap";:root{color:#fff;background:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root,main{width:100%;height:100%;margin:0;overflow:hidden}main{display:grid;place-items:center;padding:4rem;background:#000;-webkit-user-select:none;user-select:none}.board{position:relative;width:min(62vh,46vw,620px);aspect-ratio:1}.letter-grid{display:grid;grid-template-columns:repeat(5,1fr);width:100%;height:100%;gap:clamp(.45rem,1vw,.9rem)}.letter-tile{display:grid;place-items:center;min-width:0;padding:0;border:1px solid rgba(255,255,255,.24);border-radius:.18rem;color:#ffffffad;background:transparent;font:400 clamp(1.5rem,4.2vw,3.6rem)/1 "Metamorphous",serif;cursor:pointer;transition:color .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease,text-shadow .14s ease,filter .14s ease}.tile-letter{grid-area:1 / 1;opacity:1;transition:opacity .42s ease}.letter-tile:hover:not(:disabled),.letter-tile:focus-visible:not(:disabled){color:#fff;border-color:#ffffff9e;outline:none}.letter-tile.glowing{color:#fff;border-color:#fff;background:#ffffff21;box-shadow:0 0 .8rem #fffc,0 0 2.4rem #ffffff6b,inset 0 0 1rem #ffffff2e;text-shadow:0 0 .35rem #fff,0 0 1.2rem rgba(255,255,255,.9);filter:blur(0)}.echo .letter-tile{cursor:not-allowed;opacity:.22}.echo .letter-tile:is(:nth-child(1),:nth-child(5),:nth-child(7),:nth-child(9),:nth-child(13),:nth-child(17),:nth-child(19),:nth-child(21),:nth-child(25)){opacity:1;color:#ff3838;border-color:#ff3838;background:#ff181824;box-shadow:0 0 .8rem #ff1e1ee6,0 0 2.5rem #ff000080,inset 0 0 1rem #f003;text-shadow:0 0 .35rem #ff2020,0 0 1.2rem rgba(255,0,0,.95)}.phase-two .letter-tile{cursor:not-allowed;opacity:1}@media(prefers-reduced-motion:reduce){.letter-tile{transition:none}}