#login,#register{align-items:center;display:flex;flex-direction:column;gap:1rem}#login>*,#register>*{margin:0}#login table,#register table{max-width:400px;width:100%;border-collapse:separate;border-spacing:0px 8px}#login table td:nth-child(1),#register table td:nth-child(1){padding-right:1rem;text-align:right;text-wrap:nowrap}#login table td:nth-child(1) label,#register table td:nth-child(1) label{font-size:small}#login table td:nth-child(2),#register table td:nth-child(2){display:flex;flex-direction:column;gap:2px}#login table td:nth-child(2)>input,#register table td:nth-child(2)>input{width:100%;box-sizing:border-box}#login table .gender-inputs,#register table .gender-inputs{display:flex;gap:5px 15px;flex-wrap:wrap}#login table .gender-inputs label,#register table .gender-inputs label{display:flex;flex-wrap:nowrap;align-items:center;gap:5px}#login table .gender-inputs label>p,#register table .gender-inputs label>p{font-size:small;text-wrap:nowrap;display:inline;margin:0}#login table .gender-inputs label>input[type=radio],#register table .gender-inputs label>input[type=radio]{margin:0}#login table .gender-inputs label>input[type=text],#register table .gender-inputs label>input[type=text]{width:100%;margin:0}#login table span,#register table span{font-size:x-small;letter-spacing:.2px}#communities{display:flex;flex-direction:column;gap:1rem}#communities table#community-categories{width:100%;border-spacing:10px}#communities table#community-categories td:nth-child(1){width:50%;text-align:right}#communities table#community-categories td:nth-child(2){width:0px;background-color:#fff}#communities table#community-categories td:nth-child(3){width:50%}#communities table#community-categories td:nth-child(3) .community-categories-list{justify-content:left}#communities #community-results-list{display:flex;flex-direction:column;gap:1rem}#communities .community-card .text-container{justify-content:space-between!important}#communities #community-search-card{flex-direction:row;justify-content:space-between;align-items:center}#communities #community-search-card svg{scale:2}#community{display:flex;flex-direction:column;gap:1rem}#community>*{margin:0}#play #game-subcommunities{display:flex;flex-direction:column;gap:1rem}#play #game-subcommunities>#subcommunities-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}#play #game-subcommunities>#subcommunities-list>.subcommunity{padding:.5rem;background-color:#333;border-radius:.5rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}#play #game-subcommunities>#subcommunities-list>.subcommunity>span{text-wrap:nowrap;color:gray;font-size:small}#play #game-subcommunities>#subcommunities-list>.subcommunity>button{all:unset;font-weight:700;font-size:.8rem;border-radius:.5rem;padding:.3rem;background:red;cursor:pointer}#play #game-subcommunities *{margin:0}#play #cta-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}#play #cta-container>span{font-size:small}#play #cta-container .call-to-action{display:flex;flex-direction:column;gap:1rem;justify-content:center}#play #cta-container .call-to-action button,#play #cta-container .call-to-action select,#play #cta-container .call-to-action a{min-width:280px;height:50px;box-sizing:border-box;border-radius:.75rem;font-size:1rem}#play #question{padding:1rem;display:flex;flex-direction:column;gap:2rem}#play #question>#question-navigation{display:flex;flex-direction:column;gap:.5rem}#play #question>#question-navigation #game-progress-bar{width:100%}#play #question>#question-navigation #game-progress-bar>span{font-size:small}#play #question>#question-navigation #game-progress-bar>div{width:100%;height:.5rem;border-radius:1rem;background-color:#333}#play #question>#question-navigation #game-progress-bar>div>div{background-color:red;height:100%;transition:width .5s ease;border-radius:inherit}#play #question>#question-navigation>#question-nav-links{display:flex;justify-content:space-between;font-size:small}#play #question>#question-navigation>#question-nav-links>span{cursor:pointer;text-decoration:underline;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#play #question>img{height:200px;width:auto;object-fit:contain}#play #question>#choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem}#play #question>#choices .choice{padding:.5rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.5rem;border-radius:.4rem;border:2px solid;border-color:#333;background-color:#0000;cursor:pointer;transition:border-color .3s ease,background-color .3s ease}#play #question>#choices .choice img{width:100%;aspect-ratio:1;object-fit:contain}#play #question>#choices .choice>div{display:flex;gap:1rem}#play #question>#choices .choice>div input[type=radio]{accent-color:red}#play #question>#choices .choice>div .choice-text{text-align:center;text-wrap:balance}#play #question>#choices .choice.chosen{background-color:#211;border-color:red}#play #question>#slider-container{width:100%;margin-bottom:2rem;position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}#play #question>#slider-container>input[type=range]{width:100%;accent-color:red}#play #question>#slider-container>span{position:absolute;translate:0px 1.2rem;font-size:small;color:gray}#play #question>#slider-container>#slider-value{position:absolute;translate:0px 1.2rem;left:0;width:100%;text-align:center}#play #question>#prompt{margin:-1rem 0;text-align:center}#play{gap:2rem;align-items:stretch}#play .image-and-text{width:100%}#play .image-and-text .image-container{width:min(120px,30%)!important}#play .image-and-text .text-container{gap:.5rem}#play #game-schedule{width:100%;display:flex;flex-direction:column;gap:.5rem;font-size:.9rem}#play #game-schedule>.schedule-item{width:100%;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}#play .games-list{display:flex;flex-direction:column;gap:1rem}#play .games-list .card.game-card .text-container{gap:1rem}#play .games-list .card.game-card .text-container p{font-size:small}#results{gap:1rem}#results li.leaderboard-row{padding:.7rem;margin-bottom:5px;display:flex;flex-direction:column;gap:1rem;border:.5px solid;border-radius:1rem;box-sizing:border-box}#results li.leaderboard-row *{text-decoration:none!important}#results li.leaderboard-row .image-and-text{align-items:center;gap:.7rem!important}#results li.leaderboard-row .image-and-text>.text-container{gap:5px}#results li.leaderboard-row .image-and-text>.text-container .data-row{width:100%;gap:5px;flex-wrap:wrap}#results li.leaderboard-row .image-and-text>.text-container .data-row>.datapoint{flex:1;padding:min(1rem,2%);outline:.1px solid}#results li.leaderboard-row .image-and-text>.text-container .data-row>.datapoint>.label{text-wrap:nowrap}#results li.leaderboard-row .image-and-text>.text-container>ul{align-self:flex-start;margin-top:.5rem;padding-left:1rem;font-size:small;text-align:left;display:flex;flex-direction:column;gap:5px}#results li.leaderboard-row>ul{font-size:small}#results li.leaderboard-row:not(.visible){left:100%!important}#results li.leaderboard-row.rank-1{color:var(--rank-1-color)!important;border-color:var(--rank-1-color)!important;box-shadow:0 0 15px inset}#results li.leaderboard-row.rank-2{color:var(--rank-2-color)!important;border-color:var(--rank-2-color)!important;box-shadow:0 0 12px inset}#results li.leaderboard-row.rank-3{color:var(--rank-3-color)!important;border-color:var(--rank-3-color)!important;box-shadow:0 0 10px inset}#results li.leaderboard-row.top-10{border-color:#fff;color:#fff}#results li.leaderboard-row.public:hover{left:1rem!important}#results li.leaderboard-row:not(.public){pointer-events:none}#results #leaderboard{list-style-type:none;margin:0;padding:0;overflow-x:hidden;color:#bbb}#results #leaderboard>li.leaderboard-row{position:relative;transition:left .2s ease;left:0}#results #question-breakdown{display:flex;flex-direction:column;gap:2rem}#results #question-breakdown #participant-groups{display:flex;gap:.5rem}#results #question-breakdown #participant-groups>div.group-category{flex:1;font-size:small}#results #question-breakdown #participant-groups>div.group-category>div.group-options{margin-top:.5rem;max-height:150px;overflow:auto;display:flex;flex-direction:column;gap:.3rem}#results #question-breakdown #toggle-show-filters{cursor:pointer}#results #question-breakdown .question-result{display:flex;flex-direction:column;gap:.7rem}#results #question-breakdown .question-result *{margin:0}#results #question-breakdown .question-result .question-choices{display:flex;flex-direction:column;gap:5px}#results #question-breakdown .question-result .question-choices>div{display:flex;gap:1rem}#results #question-breakdown .question-result .question-choices .question-choice{flex:1;border:1px solid grey;border-radius:1rem;display:flex;justify-content:space-between;align-items:center;padding:1px 5px}#results #question-breakdown .question-result .question-choices .question-choice>div{display:flex;align-items:center;gap:.2rem}#results #question-breakdown .question-result .question-choices .question-choice>div>svg{scale:.7}#results #question-breakdown .question-result .question-choices .question-choice>*{margin:0}#results #question-breakdown .question-result .question-choices .question-choice.correct{color:#90ee90;border-color:#90ee90}#results #question-breakdown .question-result .question-choices .question-choice.incorrect{color:pink;border-color:pink}#results #question-breakdown .question-result .question-choices>.show-choices{display:flex;gap:.5rem;cursor:pointer}#results #question-breakdown .question-result .question-choices>.show-choices svg{transition:rotate .3s ease}#results #question-breakdown .question-result .question-choices>.show-choices.all svg{rotate:180deg}#results #question-breakdown .question-result u{cursor:pointer}#profile{padding-top:1rem;align-items:center;gap:1rem}#profile #profile-header{width:100%}#profile #profile-header .image-container>div{position:relative}#profile #profile-header .image-container>div>label{position:absolute;bottom:-5px;right:-5px}#profile #profile-header .image-container>div>label input{position:absolute;visibility:hidden}#profile #profile-header .image-container>div>label svg{padding:3px;outline:1px solid;border-radius:50%;cursor:pointer}#profile #profile-header .edit-profile-button{all:unset;padding:7px;outline:2px solid blue;border-radius:1rem;cursor:pointer}#profile #community-view-select{display:flex;justify-content:center;align-items:baseline;align-self:center;flex-wrap:wrap}#profile #community-view-select *{margin:0}#profile #community-view-select>select{background-color:#000;color:#fff;font-size:large;border:none;border-bottom:1px solid;cursor:pointer}#profile #community-ranks{padding:1rem;width:100%}#profile #community-ranks #community-header{border:1px solid;border-radius:100vh;padding:.5rem;gap:.5rem;margin-bottom:.5rem}#profile #community-ranks #community-header .image-container{width:50px!important}#profile #community-ranks #community-header .text-container{text-align:center}#profile #community-ranks .image-container{width:min(100px,25%)!important}#profile #community-ranks .text-container{gap:5px}#profile #community-ranks .text-container .data-row{width:100%;gap:5px;flex-wrap:wrap}#profile #community-ranks .text-container .data-row>.datapoint{flex:1;padding:min(1rem,2%);outline:.1px solid}#profile #community-ranks .text-container .data-row>.datapoint>.label{text-wrap:nowrap}:root{--question-type-vote-color: rgb(36, 36, 202);--question-type-vote-color-2: rgb(50, 50, 231);--question-type-guess-color: rgb(105, 15, 135);--question-type-guess-color-2: rgb(161, 23, 143);--rank-1-color: gold;--rank-2-color: rgb(162, 162, 162);--rank-3-color: rgb(205, 127, 50)}body{margin:0;background-color:#000;color:#fff;overflow:hidden;font-family:sans-serif}body a{color:inherit}#root{width:100vw;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-sizing:border-box}main{flex:1;width:100%;max-width:600px;padding:1rem;display:flex;flex-direction:column;overflow-x:hidden;box-sizing:border-box;margin:auto}main .page{display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:white black}main .page>.page-section{width:100%}main .page>.page-section>.section-title{text-align:center;margin-bottom:1rem}main .page>hr{width:100%}main .page *{margin:0}main .page.full{flex:1}main .card{background:none;color:#fff;text-decoration:none;border:1px solid grey;border-radius:1rem;padding:1rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch}main .call-to-action{display:flex;flex-direction:column;align-items:center;gap:.3rem}main .call-to-action a{text-decoration:none!important}main .call-to-action>.action{padding:.7rem;border:3px solid grey;border-radius:1rem;background-color:red;text-wrap:balance;text-align:center;color:#fff;cursor:pointer;transition:background-color .5s ease,color .5s ease}main .call-to-action>.action>*{margin:0}main .call-to-action>.action:disabled,main .call-to-action>.action.disabled{pointer-events:none;background-color:#633;color:gray;cursor:default}main .games-table-container{width:100%;display:flex;flex-direction:column;background-color:#181828;border:2px solid #181860;border-radius:1rem;box-sizing:border-box}main .games-table-container>:nth-child(1){margin:0;padding:.6rem;background:#181848;border-radius:1rem 1rem 0 0}main .games-table-container *{margin:0}main .games-table-container>table{width:100%;border-spacing:1rem}main .games-table-container>table td:nth-child(2){text-align:right}main .games-list-container{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:1rem}main .image-and-text{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:.5rem}main .image-and-text *{margin:0}main .image-and-text .image-container{width:min(150px,30%);display:flex;flex-direction:column;gap:.2rem;align-items:center;text-align:center;-webkit-hyphens:auto;hyphens:auto}main .image-and-text .image-container img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:2px solid;box-sizing:border-box}main .image-and-text .text-container{flex:1;display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:flex-end;text-align:right}main .image-and-text .text-container>.header{display:flex;flex-direction:column;gap:.5rem}main .image-and-text .text-container>.header>.title{display:flex;flex-direction:column}main .image-and-text .text-container>.header>.title>h1{font-size:min(2rem,7vw)}main .image-and-text .text-container>.header>.title>span{font-size:large;color:#b4b4b4;font-family:monospace}main .image-and-text .text-container *{margin:0}main .image-and-text .text-container>.data-row{display:flex;flex-direction:row}main .image-and-text .text-container>.data-row>.datapoint{text-align:center}main .image-and-text .text-container .community-category{font-size:min(3vw,14px)}main .image-and-text .text-container>*{justify-content:right}main .image-and-text .text-container:nth-child(1){align-items:center;text-align:center}main .image-and-text .text-container:nth-child(1)>*{justify-content:center}main .community-categories-list{display:flex;flex-wrap:wrap;justify-content:inherit;gap:.5rem}main .community-categories-list .community-category{margin:0;padding:3px 6px;border:1px solid grey;border-radius:100px;text-wrap:nowrap;text-decoration:none;font-size:small;background-color:#555;transition:background-color .3s ease,border .3s ease}main .community-categories-list .community-category.selected{background-color:#00f;border:1px solid deepskyblue}header,footer{width:100vw;padding:1px;box-sizing:border-box;left:0;display:flex;flex-direction:row;justify-content:center;gap:2px}header a,footer a{color:#fff;padding:5px;border:1px solid;margin:0 -1px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;text-align:center;text-decoration:none!important;font-size:min(1rem,3.5vw)}header a.current,footer a.current{color:orange;z-index:1;text-decoration:underline}header{min-height:min(50px,calc(100vw / 6));top:0}header a{width:120px;font-size:small}header#middle-nav{min-height:min(35px,calc(100vw / 6))!important;font-size:small}footer{--footer-item-size: min(75px, 20vw );min-height:var(--footer-item-size);bottom:0}footer img{width:35px;height:35px;object-fit:cover;border-radius:50%;border:1px solid grey}footer a{width:var(--footer-item-size)}