@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";:root{--primary-color:#fa8937;--secondary-color:#18cc64;--dark:#14141a;--light:#f4f5f6;--dark-gray:#292932;--charcol:#1d1d25;--light-gray:#8e8e93;--primary-font:"Bebas neue", sans-serif;--secondary-font:"inter", sans-serif;--primary-opacity-70:#fa8937b3;--primary-opacity-40:#fa893766;--primary-opacity-20:#fa893733;--secondary-opacity-70:#18cc64b3;--secondary-opacity-40:#18cc6466;--secondary-opacity-20:#18cc6433;--light-opacity-70:#f4f5f6b3;--light-opacity-40:#f4f5f666;--light-opacity-20:#f4f5f633}*{box-sizing:border-box;margin:0;padding:0}body{z-index:-1;width:100%;color:var(--light);font-family:var(--secondary-font);background-image:linear-gradient(var(--dark-gray) 1px, transparent 1px), linear-gradient(to right, var(--dark-gray) 1px, var(--dark) 1px);background-size:30px 30px;display:flex;overflow-x:auto}#root{flex-direction:column;align-items:center;width:100%;display:flex}h1,h2,h3,h4,h5,h6,button{font-family:var(--primary-font);letter-spacing:2px;font-weight:400}p{font-family:var(--secondary-font)}.main-container{z-index:0;width:100%;max-width:1440px}.primary-btn{background-color:var(--primary-color);box-shadow:2px 2px 5px var(--primary-opacity-40), -2px -2px 5px var(--primary-opacity-40);cursor:pointer;border:none;border-radius:15px;padding:10px}.secondary-btn{background-color:var(--secondary-color);box-shadow:2px 2px 5px var(--secondary-opacity-40), -2px -2px 5px var(--secondary-opacity-40);cursor:pointer;border:none;border-radius:15px;padding:10px}.background-container{background-color:var(--dark);z-index:-2;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.background-container .lines{z-index:-1;opacity:.8;background-color:#e5e5f7;background-image:linear-gradient(var(--dark-gray) 1px, transparent 1px), linear-gradient(to right, var(--dark-gray) 1px, var(--dark) 1px);background-size:30px 30px;width:100%;height:100%;display:flex;position:absolute}.background-container .bubble-background{z-index:-2;border-radius:50%;width:300px;height:300px;position:absolute;transform:translate(-50%,-50%)}.background-container .bubble-background.primary{background:radial-gradient(circle, var(--primary-opacity-40), var(--primary-opacity-20), var(--dark), var(--dark));top:50%;left:25%}.background-container .bubble-background.secondary{background:radial-gradient(circle, var(--secondary-opacity-40), var(--secondary-opacity-20), var(--dark), var(--dark));top:50%;left:75%}header{justify-content:space-between;align-items:center;width:100%;max-width:1440px;padding:0 10px;display:flex}header .logo{cursor:pointer}header img{width:80px}header .header-btn button{border-radius:10px;justify-content:center;align-items:center;font-size:1rem;display:flex}.suggestion-box-section{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0003;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.suggestion-box-section .suggestion-form{background-color:var(--charcol);border:1px solid var(--light-opacity-40);border-radius:15px;flex-direction:column;gap:20px;width:400px;padding:20px;display:flex}.suggestion-box-section .suggestion-form .loader{justify-content:center;align-items:center;display:flex}.suggestion-box-section .suggestion-form .head{justify-content:space-between;display:flex}.suggestion-box-section .suggestion-form .head img{cursor:pointer;width:25px}.suggestion-box-section .suggestion-form form{flex-direction:column;gap:15px;display:flex}.suggestion-box-section .suggestion-form form .field{flex-direction:column;gap:10px;display:flex}.suggestion-box-section .suggestion-form form .field label{font-size:16px}.suggestion-box-section .suggestion-form form .field input{background-color:var(--dark-gray);border:1px solid var(--light-opacity-70);color:var(--light);border-radius:10px;padding:10px 8px;font-size:18px}.suggestion-box-section .suggestion-form form .input{gap:15px;display:flex}.suggestion-box-section .suggestion-form form .input span{gap:5px;display:flex}.suggestion-box-section .suggestion-form form .input span input[type=radio]{width:20px;color:var(--primary-color)}.suggestion-box-section .suggestion-form form button{border-radius:10px;font-size:18px}.toast{background-color:var(--charcol);border:1px solid var(--light-opacity-40);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:10px 15px;animation:.3s toast;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%,-50%)}.toast img{width:30px}@keyframes toast{0%{top:-100px}to{top:60px}}.loader{align-items:end;gap:15px;height:50px;display:flex;position:relative}.loader .loader-circle{background-color:var(--secondary-color);border-radius:10px;justify-content:center;align-items:center;width:15px;height:15px;animation:1s ease-in infinite loading;display:flex;position:relative}.loader .first{animation-delay:0s}.loader .second{animation-delay:.1s}.loader .third{animation-delay:.2s}.loader .forth{animation-delay:.3s}.loader .fifth{animation-delay:.4s}@keyframes loading{0%{background-color:var(--secondary-color);top:0}50%{background-color:var(--primary-color);top:-25px}to{background-color:var(--secondary-color);top:0}}.home-container{flex-direction:column;align-items:center;gap:20px;width:100%;padding-top:50px;display:flex}.home-container .icon-box{background-color:var(--primary-color);border-radius:15px;justify-content:center;align-items:center;width:100px;height:100px;padding:10px;display:flex}.home-container .icon-box img{width:80px}.home-container h1{text-shadow:2px 2px 20px var(--primary-opacity-70), -2px -2px 20px var(--primary-opacity-70);text-align:center;font-size:5rem;font-weight:400}.home-container h1 span{color:var(--primary-color)}.home-container p{text-align:center;font-size:16px}.home-container button{width:200px;height:60px;margin:20px 0;font-size:1.5rem}.home-container ul{text-align:center;gap:20px;padding-top:10px;list-style-type:none;display:flex}.home-container ul li{background-color:var(--light-opacity-20);border-radius:10px;justify-content:center;align-items:center;padding:5px 8px;font-size:12px;display:flex}.form-container{flex-direction:column;align-items:center;gap:40px;width:100%;padding:50px 0;display:flex}.form-container .steps{gap:15px;list-style:none;display:flex}.form-container .steps .step{background-color:var(--light-opacity-40);border-radius:10px;width:70px;height:10px;transition:all .5s}.form-container .steps .step.active-step{background-color:var(--secondary-color)}.player-count-section,.category-section,.type-section,.player-input-section{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}:is(.player-count-section,.category-section,.type-section,.player-input-section) .icon-box{background-color:var(--secondary-color);border-radius:25px;justify-content:center;align-items:center;width:100px;height:100px;padding:10px;display:flex}:is(.player-count-section,.category-section,.type-section,.player-input-section) .icon-box img{width:80px}:is(.player-count-section,.category-section,.type-section,.player-input-section) h2{text-align:center;font-size:2rem}:is(.player-count-section,.category-section,.type-section,.player-input-section) p{text-align:center;font-size:16px}:is(.player-count-section,.category-section,.type-section,.player-input-section) .count-btns{align-items:center;gap:50px;display:flex}:is(.player-count-section,.category-section,.type-section,.player-input-section) .count-btns h3{text-shadow:2px 2px 20px var(--secondary-opacity-70), -2px -2px 20px var(--secondary-opacity-70);font-size:4rem}:is(.player-count-section,.category-section,.type-section,.player-input-section) .count-btns .toogle-player-count{background-color:var(--light-opacity-20);color:var(--light);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;padding-top:5px;font-size:3rem;display:flex}:is(.category-section,.type-section,.player-input-section) .icon-box{width:80px;height:80px}:is(.category-section,.type-section,.player-input-section) .icon-box img{width:50px;height:50px}.form-change-btns{gap:30px;display:flex}.form-change-btns button{border:none;border-radius:10px;justify-content:center;align-items:center;gap:5px;width:130px;height:50px;padding:10px;font-size:1.3rem;display:flex}.form-change-btns button img{width:22px;height:25px}.form-change-btns .back-btn{background-color:var(--light-gray);box-shadow:2px 2px 5px var(--light-opacity-20), -2px -2px 5px var(--light-opacity-20)}.form-change-btns .start-btn{width:170px}.select-box{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.select-box .option-box{background-color:var(--dark);border:1px solid var(--light-opacity-20);text-transform:capitalize;cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:25px;font-size:1.2rem;transition:all .3s;display:flex}.select-box .option-box:hover{border-color:var(--light)}.select-box .option-box.active{border-color:var(--secondary-opacity-70);background-color:var(--secondary-opacity-20);box-shadow:2px 2px 5px var(--secondary-opacity-40), -2px -2px 5px var(--secondary-opacity-40)}.more-category-section{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0000004d;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.more-category-section .select-box-container{background-color:var(--charcol);border:1px solid var(--light-opacity-40);border-radius:20px;flex-direction:column;gap:20px;width:400px;height:max-content;max-height:500px;padding:20px;display:flex;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.more-category-section .select-box-container .head{justify-content:space-between;display:flex}.more-category-section .select-box-container .head h3{font-size:2rem}.more-category-section .select-box-container .head img{cursor:pointer}.more-category-section .select-box-container .content{scrollbar-width:none;flex-direction:column;gap:10px;display:flex;overflow-y:scroll}.more-category-section .select-box-container .content .option-box{background-color:var(--dark-gray);border:1px solid var(--light-opacity-20);text-transform:capitalize;cursor:pointer;border-radius:10px;padding:15px;transition:all .2s}.more-category-section .select-box-container .content .option-box:hover{border-color:var(--light)}.more-category-section .select-box-container .content .option-box.active{border-color:var(--primary-opacity-70);background-color:var(--primary-opacity-20);box-shadow:2px 2px 5px var(--primary-opacity-40), -2px -2px 5px var(--primary-opacity-40)}.type-section .select-box{grid-template-columns:repeat(2,1fr)}.type-section .select-box .option-box{flex-direction:column;width:200px;padding:50px;font-size:1.1rem;display:flex}.type-section .select-box .option-box.active{border-color:var(--primary-opacity-70);background-color:var(--primary-opacity-20);box-shadow:2px 2px 5px var(--primary-opacity-40), -2px -2px 5px var(--primary-opacity-40)}.input-field-section{flex-direction:column;gap:20px;display:flex}.input-field-section .input-area{gap:20px;display:flex}.input-field-section .input-area .player-counts{background-color:var(--primary-color);width:40px;height:40px;color:var(--dark);border-radius:8px;justify-content:center;align-items:center;padding:8px;font-size:1.5rem;display:flex}.input-field-section .input-area input{background-color:var(--charcol);border:1px solid var(--light-opacity-70);width:300px;color:var(--light);border-radius:10px;padding:8px;font-size:1.1rem}.input-field-section .input-area input::placeholder{color:var(--light-opacity-40)}.game-header{background-color:var(--dark);border-bottom:1px solid var(--light-opacity-20);justify-content:center;width:100%;display:flex}.game-header .header{justify-content:space-between;width:100%;max-width:1440px;padding:20px 15px;display:flex}.game-header .header .game-details{justify-content:center;align-items:center;gap:20px;height:100%;font-size:16px;display:flex}.game-header .header .game-details img{cursor:pointer;width:35px}.game-header .header .custom-dare-add-btn{background-color:var(--light-opacity-20);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.6rem;display:flex}.custom-dare-section{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2;background-color:#0000004d;width:100%;height:100%;position:absolute;top:0;left:0}.custom-dare-section .custom-dare-field{background-color:var(--charcol);border:1px solid var(--light-opacity-40);border-radius:15px;flex-direction:column;gap:30px;width:400px;padding:20px;display:flex;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-dare-section .custom-dare-field .head{justify-content:space-between;display:flex}.custom-dare-section .custom-dare-field .head h3{font-size:2rem}.custom-dare-section .custom-dare-field .head img{cursor:pointer}.custom-dare-section .custom-dare-field .content{flex-direction:column;gap:20px;display:flex}.custom-dare-section .custom-dare-field .content input{background-color:var(--charcol);border:1px solid var(--light-opacity-70);color:var(--light);border-radius:10px;padding:12px 8px;font-size:1.1rem}.custom-dare-section .custom-dare-field .content input::placeholder{color:var(--light-opacity-40)}.custom-dare-section .custom-dare-field .content button{border-radius:10px;place-content:center;height:40px;font-size:1.1rem;display:flex}.game-start-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:70vh;padding:50px 10px;display:flex}.game-start-section .round-details h2{font-size:1.5rem}.game-start-section .round-details p{color:var(--secondary-color);font-size:3rem}.game-start-section .player-turn p{font-size:16px}.game-start-section .player-turn p span{text-transform:uppercase;color:var(--primary-color);font-size:24px;font-family:var(--primary-font);letter-spacing:2px}.game-start-section .player-results{flex-direction:column;gap:15px;width:400px;display:flex}.game-start-section .player-results .result-list{background-color:var(--dark-gray);border:1px solid var(--light-opacity-40);text-transform:capitalize;border-radius:10px;justify-content:space-between;padding:10px;display:flex}.game-start-section .player-results .result-list.active{background-color:var(--primary-opacity-20);border:1px solid var(--primary-opacity-70)}.game-start-section .dice-section{flex-direction:column;align-items:center;gap:15px;display:flex}.game-start-section .dice-section h3{color:var(--secondary-color);text-shadow:2px 2px 10px var(--secondary-opacity-40), -2px -2px 10px var(--secondary-opacity-40);font-size:5rem}.game-start-section .dice-section button{border-radius:15px;justify-content:center;align-items:center;gap:10px;width:200px;font-size:1.5rem;display:flex}.game-start-section .dice-section button img{width:40px}.game-start-section .dare-section{flex-direction:column;gap:20px;display:flex}.game-start-section .dare-section p{font-size:18px}.game-start-section .dare-section p span{text-transform:capitalize;color:var(--primary-color);font-size:24px;font-family:var(--primary-font)}.game-start-section button{border-radius:15px;justify-content:center;align-items:center;gap:10px;width:200px;height:60px;font-size:1.5rem;display:flex}.game-start-section button img{width:30px}.game-start-section .show-dare-section{background-color:var(--charcol);border:2px solid var(--primary-color);border-top-width:5px;border-radius:15px;flex-direction:column;align-items:center;gap:20px;width:450px;margin:20px 0;padding:20px;display:flex}.game-start-section .show-dare-section p{color:var(--primary-color);font-size:16px}.game-start-section .show-dare-section p span{text-transform:capitalize}.game-start-section .show-dare-section h3{font-size:2rem}.game-start-section .show-dare-section img{width:50px}.game-start-section .game-over-section{flex-direction:column;align-items:center;gap:20px;display:flex}.game-start-section .game-over-section .icon-box{background-color:var(--light-opacity-20);border:1px solid var(--secondary-opacity-70);box-shadow:2px 2px 5px var(--secondary-opacity-20), -2px -2px 5px var(--secondary-opacity-20);border-radius:15px;justify-content:center;align-items:center;padding:20px;display:flex}.game-start-section .game-over-section .icon-box img{width:80px}.game-start-section .game-over-section button{border-radius:15px;justify-content:center;align-items:center;gap:10px;width:200px;height:60px;font-size:1.3rem;display:flex}.game-start-section .game-over-section button img{width:30px}.error-page{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100vh;display:flex}.error-page button{width:150px;height:50px;font-size:1.2rem}.auth-form-section{justify-content:center;align-items:center;width:100%;height:100%;padding:50px 20px;display:flex}.auth-form-section form{background-color:var(--charcol);border:1px solid var(--light-opacity-40);border-radius:15px;flex-direction:column;gap:20px;width:450px;padding:20px;display:flex}.auth-form-section form input{background-color:var(--dark-gray);border:1px solid var(--light-opacity-40);color:var(--light);border-radius:10px;padding:10px;font-size:1.2rem}.auth-form-section form button{height:50px;font-size:1.3rem}.data-section{flex-direction:column;gap:20px;width:100%;padding:30px 20px;display:flex}.data-section ul{flex-direction:column;gap:15px;list-style:none;display:flex}.data-section ul li{background-color:var(--dark-gray);border:1px solid var(--light-opacity-20);border-radius:10px;justify-content:space-between;align-items:center;padding:15px;font-size:14px;display:flex}.data-section ul li h2{white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;max-width:20%;height:max-content;overflow:hidden}.data-section ul li h2:first-child{width:40%}.data-section ul li h2:nth-child(2),.data-section ul li h2:nth-child(3){width:20%}.data-section ul li h2:nth-child(4){text-align:center;width:7%}.data-section ul li .delete{background-color:var(--primary-color);color:var(--dark);cursor:pointer;text-align:center;border-radius:5px;padding:5px 8px;font-size:16px}.data-section ul li .status{border-radius:5px;padding:5px;font-size:18px}.data-section ul li .status.pending{background-color:var(--light-gray);color:var(--dark)}.data-section ul li .status.approved{background-color:var(--secondary-color);color:var(--dark)}.data-section ul li .status.rejected{color:var(--light);background-color:red}.data-section ul .list:hover{border:1px solid var(--light);cursor:pointer;gap:10px;display:grid}.data-section ul .list:hover h2{white-space:wrap;overflow:visible}.data-section ul .list:hover h2:first-child{grid-area:1/1/2/3;width:100%;max-width:100%}.data-section ul .list:hover h2:nth-child(2){grid-area:2/1/3/2;width:100%;max-width:100%}.data-section ul .list:hover h2:nth-child(3){grid-area:3/1/4/3;width:100%;max-width:100%}.data-section ul .list:hover h2:nth-child(4){grid-area:2/2/3/3;width:100%;max-width:max-content}.data-section ul .list:hover .delete{grid-area:3/2/4/3;width:100%}.data-section .empty,.data-section .loader-block{flex-direction:column;justify-content:center;align-items:center;display:flex}@media screen and (width<=1024px){.logo{width:80px;height:80px}.home-container,.form-container,.player-input-section{padding-top:30px}.icon-box{width:80px!important;height:80px!important}.icon-box img{width:50px;height:50px}.game-header .header{padding:20px}}@media screen and (width<=768px){body{background-image:linear-gradient(var(--dark-gray) 1px, transparent 1px), linear-gradient(to right, var(--dark-gray) 1px, var(--dark) 1px);background-size:30px 30px}.category-section .icon-box{width:80px!important;height:80px!important}.category-section .icon-box img{width:50px;height:50px}.form-container{padding-bottom:30px}.select-box{grid-template-columns:repeat(3,1fr)}.select-box.l-hide{display:flex}}@media screen and (width<=500px){body{background-image:linear-gradient(var(--dark-gray) 1px, transparent 1px), linear-gradient(to right, var(--dark-gray) 1px, var(--dark) 1px);background-size:30px 30px}.m-hide{display:none}.icon-box{width:60px!important;height:60px!important}.icon-box img{width:40px;height:40px}.home-container,.form-container,.player-input-section{padding:10px 20px}.home-container h1{font-size:3.5rem}.home-container p{font-size:16px}.usps{grid-template-columns:auto auto;gap:5px!important;padding:0!important;display:grid!important}.usps li{width:130px}.step{width:50px!important}.player-count-section h2{font-size:2rem}.player-count-section .count-btns h3{font-size:2.5rem}.toogle-player-count{width:40px!important;height:40px!important}.more-category-section{padding:0 20px}.head h3{font-size:24px!important}.form-container{padding-bottom:30px}.select-box{grid-template-columns:repeat(2,1fr)}.option-box{font-size:16px!important}.type-section .option-box{width:120px!important;padding:20px!important}.type-section .option-box img{width:40px!important}.input-field-section .input-area .player-counts{display:none}.back-btn,.next-btn{width:100px!important;font-size:1rem!important}.start-btn{width:140px!important;font-size:1rem!important}.player-input-section{padding:0!important}.input-field-section{width:100%}.input-area input{width:100%!important}.game-header .header{padding:10px 15px}.game-details{gap:15px!important}.game-details.m-game-details{flex-direction:column;align-items:flex-start!important;gap:5px!important}.custom-dare-section{padding:10px 20px}.custom-dare-field{width:100%!important}.custom-dare-field h3{font-size:1.2rem!important}.custom-dare-field img{width:20px!important}.player-results{padding:0 10px;width:100%!important}.show-dare-section{width:90%!important}.game-over-section .icon-box{width:100px!important;height:100px!important}.auth-form-section form{width:100%}ul .list{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);gap:20px!important;display:grid!important}ul .list h2:first-child{grid-area:1/1/2/3}ul .list h2:nth-child(2){grid-area:2/1/3/2}ul .list h2:nth-child(3){grid-area:2/2/3/3}ul .list h2:nth-child(4){grid-area:3/1/4/3}ul .list .delete{grid-area:3/2/4/3}.list h2{width:100%!important;max-width:100%!important}.list .status{width:50%!important}.list:hover .status{width:100%!important}.suggestion-box-section{padding:0 20px}.suggestion-box-section .suggestion-form{width:100%}}