:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-size:1vw;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.window{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 3.15fr;align-items:start;height:100%;width:100%}.left{grid-column:1}.center{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;place-content:center;width:30.5rem}.right{grid-column:3;display:grid}.settings{grid-row:2;grid-column:3}.header{display:flex;justify-content:center;align-items:center;width:100%}.setting_box{margin-bottom:1rem;align-items:center}.player_choice_button{width:5rem}.center button{width:fit-content;margin:0 auto;border:#ccc solid 1px}.settings h2{font-size:1.5rem;margin-bottom:.5rem}.setting_box button{border:#ccc solid 1px;height:2.5em}.selected_button{background-color:#ccc}.create_room button{width:18.5rem}input{width:13rem;height:2.2rem;border:#ccc solid 1px;border-radius:8px;text-align:center}.Square{display:flex;padding:none;border:5px solid black;border-radius:0;height:8rem;width:8rem;font-size:6rem;justify-content:center;align-items:center;font:bolder;color:#000}.rules-page{height:30.5rem}.rules-page p{font-size:1.3rem}.Board{display:grid;border:5px solid black;border-radius:3px;grid-template-columns:1fr 1fr 1fr;width:fit-content;margin:0 auto}.words{font-size:1.2rem}.square--red{background-color:pink}.square--green{background-color:#adff2f}.helperSwitch{display:flex;align-items:center;justify-content:center;margin-top:3%}h2{margin:0 .5rem 0 0;font-size:1rem;font-weight:400}a{color:#213547;font-weight:400;margin:0 1rem;text-decoration:none}a:hover{text-decoration:underline;color:#213547;cursor:pointer}button{margin:.1rem}button.back{width:50%;margin:0 auto;border:#ccc solid 1px}button:hover{border:#646cff solid 1px}@media (min-height: 800px){.window{height:800px}}@media (min-width: 1300px){:root{font-size:13px}.window{width:1300px}}@media (max-width: 1000px){.window{display:flex;flex-direction:column;height:100%}.right{margin:0 auto}:root{font-size:1.5vw}.center{width:100%}.difficulty_box{margin-top:1rem}.settings{order:999;margin:1rem auto}.setting_box{display:flex;justify-content:center;align-items:center}.setting_box h2{font-size:2em;display:none}.multiplayer{display:flex}.setting_box.unhide h2{display:block;margin:0 2rem}.setting_box button,.setting_box input{width:fit-content}.setting_box.wait_room{display:block}}@media (max-width: 800px){:root{font-size:1.8vw}.words{font-size:1.4rem}.center{place-content:start}}@media (max-width: 600px){:root{font-size:2vw}.words{font-size:1.5rem}}@media (max-width: 500px){.Square{height:10rem;width:10rem}.words{font-size:2rem}button{font-size:1.5rem}h1{font-size:4rem}.rules-page{height:39.8rem}.rules-page p{font-size:1.8rem}}