.container{padding-top:10px;padding-bottom:20px}.row-container{width:min(425px,95vw);display:flex;gap:2.5px;margin:2.5px;overflow:auto;justify-content:center}.letter-box{width:48px;height:48px;border-color:gray;border-style:solid;border-width:2px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none}.valid{background-color:#50c878}.invalid{background-color:red}.ambiguous{background-color:#fdda0d}.keyboard-container{width:min(425px,95vw);display:flex;gap:2.5px;margin:2.5px;overflow:auto;justify-content:center}.key-box{width:36px;height:48px;border-color:gray;border-style:solid;border-width:1.75px;border-radius:5px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.key-valid{background-color:#50c878}.key-invalid{background-color:gray}.center{text-align:center}.rules-modal{display:flex;justify-content:flex-start;align-items:center;flex-flow:column;text-align:center;box-shadow:#64646f4d 0 7px 29px;background-color:#fff;border:2px solid rgb(240,240,240);border-radius:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(380px,95vw);height:min(660px,95vh)}.title-bar{margin-left:auto;margin-right:6px}.title-bar button{background-color:transparent;border:none;font-size:1.5rem}.title-bar button:hover{color:gray;cursor:pointer}.welcome{padding-bottom:17px}.welcome h1{text-align:center;padding-bottom:15px}.how-to-play{overflow:auto}.how-to-play h3,.how-to-play h4{text-align:center;padding-bottom:8px}.play-weldor{margin-top:auto;margin-bottom:40px}.play-weldor button{padding:8px 24px;border:1.5px solid black;border-radius:5px;background-color:transparent;font-family:inherit;font-size:1rem}.play-weldor button:hover{background-color:#000;color:#fff;cursor:pointer;transition:.5s}.play-weldor button:not(:hover){transition:.5s}p{margin-left:40px;margin-right:40px;font-size:.95em}.dark-mode .rules-modal{background-color:#282828;border-color:#282828;box-shadow:none}.dark-mode .title-bar>button{color:#fff}.dark-mode .title-bar>button:hover{color:gray}.dark-mode .play-weldor>button{border-color:#fff;color:#fff}.dark-mode .play-weldor>button:hover{background-color:#fff;color:#000}.navbar{padding-top:20px;display:flex;flex-flow:column;align-items:center;justify-content:center;text-align:center;-webkit-user-select:none;user-select:none}.title{margin-left:auto;margin-right:auto;font-size:30px}.navbar-item{width:25px;height:25px;background-color:transparent;border:2px solid black;border-radius:3px;font-size:14px;font-weight:bolder;cursor:pointer}.navbar-item:hover{background-color:#000;color:#fff;transition:.4s}.navbar-item:not(:hover){transition:.4s}ul{margin-top:8px;list-style-type:none;display:flex;gap:5px}.dark-mode .navbar-item{border-color:#fff;color:#fff}.dark-mode .navbar-item:hover{background-color:#fff;color:#000}.overlay{width:100%;height:100%;background-color:#64646f4d;position:fixed}.results-modal{padding-top:24px;display:flex;justify-content:flex-start;align-items:center;flex-flow:column;gap:12px;box-shadow:#64646f4d 0 7px 29px;background-color:#fff;border:2px solid rgb(240,240,240);border-radius:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:380px;height:min(660px,95vh)}@media screen and (max-width: 435px){.results-modal{width:100vw;height:100svh;border-radius:0;position:fixed}}.results-info{margin-top:48px;overflow:auto;text-align:center;display:flex;flex-flow:column;gap:12px}.results-info img{align-self:center;-webkit-user-select:none;user-select:none}.close-results{margin-top:auto;margin-bottom:50px;display:flex;gap:10px}.close-results h3{margin-top:4.5px}.share-twitter:hover{opacity:.5}.dark-mode .results-modal{background-color:#282828;border-color:#282828;box-shadow:none}*{margin:0;padding:0;box-sizing:border-box}body{transition:.5s;font-family:Rubik,sans-serif;display:flex;flex-flow:column;align-items:center}.dark-mode{background-color:#000;color:#fff;transition:.5s}