.o-select-username{max-width:600px;margin:0 auto;padding:50px;border:1px solid var(--color-white);border-radius:var(--border-radius);display:flex;justify-content:center;align-items:center}.o-select-username .h2{text-align:center}.o-select-user__headline{margin-bottom:20px}.o-select-username__forms{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:20px}.o-select-username__forms>div:nth-child(odd){padding-right:10px;border-right:2px solid var(--color-white)}.o-select-username__forms>div:nth-child(even){padding-left:10px}.o-select-user__input--text{width:100%;height:2.5em;margin-bottom:10px;padding:0 .5em;color:var(--color-white);border-radius:var(--border-radius-half);background-color:transparent;backdrop-filter:brightness(60%);border:none;border:2px solid var(--color-white)}.o-select-user__input--color{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;width:100%;height:2.5em;border:2px solid var(--color-white);border-radius:var(--border-radius-half)}.o-select-user__input--color::-webkit-color-swatch-wrapper,.o-select-user__input--color::-moz-focus-inner,.o-select-user__input--color::-moz-color-swatch{padding:0;border:none;border-radius:var(--border-radius-quarter)}.o-select-user__input--color::-webkit-color-swatch{border:none;border-radius:var(--border-radius-quarter)}.o-user-list{border:1px solid var(--color-white);border-radius:var(--border-radius-half);padding:50px}.o-user-list__users{position:relative;list-style:none}.o-user-list__user-item{counter-increment:o-user-list__users-counter;display:flex;justify-content:space-between}.o-user-list__user-item:not(:last-child){margin-bottom:15px}.o-user-list__user-item:before{content:counter(o-user-list__users-counter) ".";position:absolute;left:-2.5em;width:1.75em;display:flex;justify-content:center;align-content:center}.o-user-list__user-item.is-offline{filter:grayscale(1)}.o-user-list__user-item.is-next:before{border:2px solid var(--color-white);border-radius:50%}.o-user-list__user-item__inner{display:flex;justify-content:space-between;width:100%;padding:5px 10px;border-radius:var(--border-radius-half)}.o-user-list__user-item.its-me .o-user-list__user-item__inner{border:2px solid var(--color-white)}.o-user-list__user-points{display:inline-block;background-color:var(--color-black);border-radius:5px;min-width:50px;text-align:right;padding:0 5px}.userlist-enter-from,.userlist-leave-to{opacity:0}.userlist-enter-to,.userlist-leave-from{opacity:1}.userlist-enter-active{transition:all .5s ease}.userlist-leave-active{transition:all .5s ease;position:absolute}.userlist-move{transition:all .5s ease}.o-game-settings{border:1px solid var(--color-white);border-radius:var(--border-radius-half);padding:50px}.o-game-settings__form__row{display:flex;gap:10px}fieldset[disabled] .o-game-settings__form__radio{opacity:.5}.o-game-settings__form__radio input{appearance:none}.o-game-settings__form__radio input:checked~label{background-color:var(--color-highlight)}.o-game-settings__form__radio-label{border:1px solid var(--color-white);border-radius:var(--border-radius-quarter );padding:3px 10px;-webkit-user-select:none;user-select:none;cursor:pointer}@media screen and (hover: hover){.o-game-settings__form__radio-label:hover{background-color:var(--color-highlight)}}.o-chat{display:flex;flex-direction:column;justify-content:space-between;background-color:#222;border:2px solid var(--color-white);border-radius:var(--border-radius-half)}.o-chat__history{height:35vh;padding:20px 20px 0;overflow-y:auto;scroll-behavior:smooth;display:flex;flex-direction:column;justify-content:flex-start}.o-chat__message{padding-bottom:1rem}.o-chat__message:first-child{margin-top:auto}.o-chat__message-inner{border-radius:var(--border-radius-half);padding:1rem;display:inline-block}.o-chat__message-input--text{width:100%;height:2.5em;padding:0 .5em;color:var(--color-white);border-bottom-right-radius:var(--border-radius-half);border-bottom-left-radius:var(--border-radius-half);background-color:transparent;backdrop-filter:brightness(60%);border:none;border-top:1px solid var(--color-white)}.o-chat__message-input--button{position:absolute;right:0;bottom:0;height:2.5em;padding:0 .5em;background-color:var(--color-white);color:var(--color-black);border-bottom-right-radius:var(--border-radius-half)}.m-copy-room-id__copy-button:not(:last-child){margin-right:10px}.l-waiting-room{display:flex;gap:2.5rem;width:100%;height:100%}.l-waiting-room__sidebar{flex-shrink:1;flex-grow:0;flex-basis:30%;padding-right:2.5rem;border-right:1px solid var(--color-white)}.l-waiting-room__main{display:flex;flex-direction:column;gap:2.5rem;justify-content:space-between;flex-shrink:1;flex-grow:0;flex-basis:70%}.l-waiting-room__room-id__input{text-transform:uppercase}.fade-enter-from,.fade-leave-to{transform:translateY(-200px)}.fade-enter-to,.fade-leave-from{transform:translateY(0)}.fade-enter-active,.fade-leave-active{transition:all .5s ease}.o-question-board__cateogories{display:grid;grid-template-columns:repeat(var(--11f2b778),1fr);grid-gap:25px 25px;text-align:center}.o-question-board__grid{display:grid;grid-template-columns:repeat(var(--11f2b778),1fr);grid-gap:25px 25px}.o-question-board__current-question{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--color-white)}.o-question-board__card{display:flex;justify-content:center;align-content:center;padding:25px;border:2px solid var(--color-white);border-radius:var(--border-radius);cursor:pointer}.o-question-board__card.is-active{border-color:var(--color-highlight)}.o-question-board__card.is-disabled{opacity:.5;cursor:not-allowed}.o-question-board__card.is-closed{filter:grayscale(1);opacity:.9}.o-question-board__card span{font-size:30px;font-weight:700;-webkit-user-select:none;user-select:none}.o-player-controls__buzzer-container{display:flex;justify-content:center;padding:3rem 0}.o-player-controls__buzzer{height:13vw;width:16vw;border-radius:50%;background-color:var(--757dc2ef);box-shadow:inset 2px 2px 20px 3px #ffffff4d,inset -2px -2px 20px 3px #00000080,2px 7px 10px #00000080,-2px -2px 10px #ffffff4d;background-image:linear-gradient(-29deg,#0000007d,transparent),radial-gradient(#ffffff15,transparent);cursor:pointer;border:none;outline:none;transform:translateY(-5px);transition:all ease .15s}.o-player-controls__buzzer:active{transform:translateY(0);box-shadow:inset 2px 2px 20px 3px #ffffff4d,inset -2px -2px 20px 3px #00000080,2px 2px 10px #00000080,-2px -2px 10px #ffffff4d}.o-player-controls__buzzer:disabled{filter:grayscale(1)}.o-player-controls__buzzer span{font-weight:900;color:var(--color-white);font-size:2vw;text-transform:uppercase;mix-blend-mode:difference}.o-lightbox{position:fixed;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100vw;height:100vh;top:0;left:0;background-color:#000c;border:60px solid;border-color:var(--18bda84a);z-index:999999}.o-lightbox__user-input{max-width:600px;margin:0 auto;padding:50px;background-color:var(--color-background);border:1px solid var(--color-white);border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:center;align-items:center}.o-lightbox__user-input input{width:100%;height:2.5em;margin-bottom:10px;padding:0 .5em;color:var(--color-white);border-radius:var(--border-radius-half);background-color:transparent;backdrop-filter:brightness(60%);border:none;border:2px solid var(--color-white)}.o-lightbox__username{position:unset}.o-lightbox__visual-timer{position:absolute;right:5px;bottom:5px}.l-game-room{display:flex;gap:2.5rem;width:100%;height:100%}.l-game-room__sidebar{flex-shrink:1;flex-grow:0;flex-basis:30%;padding-right:2.5rem;border-right:1px solid var(--color-white)}.l-game-room__main{display:flex;flex-direction:column;gap:2.5rem;flex-shrink:1;flex-grow:0;flex-basis:70%}.debug-container{padding:20px;margin-top:60px;max-width:30vw;max-height:40vh;border:2px solid rgb(223,223,223);background:rgb(23,23,23);overflow-y:auto}.debug-container code{display:block}/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{--color-white: #ffffff;--color-black: #000000;--color-gray: #333333;--color_rgb-gray: 51, 51, 51;--color-green: #007700;--border-radius: 20px}:root{--color-text: var(--color-white);--color-background: var(--color-gray);--color-highlight: var(--color-green);--border-radius-half: calc( var(--border-radius) / 2);--border-radius-quarter: calc( var(--border-radius) / 4)}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400;outline:none}body{min-height:100vh;color:var(--color-text);background:var(--color-background);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{border:none;cursor:pointer}fieldset{border:none}#app{display:flex;justify-content:center;align-items:center;height:100vh}#main{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:30px}.o-headline{text-align:center}.a-btn{width:100%;border-radius:var(--border-radius-half)}.a-btn--medium{height:2.5em}.a-btn--big{height:calc(5em + 10px)}.a-btn--ghost{color:var(--color-white);background-color:transparent;border:2px solid var(--color-white)}.view-enter-from,.view-leave-to{opacity:0}.view-enter-to,.view-leave-from{opacity:1}.view-enter-active,.view-leave-active{transition:opacity .5s ease}