body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:contain}html{overscroll-behavior-y:contain}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.arrow-button{background-color:var(--color-header);color:var(--color-text);min-width:4rem;height:3rem}.arrow-icon{width:32px;height:32px}.add-button{min-width:3rem}.add-icon{width:16px;height:18px}.view{max-width:500px;width:100%;height:80vh;padding-top:3em}.numPad{display:grid;grid-template-rows:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr;height:50vh;position:fixed;bottom:0;width:100%;max-width:500px}.input{width:100%;height:16px;padding-top:.5em;padding-bottom:.5em;text-align:center;font-size:2em}.divLabel{display:flex;justify-content:center;align-items:center}.buttonSubmit{font-size:1.5em;grid-area:4 / 1 / 5 / 5}.search-input{height:2rem;margin-top:2rem;margin-bottom:2rem;font-size:16px}.bestlist-head{display:flex;flex-direction:column;padding-top:1rem}:root{--color-header: #246eb9;--color-text: white;--color-background-sidpanel: rgb(193, 193, 193);--color-background: white;--color-border: rgba(175, 166, 166, .87);--color-background-card: #095dc453;--color-card: #e8f1f2;--color-menu-button: #2b9eb3;--color-primary: #44af69;--color-warning: #f8333c;--color-secondary: #fcab10}:root{--border-radius: 5px;--padding: 1rem;--margin: 1rem;--font-size: 16px;--header-height: 3rem}html{font-size:var(--font-size)}button{display:flex;justify-content:center;align-items:center;border:none;background-color:var(--color-primary);color:var(--color-text);border-radius:var(--border-radius);padding:var(--padding);min-width:8em;font-size:1em}#numButton{min-width:1em;background-color:var(--color-background-sidpanel)}#bonus-check-icon{width:2rem}.image-wrapper{width:128px;display:flex;justify-content:center}.flexSpaceAround{display:flex;justify-content:space-around;align-items:center;width:100%;margin:var(--margin)}.menuBody{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:50%;padding:var(--padding)}.header{display:flex;justify-content:center;width:100%;height:var(--header-height);text-align:center;background-color:var(--color-header);color:var(--color-text);position:fixed}h2{padding:0;margin:0;align-self:center}.footer{position:fixed;bottom:0;height:3em}.gameRow{display:flex;justify-content:space-around;align-items:center;margin-top:1em}.kniffelImage{height:2.5rem}.kniffelButton{width:7em;height:3em;border:none;border-radius:5px;font-size:1em}.kniffelBlock{display:grid;grid-template-columns:repeat(auto-fit,minmax(15em,25em));padding-bottom:1em;overflow-y:auto;padding-top:3em;animation-name:appear;animation-duration:1s}@keyframes appear{0%{opacity:0}to{opacity:1}}.menuView{width:100%;height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:3em}.flexSpaceAround{display:flex;justify-content:space-around}.resultRow{display:flex;justify-content:space-around;align-items:center;background-color:var(--color-card);margin-bottom:1em;height:2em;font-size:1.25em}.lobbyView{display:flex;flex-direction:column;align-items:center;padding-top:3em}.buttonGroup{margin-top:1em;display:flex;justify-content:space-around;width:100%}.lobbyInput{border:2px solid var(--color-header);border-radius:5px;height:3em;width:80%;font-size:16px}.lobbyListItem{display:flex;align-items:center;width:100%;height:3em;padding-left:1em;border-bottom:1px solid var(--color-border);font-size:1em}.lobbyBlock{margin-top:1em;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.resultView{padding-top:var(--header-height)}.settings-page{padding-top:3rem;display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:50vh}.settings-option{display:flex;align-items:center;justify-content:center}