*{font-family:"Press Start 2P",monospace;box-sizing:border-box}body{padding:1rem;margin:0 5px;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between}h1{text-align:center}.home-link{color:#000;text-decoration:none}.grid-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);margin:20px auto;width:90%;gap:2px;background-color:#000;border:2px solid black;max-width:600px}.grid-container.tiles4{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.grid-container.tiles5{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr)}.grid-container.tiles6{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr)}.tile{display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;cursor:pointer;background-color:#fff;aspect-ratio:1/1}.red{background-color:tomato}.blue{background-color:#009da2}.green{background-color:#32d700}.yellow{background-color:#ff0}.orange{background-color:orange}.tile:active,.tile.exploding{filter:brightness(150%)}#status{text-align:center;font-size:2rem;min-height:4.8rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.turn{height:32px;width:32px;display:inline-block}.rules{height:100vh;width:100vw;position:absolute;top:0;right:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;line-height:1.25rem;font-size:.75rem;z-index:1}@media only screen and (min-width: 600px){.rules{line-height:2rem;font-size:1rem}}.rules__list{padding:2rem;text-align:left;height:75vh;width:90vw;position:absolute;top:5vh;right:5vw;background-color:#fff;border:2px solid black;border-radius:5px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.rules__list p{width:100%}button{background-color:#000;color:#fff;border:2px solid black;cursor:pointer;padding:.5rem}button:hover{background-color:#fff;color:#000}.hide{display:none!important}.wollivan a{text-decoration:none;color:#000}.shake{animation:shake .1s;animation-iteration-count:infinite}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(0)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}.tile.placed{animation:pop .35s ease-out}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}.settings{height:100vh;width:100vw;position:absolute;top:0;right:0;background-color:#fff;justify-content:center;align-items:center;line-height:1.25rem;font-size:.75rem;z-index:1;display:flex;text-align:center}.settings.hide{display:none}.settings-wrap{display:flex;flex-direction:column;justify-content:space-between;gap:2rem}.settings-sub-wrap{display:flex;flex-direction:column;justify-content:space-between}#show-settings{display:block;width:30px;margin:0 auto}.player-count-wrap{display:flex;justify-content:center;align-items:center;gap:1rem}.player-count-btn{width:4rem;height:4rem;display:flex;justify-content:center;align-items:center}.player-count-btn.active{background-color:#fff;color:#000}.player-count-wrap#ai-toggle-group{flex-wrap:wrap}.ai-toggle{width:3.5rem;height:3.5rem;font-size:.5rem;line-height:.75rem;white-space:normal;color:#000}.ai-toggle.red{background-color:tomato}.ai-toggle.blue{background-color:#009da2}.ai-toggle.green{background-color:#32d700}.ai-toggle.yellow{background-color:#ff0}.ai-toggle.orange{background-color:orange}.ai-toggle.active{outline:3px solid black;outline-offset:-5px}.ai-toggle.active:after{content:" 🤖"}h5,h6{line-height:1rem;text-align:center;margin:0}h6{margin-bottom:.5rem}footer{display:flex;justify-content:space-between;align-items:center;padding:3rem 0 2rem;font-size:.5rem}.ignore-clicks{pointer-events:none}.join-form{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;margin:1rem 0;font-size:.65rem}.join-form-row{display:flex;gap:.5rem}#join-code-input{font-family:inherit;font-size:1rem;width:5.5rem;text-align:center;text-transform:uppercase;letter-spacing:.15rem;border:2px solid black;padding:.5rem}#join-status{font-size:.6rem}#room-panel{text-align:center;margin:1rem 0}#room-name{margin:0 0 .75rem;line-height:1.5rem}.room-code{display:inline-block;font-size:1.5rem;letter-spacing:.2rem;padding:.25rem .5rem;border:2px solid black;margin:.5rem 0}#seat-list{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.seat-dot{height:20px;width:20px;border-radius:50%;border:2px solid black}.seat-dot.seat-empty{opacity:.25;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.25}50%{opacity:.6}}#loading{display:flex;flex-direction:column;gap:2rem;text-align:center;padding:2rem 1rem;line-height:1.5rem}#you-suck{background-color:#ffffffb3}