:root{--phone: 600px;--tablet: 950px;--laptop: 1300;--color-link: #0070f3;--color-link-dark: #004ba0;--color-primary: #673AB7;--color-primary-alt: #531cb3;--color-primary-transparent: rgba(103, 58, 179, .5);--color-background: #FAFAFA;--color-text: #444;--color-text-contrast: #FAFAFA}[data-theme=dark]{--color-text: white;--color-text-contrast: rgb(190, 190, 190);--color-background: #292929;--color-primary: #531cb3;--color-primary-alt: #673AB7;--color-primary-transparent: rgba(103, 58, 179, .5);color-scheme:dark}html,body{height:100%;width:100%;padding:0;margin:0;font-family:Helvetica Neue,arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}#preact_root{background:var(--color-background);color:var(--color-text)}button{background:var(--color-primary);color:var(--color-text-contrast);border:none;border-radius:5px;padding:5px 10px;margin:4px;cursor:pointer;font-size:1.1rem}button:hover,button:active{background:var(--color-primary-alt)}.buttonLink{border:none;background:none;color:var(--color-link);cursor:pointer;font-size:1rem}.buttonLink:hover,.buttonLink:active{background:none;color:var(--color-link-dark)}#app,#preact_root{height:100%}.wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.home{padding:56px 20px;min-height:100%}.wrapper nav{display:flex;flex-direction:column}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9999;display:flex;justify-content:center;align-items:center}.modalContent{width:min(var(--phone),100%);height:300px;background-color:var(--color-background);border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center}.modalContent form>div{display:flex;justify-content:space-around;align-items:center;width:100%;height:50px}@media (max-width: 600px){.modalContent{border-radius:0}}.menuWrapper{margin:10px 0}.disabled{pointer-events:none;background:var(--color-primary-transparent)}.voted{font-weight:700;background-color:var(--color-primary-alt);pointer-events:none}.voted{color:green;font-weight:700}.room{margin:0 auto;padding:64px 20px;min-height:100%;width:min(600px,100%);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;font-size:1.1rem}.roomName{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:.9rem}.playerName{display:flex;justify-content:space-between;align-items:baseline;width:100%}.notfound{padding:0 5%;margin:100px 0}.header{position:fixed;display:flex;justify-content:flex-end;align-items:center;left:0;top:0;width:100%;height:56px;padding:0;background:var(--color-primary);box-shadow:0 0 5px #00000080;z-index:50}.header h1{margin:0 auto 0 0;padding:0 15px;font-size:24px;line-height:56px;font-weight:400;color:#fff}.header nav{font-size:100%}.header nav a{display:inline-block;height:56px;line-height:56px;padding:0 15px;min-width:50px;text-align:center;background:#fff0;text-decoration:none;color:#fff;will-change:background-color}.header nav a:hover,.header nav a:active{background:var(--color-primary-alt)}.header nav a.active{background:var(--color-primary-alt)}.switchWrapper{margin:0 12px}.switchCheckbox{height:0;width:0;visibility:hidden}.switchLabel{display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:48px;height:24px;background:var(--color-background);border-radius:100px;position:relative;top:-8px;transition:background-color .2s}.switchLabel .switchButton{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:45px;transition:.2s;background:var(--color-primary-alt);box-shadow:0 0 2px #0a0a0a4a}.switchCheckbox:checked+.switchLabel .switchButton{left:calc(100% - 2px);transform:translate(-100%)}.switchLabel:active .switchButton{width:48px}