:root{font-optical-sizing:auto;--font-family: "Geologica";--tile-font-weight: 600}h1,h2,h3,h4,h5,h6{margin:0;padding:0}html,body{height:100%;background-color:#eee;font-family:var(--font-family);font-optical-sizing:auto}body{margin:0;font-family:var(--font-family);font-optical-sizing:auto}*{box-sizing:border-box;font-family:var(--font-family)}#root{background-color:#eee;height:100dvh}.tile-rack .tile{height:var(--cell);width:var(--cell);transition:width .3s ease,height .3s ease,box-shadow .3s ease,outline-color .1s ease-out,outline-width .1s ease-out}.tile{position:relative;outline-offset:-1px;outline-width:0;outline-color:#ccc;outline-style:solid}.staging-rack .tile{height:var(--cell);width:var(--cell);transition:width .3s ease,height .3s ease,box-shadow .3s ease,outline-color .1s ease-out,outline-width .1s ease-out}.board-word{display:grid;grid-template-columns:repeat(var(--columns),1fr);border-radius:calc(3px + .375rem);width:min-content;height:min-content;margin:0;padding:3px}.board-tile{height:var(--cell);width:var(--cell);transition:width .3s ease,height .3s ease,box-shadow .3s ease,outline-color .1s ease-out,outline-width .1s ease-out}.tile.active{outline-width:4px;outline-color:violet;outline-style:solid;z-index:1}.wrong,.wrong button span{color:#e11d48}button{display:block}.rack-gap{width:var(--cell);height:var(--cell)}.cell{align-self:start;aspect-ratio:1 / 1;margin:4px;border-radius:8px;border:1px solid white;height:var(--cell);width:var(--cell);outline-color:#ccc;transition:width .3s ease,height .3s ease,box-shadow .3s ease,border-color .3s ease,outline-color .1s cubic-bezier(.34,1.56,.64,1),outline-width .1s cubic-bezier(.34,1.56,.64,1)}.cell.active{outline-width:4px;outline-color:violet;outline-style:solid;box-shadow:0 0 4px 2px violet}.player-0{color:#2563eb}.player-1{color:#db2777}.player-2{color:pink}.player-3{color:#1e90ff}.dot{height:8px;width:8px;border-radius:8px}.player-0-bg{background-color:#2563eb}.player-1-bg{background-color:#db2777}.player-2-bg{background-color:pink}.player-3-bg{background-color:#1e90ff}.word-score{position:absolute;right:calc(var(--cell) * .15);bottom:calc(var(--cell) * .13);z-index:1;font-size:calc(var(--cell) * .2);font-weight:500;letter-spacing:-.1em;display:flex;justify-content:center;align-items:center;text-align:center;line-height:1em}.spinner{width:24px;height:24px;background-color:#000;margin:0 auto;-webkit-animation:sk-rotateplane 1.2s infinite ease-in-out;animation:sk-rotateplane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}to{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}