*{font-family:Arial,Helvetica,sans-serif}html{height:99%}#root,body{height:100%}.main{display:flex;flex-direction:row;height:90%}.right_main{overflow:auto;width:85%}.space_between{display:flex;justify-content:space-between}.right_padding{padding:2% 0 2% 2%}.bold_title{font-size:24px;font-weight:800;line-height:40px}.bluebtn{background:#b399d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:20px;font-size:16px;margin-right:5%;padding:10px 20px;transition:background-color .2s ease}.bluebtn:hover{background:#6a4c9c}.btn_indicator_container{align-items:center;display:flex;justify-content:space-between;width:100%}.form_postBtn{background:#b399d4;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.form_postBtn:hover{background:#6a4c9c}.mandatory_indicator{color:red;font-size:.8rem;margin-top:10px}.sideBarNav{align-items:center;border-right:dashed;display:flex;flex-direction:column;padding:2% 0;width:15%}.menu_button:first-child{margin-top:0}.menu_button{align-items:center;border-radius:5px;color:#6a4c9c;display:flex;font-size:1rem;height:38px;justify-content:center;margin:10px 0;text-align:center;width:90%}.menu_button:hover{background:#f5e1fd;color:#6a4c9c}.menu_button.menu_selected,.menu_button.menu_selected:hover{background:#6a4c9c;color:#fff}.additional-options{align-items:center;background:#f8f8f8;border-radius:5px;display:flex;flex-direction:column;width:100%}.additional-options .menu_button{background:#ededed;font-size:.9rem;transition:background-color .3s,color .3s;width:85%}.additional-options .menu_button:hover{background-color:#f5e1fd;color:#6a4c9c}.additional-options .menu_button.menu_selected{background:#6a4c9c!important;color:#fff!important}.header{align-items:center;background:#f5e1fd;display:flex;height:10%;justify-content:space-evenly;padding:0 20px;width:100%}.title{flex-grow:1;font-size:28px;font-weight:800}#searchBar{border:1px solid #ccc;border-radius:5px;font-size:16px;margin:100px;padding:10px;width:40%}.square-icon-header{cursor:pointer;height:40px;margin-left:25px;width:40px}.rectangle-icon-header{cursor:pointer;height:40px;margin-left:30px;width:45px}.icon-container{justify-content:space-between}.icon:active{opacity:.8}.container{background:#f7f7f7}.input-text:focus{border-color:#b399d4}.login-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s}.signup-link{color:#007bff;cursor:pointer;font-size:14px;margin-top:30px;text-align:center;text-decoration:none;transition:color .3s}.signup-link:hover{color:#0056b3;text-decoration:underline}.btns{margin-right:15%}.question_list:last-child{border-bottom:1px dashed #000}.question_btn{background:#b399d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:20px;font-size:18px;margin-right:5%;padding:15px 25px;transition:background-color .2s ease}.btn{background:#fff;border:1px solid #000}.btn:hover{background-color:#b399d4}.question{border-top:1px dashed #000;display:flex;flex-direction:row}.postStats{color:#bbb;text-align:center;width:10%}.question_mid{width:60%}.postTitle{color:#6495ed}.question_tags{margin-top:1%}.question_tag_button{background:gray;border-radius:8px;border-width:0;color:#fff;margin-left:2%;padding:1% 3%}.question_tag_button:first-child{margin-left:0}.lastActivity{display:flex;flex-direction:row;width:30%}.question_meta{color:#bbb}.followers-only-badge{background-color:#8e44ad;border-radius:5px;color:#fff;display:inline-block;font-size:12px;margin:10px;padding:3px 8px}.tag_list{grid-gap:80px 20px;display:grid;grid-template-columns:repeat(5,1fr)}.tagNode{align-items:center;border:1px dashed #000;display:flex;flex-direction:column;justify-items:center;padding:5%;place-self:center;width:80%}.tagName{color:#6495ed}.form{background-color:#f4f4f4;margin:20px auto;padding:20px;width:60%}.input_title{font-weight:700;margin-bottom:8px}.input_hint{color:#000;font-size:14px;font-style:italic;margin-bottom:5px;margin-left:10px}.input_input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:20px;padding:10px;width:100%}.input_error{color:red;margin-bottom:20px}.comment-section{background-color:#f9f9f9;border-radius:6px;font-size:.9rem;margin:.5em;padding:.5em}.toggle-button{background:none;border:none;color:#6a4c9c;cursor:pointer;font-size:1rem;padding:0;text-decoration:underline}.toggle-button:hover{color:#4a2c79}.comments-container{margin-top:.5em}.comments-list{list-style-type:none;margin:0;padding:0}.comment-item{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:.25em;padding:.5em}.comment-text{font-size:.85rem;margin-bottom:.25em}.comment-meta{align-items:center;color:#666;display:flex;font-size:.75rem}.no-comments{color:#666;font-size:.85rem;font-style:italic}.add-comment{flex-direction:column;margin-top:.5em}.add-comment,.input-row{display:flex;gap:.5em}.comment-username{border:1px solid #ccc;border-radius:4px;flex:2 1;font-size:.85rem;padding:.25em}.comment-username:focus{border-color:#b399d4;outline:none}.comment-textarea{border:1px solid #ccc;border-radius:4px;flex:5 1;font-size:.85rem;padding:.25em;resize:none}.comment-textarea:focus{border-color:#b399d4;outline:none}.add-comment-button{background-color:#b399d4;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:.85rem;padding:.25em .5em}.add-comment-button:hover{background-color:#6a4c9c}.error{color:red;display:block;font-size:.75rem;margin-top:-.5em}.comment-meta .mod-img{height:15px;width:auto}.answer{border-bottom:1px dashed #000;display:flex;flex-direction:row}.answerText{width:75%}.answerAuthor{flex-direction:column;justify-content:center;margin-left:5%;text-align:center}.answerAuthor,.answer_author{align-items:center;display:flex}.answer_author{color:green}.question_author{align-items:center;color:red;display:flex}.answer_author .mod-img{display:inline-block;height:30px;width:auto}.question_author .mod-img{display:inline-block}.follow-button{border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.follow-button.follow{background-color:#007bff;border:1px solid #007bff;color:#fff}.follow-button.follow:hover{background-color:#0056b3;border:1px solid #0056b3}.follow-button.follow:active{background-color:#003f7f;border:1px solid #003f7f}.follow-button.unfollow{background-color:#fff;border:1px solid #007bff;color:#007bff}.follow-button.unfollow:hover{background-color:#f1f1f1;border:1px solid #0056b3}.follow-button.unfollow:active{background-color:#e0e0e0;border:1px solid #003f7f}.follow-button.active{background-color:#28a745;border:1px solid #28a745;color:#fff}.follow-button.active:hover{background-color:#218838;border:1px solid #218838}.answer_question_title{max-width:60%}.answer_question_meta{color:#bbb}.ansButton{margin:2% 0 2% 2%}.questionBody{border-bottom:1px dashed #000;display:flex;flex-direction:row;margin-top:5%}.answer_question_view{width:15%}.answer_question_text{width:60%}.answer_question_right{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-left:5%}.question_author .mod-img{height:30px;width:auto}.vote-container{align-items:center;display:flex;padding:12px}.vote-button{cursor:pointer;height:50px;padding:.5rem;transition:transform .2s ease-in-out;width:47px}.vote-count{margin-left:.5rem}.vote-button:hover{filter:brightness(.8)}*{box-sizing:border-box}.chat-room{border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;margin:auto;overflow:hidden;width:100%}.chat-header{background-color:#6a4c9c;color:#fff;padding:10px 20px;text-align:center}.chat-messages{background-color:#f9f9f9;overflow-x:hidden;padding:5px}.user-name{font-weight:700;margin-right:5px}.message-input{background-color:#fff;border-top:1px solid #ddd;padding:10px}.message-textbox{border:1px solid #ddd;border-radius:4px;flex:1 1;margin-right:10px;padding:10px;resize:none;width:100%}.message-actions{align-items:center;display:flex;justify-content:space-between}.send-button{background-color:#b399d4;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;width:100px}.send-button:hover{background-color:#6a4c9c}.error-message{background-color:#ffe6e6;border:1px solid #fcc;border-radius:4px;display:inline-block;font-size:.85rem;margin-left:10px;padding:5px 10px;white-space:nowrap}.message{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;margin:auto auto 10px;padding:10px;width:98%}.message.sender{align-self:flex-end;background-color:#d1e7ff}.message.receiver{align-self:flex-start;background-color:#fff}.message-header{align-items:center;color:#666;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:5px}.message-sender{color:#333;font-weight:700}.message-time{color:#999;font-size:.8rem}.message-body{word-wrap:break-word;color:#333;font-size:1rem;line-height:1.5}.custom-button{background-color:#b399d4;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 16px;transition:background-color .3s}.custom-button:hover{background-color:#6a4c9c}.custom-input{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:16px;padding:10px;width:100%}.direct-message-container{box-sizing:border-box;display:flex;gap:16px;height:100vh;padding:16px}.chat-container{background-color:#fff;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex:1 1;flex-direction:column;padding:16px}.chat-container h2{color:#555;font-size:20px;margin-bottom:16px}.chat-messages{background-color:#fefefe;border:1px solid #ddd;border-radius:6px;flex:1 1;margin-bottom:16px;max-height:400px;overflow-y:auto;padding:10px}.chat-message{margin-bottom:10px}.chat-message strong{color:#4f68c6}.message-input{align-items:center;display:flex;gap:8px}.chats-list{background-color:#fff;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:16px;width:30%}.chats-list h2{color:#555;font-size:18px;margin-bottom:16px}.chats-list-card:hover{background-color:#eaeaea}.create-panel{background-color:#fff;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:16px;padding:16px}.create-panel p{color:#555;margin-bottom:8px}.direct-message-error{color:red;font-weight:700;margin-top:15px}.chats-list-card{background-color:#f5f5f5;border-radius:6px;cursor:pointer;margin-bottom:10px;padding:12px;transition:background-color .3s}.users_list:last-child{border-bottom:1px dashed #000}.user-card-container{flex:2 1}.user{border-top:1px dashed #000;display:flex;flex-direction:row}.userStats{color:#bbb;text-align:right;width:30%}.user_mid{margin-bottom:auto;margin-left:2rem;margin-top:auto;width:60%}.userUsername{color:#6495ed;cursor:pointer}.bold_title{font-weight:700;white-space:nowrap}#user_search_bar{height:2rem;margin-left:auto;margin-right:auto;margin-top:auto;width:70%}.container{align-items:center;background-color:#f7f7f7;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.container h2{color:#333;font-size:2rem;margin-bottom:10px}.container h3{color:#555;font-size:1.5rem;margin-bottom:20px}.container h4{color:#666;font-size:1rem;margin:15px 0 5px;text-align:left}.container h4,form{max-width:400px;width:100%}form{display:flex;flex-direction:column;gap:15px}.input-text{background-color:#fff;color:#333;padding:12px;transition:border-color .3s,box-shadow .3s}button[type=submit]{background:#b399d4}button:hover[type=submit]{background:#6a4c9c}.signup-button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s}.signup-button:active{background-color:#4a2c79}.login-link{color:#007bff;cursor:pointer;font-size:14px;margin-top:30px;text-align:center;text-decoration:none;transition:color .3s}.login-link:hover{color:#0056b3;text-decoration:underline}.profile-card{background:#fff;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1);box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;max-height:700px;max-width:600px;overflow-y:auto;padding:30px;width:100%}.profile-card h2{color:#333;font-size:26px;font-weight:700;margin-bottom:20px;text-align:left}.profile-card h4{color:#555;font-size:18px;font-weight:700;margin-top:24px}.profile-card h4,.profile-card p{margin-bottom:10px;text-align:left}.profile-card p{color:#666;font-size:15px;line-height:1.4}.input-text{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:16px;margin-bottom:15px;max-width:400px;outline:none;padding:10px;width:100%}.input-text:focus{border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.5)}.email{padding-top:20px}.delete-button,.login-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-right:10px;margin-top:15px;padding:10px 20px}.login-button{background-color:#b399d4;color:#fff}.login-button:hover{background-color:#6a4c9c}.login-button:active{background-color:#003f7f}.delete-button{background-color:#ff4c4c;color:#fff}.delete-button:hover{background-color:#c00}.delete-button:active{background-color:#900}.profile-card .success-message{color:#9aab89;margin-top:10px}.profile-card .error-message{color:red;margin-top:10px}.toggle-password-button{background-color:#ddd;border:none;border-radius:5px;color:#333;cursor:pointer;font-size:14px;margin-top:10px;padding:5px 10px}.toggle-password-button:hover{background-color:#bbb}.badge-icon{cursor:pointer;height:30px;margin:5px;width:30px}.icon-container{justify-content:left;width:auto}.icon-container,.modal-overlay{align-items:center;display:flex}.modal-overlay{background:rgba(0,0,0,.5);height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.3);max-height:70vh;max-width:500px;overflow-y:auto;padding:20px;position:relative;width:90%}.modal-content h3{font-size:22px;font-weight:700;margin-bottom:10px}.social-tabs{align-items:center;display:flex;height:100%;justify-content:space-evenly;width:100%}.modal-button{background-color:#f1f1f1;border:1px solid #ddd;border-radius:5px;color:#333;cursor:pointer;font-size:16px;padding:10px 20px}.modal-button:hover{background-color:#ddd}.close-modal{background-color:#ff4c4c;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 12px;position:absolute;right:10px;top:10px}.close-modal:hover{background-color:#c00}.close-modal:active{background-color:#900}.user-list{list-style-type:none;padding:0}.user-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:10px 0}.view-profile-button{background-color:#b399d4;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.view-profile-button:hover{background-color:#6a4c9c}.game-available,.game-controls,.game-details{margin-bottom:15px}.game-modal{align-items:left;display:flex;flex-direction:column;justify-content:center}.modal-header{align-items:center;display:flex;justify-content:space-between}.paginated-games-list{border:2px solid #000;border-radius:10px;margin:5px;padding:10px}.pagination-controls{align-items:center;display:flex;justify-content:right}.paginated-list-header{align-items:center;display:flex;justify-content:space-between}.game-controls,.game-details{margin-bottom:15px}.btn-create-game,.btn-join-game,.btn-leave-game,.btn-refresh-list{background:#b399d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s ease}.btn-create-game:hover,.btn-join-game:hover,.btn-leave-game:hover,.btn-refresh-list:hover{background:#6a4c9c}.game-items{display:flex;flex-direction:column;gap:10px}.game-item{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;padding:15px}.game-item p{margin:5px 0}.game-item ul{list-style:none;margin:5px 0;padding:0}.game-item li{background:#eef2f3;border-radius:4px;margin:3px 0;padding:5px 10px}.game-item button{font-size:14px;margin-top:10px;padding:8px 16px}.invite-modal{border:1px solid #000;border-radius:8px;padding:8px}.border-bottom{border-bottom:1px solid #000}.close-btn{border:1px solid #000;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s ease}.close-btn:hover{background:gray}.nim-game-details{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-top:20px;padding:20px}.nim-game-details h2{color:#444;font-size:20px}.nim-game-move{background:#fefefe;border:1px solid #ddd;border-radius:8px;margin-top:15px;padding:15px}.nim-game-move h3{color:#444;font-size:20px}.nim-game-move input{border:1px solid #ccc;border-radius:4px;margin-right:10px;padding:8px;width:100px}.nim-game-move button{padding:8px 16px}.chopsticks-game-details{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-top:20px;padding:20px}.chopsticks-game-details h2{color:#444;font-size:20px}.chopsticks-game-move{background:#fefefe;border:1px solid #ddd;border-radius:8px;margin-top:15px;padding:15px}.chopsticks-game-move h3{color:#444;font-size:20px}.chopsticks-game-move input{border:1px solid #ccc;border-radius:4px;margin-right:10px;padding:8px;width:100px}.chopsticks-button{border:1px solid #000;border-radius:4px;cursor:pointer;font-size:16px;padding:8px 16px;transition:background-color .2s ease}.chopsticks-button:disabled{background:#ccc;border:none;cursor:not-allowed}.chopsticks-button-selected{background:gray;border:1px solid #000;border-radius:4px;cursor:pointer;font-size:16px;padding:8px 16px;transition:background-color .2s ease}.chopsticks-button-selected:disabled{background:#ccc;border:none;cursor:not-allowed}.btn-move{background:#b399d4}.btn-move,.btn-move-selected{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s ease}.btn-move-selected{background:#6a4c9c}.btn-submit{background:#b399d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-left:0;padding:10px 20px;transition:background-color .2s ease}.btn-submit:hover{background:#6a4c9c}.btn-submit:disabled{background:#ccc;cursor:not-allowed}.tic-tac-toe-game-details{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-top:20px;padding:20px}.tic-tac-toe-input{align-items:left}.square{background:#fff;border:1px solid #999;box-sizing:border-box;float:left;font-size:24px;font-weight:700;height:34px;line-height:34px;margin:0;padding:0;text-align:center;width:34px}.board-row:after{clear:both;content:"";display:table}.load-btn-wrapper{align-items:center;display:flex;justify-content:right}.load-btn{background:#b399d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:5px;transition:background-color .2s ease}.load-btn:disabled{background:#ccc;cursor:not-allowed}.player-item,.player-item-selected{border:1px solid #000;border-radius:4px;cursor:pointer;font-size:16px;padding:4px 8px;transition:background-color .2s ease}.player-item-selected{background:gray}.invite-modal-description{font-size:16px;margin:10px}.page-container{background:#f7f7f7;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:40px 0;width:100%}.notifications-list{align-items:flex-start;flex-direction:column;max-height:900px;min-width:600px;overflow-y:auto;padding:30px}.notification-item,.notifications-list{background:#fff;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1);box-sizing:border-box;display:flex;font-family:Arial,Helvetica,sans-serif;width:100%}.notification-item{align-items:center;flex-direction:row;gap:10px;justify-content:flex-start;max-height:100px;min-width:300px;padding:15px}.notification-item span{flex-grow:1;text-align:left}.close-button,.go-button{margin-left:10px}.go-button{background-color:#b399d4;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s}.go-button:hover{background:#6a4c9c}.leaderboard-page{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.leaderboard-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.leaderboard-controls label{font-size:14px;font-weight:700}.leaderboard-controls input[type=checkbox],.leaderboard-controls select{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-left:5px;padding:5px}.leaderboard-list{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);padding:15px}.leaderboard-error{color:red;font-weight:700;margin-bottom:10px;text-align:center}.leaderboard-list h2{color:#333;font-size:24px;margin-bottom:10px;text-align:center}table{border-collapse:collapse;margin-top:10px;width:100%}table td,table th{border:1px solid #ddd;padding:10px;text-align:center}table th{background-color:#f4f4f4;color:#555;font-weight:700}table tr:nth-child(2n){background-color:#f9f9f9}table tr:hover{background-color:#f1f1f1}table td{color:#333;font-size:14px}.btn-view-games{background:#b399d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s ease}.community-page{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:0 auto;max-width:900px;padding:20px}.community-header h1{color:#333;font-size:24px}.community-status{color:#666;margin-left:20px}.btn-view-community{background:#b399d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s ease}.btn-view-community:hover{background:#6a4c9c}.community-details{margin-bottom:15px}.community-list{border-top:1px solid #ddd;margin-top:15px;padding-top:15px}.community-list h2{color:#444;font-size:20px}.community-items{display:flex;flex-direction:column;gap:10px}.community-error{color:red;font-weight:700;margin-top:15px}.community-search-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.search-container{align-items:center;display:flex;position:relative;width:300px}.community-search-input{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:10px 30px 10px 10px;width:100%}.clear-search-btn{background:none;border:none;color:#666;cursor:pointer;font-size:.9rem;position:absolute;right:10px}.clear-search-btn:hover{color:#333}.no-communities-found{color:#666;font-style:italic;padding:20px;text-align:center}.communityCard{align-items:center;border:1px solid #000;display:flex;flex-direction:column;justify-items:center;padding:5%;place-self:center;width:40%}.communityName{color:#4f68c6}.community-item{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;padding:15px}.community-item p{margin:5px 0}.community-item ul{list-style:none;margin:5px 0;padding:0}.community-item li{background:#eef2f3;border-radius:4px;margin:3px 0;padding:5px 10px}.community-item button{font-size:14px;margin-top:10px;padding:8px 16px}.message-container{align-items:center;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:20px}.message-container h1,.message-container p{color:#333}.error-message{color:red;display:block;font-size:14px;margin-left:auto;margin-right:auto;margin-top:20px;text-align:center;width:fit-content}.icon-settings{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;padding:12px;text-align:center;transition:background .3s ease,color .3s ease;width:48%}.icon-settings:hover{background-color:#6a4c9c;color:#fff}.btn-settings{align-items:center;background-color:#b399d4;border:1px solid #ccc;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;padding:12px;text-align:center;transition:background .3s ease,color .3s ease;width:30%}.btn-settings:hover{background-color:#6a4c9c;color:#fff}.square-icon{height:30px;margin-right:8px;width:30px}.rectangle-icon{height:35px;margin-right:8px;width:30px}.back-button-container{align-items:center;display:flex;justify-content:space-between;width:100%}.back-button-container-middle{display:flex;justify-content:center;margin-top:20px;width:100%}.tab-container{display:flex;justify-content:left;margin:20px 0}.tab-button{background:#f0f0f0;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin:0 10px;padding:10px 20px}.tab-button.active{background:#6a4c9c;color:#fff}.loading-container-community{align-items:center;display:flex;justify-content:center;z-index:9999}.loading-container-community h2{color:#333;font-size:2rem;font-weight:700}.spinner{animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin-left:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.poll-card{background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:20px;text-align:center}.poll-card-header{font-size:20px;font-weight:700;margin-bottom:15px}.poll-card-body,.poll-options{margin-top:15px}.poll-options{display:flex;flex-direction:column;gap:10px}.poll-vote-option{background:#b399d4;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;transition:.3s}.poll-vote-option:hover{background:#6a4c9c}.poll-vote-option:disabled{background:#ccc;cursor:not-allowed}.poll-vote-option.selected{background:#28a745}.poll-card-footer{color:#666;font-size:14px;margin-top:15px}.voted-message{color:#28a745}.error-message,.voted-message{font-weight:700;margin-top:10px}.error-message{color:#d9534f}.polls-container{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:100%;overflow-y:auto;padding:10px;width:100%}.polls-container p{color:#888;font-size:1.1rem;text-align:center}.polls-container .error{color:#f44336;font-size:1.2rem;font-weight:700;text-align:center}.polls-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.no-polls{color:#555;font-size:1.2rem;font-weight:700;text-align:center}.polls-scroll-container{display:flex;gap:1rem;margin-top:10px;overflow-x:auto;scroll-snap-type:x mandatory}.poll-card-wrapper{box-sizing:border-box;max-width:300px;min-width:250px;scroll-snap-align:start}.polls-scroll-container::-webkit-scrollbar{display:none}.small-icon-settings{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;padding:8px;text-align:center;transition:background .3s ease,color .3s ease;width:20%}.action-button,.action-buttons .action-button{background:#b399d4;border:none;border-radius:4px;color:#fff}.action-button,.action-buttons .action-button,.dropdown-pending-members{cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s ease}.dropdown-pending-members{background:#fff;border:2px solid #a9a9a9;border-radius:4px;color:#b399d4;height:40px}.action-section{align-items:center;display:flex;justify-content:left}.action-buttons{display:flex}.visibility-container{margin-top:20px}.visibility-container label{margin-right:8px}.btn-select-game{background:#b399d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s ease}.btn-select-game:hover{background:#6a4c9c}.private-game-wrapper{align-items:center;display:flex;margin-bottom:10px;margin-top:10px}body{background-color:#f8f9fa;font-family:Arial,sans-serif;margin:0;padding:0}.game-page{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:0 auto;max-width:900px;padding:20px}.game-header h1{color:#333;font-size:24px}.game-status{color:#666;margin-left:20px}.game-available{margin-bottom:15px}button{display:inline-block;margin:10px}.btn-join-game,.btn-leave-game,.btn-refresh-list{background:#b399d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s ease}.btn-join-game:hover,.btn-leave-game:hover,.btn-refresh-list:hover{background:#6a4c9c}button:disabled{background:#ccc;cursor:not-allowed}.game-list{border-top:1px solid #ddd;margin-top:15px;padding-top:15px}.game-list h2{color:#444;font-size:20px}.game-error{color:red;font-weight:700;margin-top:15px}.poll-option{align-items:center;display:flex;gap:10px;margin-bottom:10px}.poll-option input{margin-top:10px}.poll-option button{background-color:#ff4d4d;border-radius:5px;color:#fff;cursor:pointer;margin-top:0;transition:background .3s}.poll-option button:hover{background-color:#c00}.btn-add-option{background-color:#b399d4;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px;transition:background .3s}.btn-add-option:hover{background-color:#6a4c9c}.btn-add-option:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.btn-submit-poll{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 20px;transition:background .3s}.btn-submit-poll:hover{background-color:#218838}.expiration-container{display:flex;flex-direction:column;margin:8px;width:100%}.expiration-input{border-radius:8px;border-width:1px;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.remove-btn{align-items:center;background-color:red;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;padding:5px 10px;transition:background .3s ease;width:30px}.remove-btn:hover{background-color:#c00}.remove-btn:disabled,.remove-btn:disabled:hover{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.error-text{color:red;margin-bottom:20px}
/*# sourceMappingURL=main.e7f1a149.css.map*/