@charset "UTF-8";.dashboard-container{margin:10px}.dashboard-container .dashboard-header{background-color:#121212;width:100%;border-radius:10px;display:flex;justify-content:space-between}.dashboard-container .dashboard-header h2{margin:0;font-weight:800;font-size:20px;padding:15px}.dashboard-container .dashboard-header button{margin:10px;padding:10px px}.dashboard-container .dashboard-header #luo{background-color:#57f288ae}.dashboard-container .main-view{width:1200px;margin:0 auto;padding:15px;display:flex;gap:20px}.dashboard-container .main-view .analytics-container{width:100%;padding:10px;border-radius:10px;background-color:#161616}.dashboard-container .main-view .analytics-container .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dashboard-container .main-view .analytics-container .stats-grid .user-count-container{background-color:#191919;border-radius:5px;padding:20px 15px;display:flex;flex-direction:column;gap:10px;width:225px;height:100px}.dashboard-container .main-view .analytics-container .stats-grid .user-count-container h3,.dashboard-container .main-view .analytics-container .stats-grid .user-count-container h4{margin:0}.dashboard-container .main-view .analytics-container .stats-grid .user-count-container h4{font-weight:900;font-size:30px}.dashboard-container .main-view .analytics-container .stats-grid .server-stats-container{background-color:#191919;border-radius:5px;padding:20px 15px;display:flex;flex-direction:column;gap:5px;width:225px}.dashboard-container .main-view .analytics-container .stats-grid .server-stats-container p{margin:0;font-size:12px;font-weight:900}.dashboard-container .main-view .analytics-container .stats-grid .server-stats-container h3,.dashboard-container .main-view .analytics-container .stats-grid .server-stats-container h4{margin:0}.dashboard-container .main-view .analytics-container .stats-grid .server-stats-container h3{margin-bottom:-5px}.dashboard-container .main-view .analytics-container .stats-grid .server-stats-container h4{font-weight:900;font-size:30px}.dashboard-container .main-view .analytics-container .stats-grid .server-stats-container section{background-color:#121212;padding:10px;border-radius:5px}.dashboard-container .main-view .analytics-container .stats-grid .server-stats-container .server-status{background-color:#00ff0015}.dashboard-container .main-view .side-container{gap:10px;display:flex;flex-direction:column}.dashboard-container .main-view h2,.dashboard-container .main-view p{margin:0;font-weight:900}.dashboard-container .main-view p{font-weight:500}.dashboard-container .main-view .last-played-games{background-color:red;width:100%;padding:10px;border-radius:10px;background-color:#161616}.dashboard-container .main-view .last-played-games section{display:flex;flex-direction:column;gap:10px}.dashboard-container .main-view .last-played-games section h4{margin:0}.dashboard-container .main-view .last-played-games section .game-info{background-color:#191919;border-radius:5px;padding:10px}.dashboard-container .main-view .last-played-games h2{margin:0}.dashboard-container .main-view .last-played-games p{font-size:12.5px;margin:0}.dashboard-container .main-view .membership-container{width:100%;padding:10px;border-radius:10px;background-color:#161616;display:flex;flex-direction:column}.dashboard-container .main-view .membership-container section{display:flex;flex-direction:column;gap:10px}.dashboard-container .main-view .membership-container section h4{margin:0}.dashboard-container .main-view .membership-container section .game-info{background-color:#191919;border-radius:5px;padding:10px}.dashboard-container .main-view .membership-container h2{margin:0}.dashboard-container .main-view .membership-container p{font-size:12.5px;margin:0}.dashboard-container .main-view .game-selection{display:flex;align-items:center;flex-direction:column;gap:10px}.dashboard-container .main-view .game-selection .game{background-color:#161616;padding:15px 10px;display:flex;border-radius:10px;width:850px;justify-content:space-between}.dashboard-container .main-view .game-selection .game .buttons{flex:1;display:flex;justify-content:flex-end;gap:20px}.dashboard-container .main-view .game-selection .game .buttons button{height:100%}.create-container{margin:10px;overflow-y:hidden}.create-container ::-webkit-scrollbar{width:0px;border-radius:10px}.create-container ::-webkit-scrollbar-track{background:#313131}.create-container ::-webkit-scrollbar-thumb{background:#888;border-radius:14px}.create-container ::-webkit-scrollbar-thumb:hover{background:#555}.create-container .create-sandbox{display:flex;padding-top:10px}.create-container .create-sandbox .left-side{height:100vh;background-color:#151515;width:400px;border-radius:5px;padding:10px}.create-container .create-sandbox .left-side .bottom-buttons{height:60px;width:100%;position:sticky;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:20px}.create-container .create-sandbox .left-side .bottom-buttons button{width:100%;padding:10px 0}.create-container .create-sandbox .left-side .visa-settings{width:100%;height:60px;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center}.create-container .create-sandbox .left-side .visa-settings p{margin:0;font-size:10px}.create-container .create-sandbox .left-side .visa-settings h2{margin:0;font-weight:900;font-size:15px}.create-container .create-sandbox .left-side .dia-selector{height:calc(100vh - 220px);overflow-y:scroll}.create-container .create-sandbox .left-side .dia-selector .question{background-color:#242424;height:150px;border-radius:5px;padding:5px 10px;margin-bottom:10px;display:flex;justify-content:space-between}.create-container .create-sandbox .left-side .dia-selector .question h6{float:right;text-align:right}.create-container .create-sandbox .left-side .dia-selector .question:hover{background-color:#282828;cursor:move}.create-container .create-sandbox .left-side .dia-selector .question h5{margin:0;font-weight:900;font-size:12px}.create-container .create-sandbox .left-side .dia-selector .question p{margin:0;font-size:12.5px;font-weight:800;opacity:75%}.create-container .create-sandbox .question-sandbox{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.create-container .create-sandbox .question-sandbox .question-title-container{background-color:#121212;min-width:90%;height:70px;border-radius:10px}.create-container .create-sandbox .question-sandbox .question-title-container input{width:100%;height:100%;border:none;text-align:center;font-size:30px;font-weight:800;border-radius:10px}.create-container .create-sandbox .question-sandbox .question-title-container input:hover,.create-container .create-sandbox .question-sandbox .question-title-container input:focus{outline:white}.create-container .create-sandbox .question-sandbox .question-content{background-color:#000;width:90%;height:400px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.create-container .create-sandbox .question-sandbox .question-content img{width:100%;height:100%;object-fit:contain}.create-container .create-sandbox .question-sandbox .answer-options{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;width:90%;height:300px;position:relative}.create-container .create-sandbox .question-sandbox .answer-options .question{padding:10px;background-color:#323232;border-radius:5px;display:flex;justify-content:center;align-items:center}.create-container .create-sandbox .question-sandbox .answer-options .question .question:nth-child(4n+1):before{content:"";position:absolute;top:0;left:-50px;height:100%;width:50px;background-color:#ffc107}.create-container .create-sandbox .question-sandbox .answer-options .question input{width:100%;border:none;font-size:20px;font-weight:800;height:60px;background-color:transparent}.create-container .create-sandbox .question-sandbox .answer-options .question input:hover,.create-container .create-sandbox .question-sandbox .answer-options .question input:focus{outline:none}.create-container .create-sandbox .question-sandbox .answer-options .question input::placeholder{color:#ffffffc6}.create-container .create-sandbox .question-sandbox .answer-options #redbox{background-color:var(--redbox)}.create-container .create-sandbox .question-sandbox .answer-options #bluebox{background-color:var(--bluebox)}.create-container .create-sandbox .question-sandbox .answer-options #yellowbox{background-color:var(--yellowbox)}.create-container .create-sandbox .question-sandbox .answer-options #greenbox{background-color:var(--greenbox)}.create-container .create-sandbox .question-settings{height:50vh;width:340px;background-color:#121212;border-radius:5px;padding:5px;display:flex;flex-direction:column}.create-container .create-sandbox .question-settings .bottom-btns{margin-top:auto;gap:5px;display:flex;flex-direction:column}.create-container .create-sandbox .question-settings .bottom-btns #remove{background-color:var(--redbox)}.create-container .create-sandbox .question-settings .bottom-btns button{width:100%;border-radius:10px}.popup-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-background .popup-content{width:700px;height:50vh;min-height:500px;border-radius:5px;padding:10px 20px;background-color:#232323}.popup-background .popup-content #close{float:right;background-color:transparent}.popup-background .popup-content #close #close:hover{border-color:transparent!important}.popup-background .popup-content #close #close:focus,.popup-background .popup-content #close #close:focus-visible{outline:none!important}.popup-background .popup-content h4{margin:0}.popup-background .popup-content .bottom-btns{display:flex;justify-content:center;align-items:center;gap:20px}.dashboard-header{background-color:#121212;width:100%;border-radius:10px;display:flex;justify-content:space-between}.dashboard-header h2{margin:0;font-weight:800;font-size:20px;padding:15px}.dashboard-header button{margin:10px;padding:10px px}.dashboard-header #luo{background-color:#57f288ae}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;overflow-y:hidden;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--redbox: #ed4245b5;--bluebox: #5865f2b5;--yellowbox: #fee75cb5;--greenbox: #57f237b5}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{padding:0!important;margin:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;border-style:dashed;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;color:#fff;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.cookie-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#141414cc;display:flex;justify-content:center;align-items:center}.cookie-popup-content{background-color:#141414;padding:20px;border-radius:10px;text-align:center;color:#fff;max-width:70%}.cookie-popup-buttons{margin-top:20px}.cookie-popup-buttons button{margin:0 10px;padding:10px 20px}.cookie-popup-buttons #accept:hover{background-color:var(--greenbox);opacity:80%}.cookie-popup-buttons #deny:hover{background-color:var(--redbox);opacity:80%}.auth-container{width:100%;margin:0;height:100vh;overflow:auto}.auth-container .header-home{background-color:#121212;height:55px;display:flex;align-items:center;justify-content:space-between;padding:5px 15px;margin:20px;border-radius:10px}.auth-container .authscreen-container-settings{display:flex;flex-direction:column;gap:10px;margin:10px}.auth-container .authscreen-container-settings .meta-box{padding:20px;border-radius:7.5px;display:flex;flex-direction:row;justify-content:space-around;gap:10px;width:90%;max-width:1200px;margin:60px auto 0;background-color:#121212}.auth-container .authscreen-container-settings .meta-box .warning{display:flex;flex-direction:column;gap:2px;background-color:#303030;padding:10px;border-radius:10px;max-width:500px;margin-top:10px;margin-bottom:10px}.auth-container .authscreen-container-settings .meta-box .warning h4,.auth-container .authscreen-container-settings .meta-box .warning p{margin:0}@media screen and (max-width: 1100px){.auth-container .authscreen-container-settings .meta-box{flex-direction:column;text-align:center;height:80vh;max-width:100%!important;max-height:500px;margin-top:0}.auth-container .authscreen-container-settings .meta-box .warning{margin:10px auto}.auth-container .authscreen-container-settings .meta-box img{display:none}}.auth-container .authscreen-container-settings .meta-box img{width:400px;height:130px}.auth-container .authscreen-container-settings .meta-box .home-title{font-size:44px;font-weight:900;margin:0}.auth-container .authscreen-container-settings .meta-box p{font-size:14px;color:#cfcfcf}.auth-container .authscreen-container-settings .meta-box .gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#131314;background-image:none;border:1px solid #747775;border-radius:20px;box-sizing:border-box;color:#e3e3e3;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:100%;max-width:400px;margin:0 auto;min-width:min-content;border-color:#8e918f}.auth-container .authscreen-container-settings .meta-box .gsi-material-button:disabled{cursor:default;background-color:#13131461;border-color:#8e918f1f}.auth-container .authscreen-container-settings .meta-box .gsi-material-button:disabled .gsi-material-button-state{background-color:#e3e3e31f}.auth-container .authscreen-container-settings .meta-box .gsi-material-button:disabled .gsi-material-button-contents,.auth-container .authscreen-container-settings .meta-box .gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.auth-container .authscreen-container-settings .meta-box .gsi-material-button:not(:disabled):active .gsi-material-button-state,.auth-container .authscreen-container-settings .meta-box .gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#fff;opacity:12%}.auth-container .authscreen-container-settings .meta-box .gsi-material-button:not(:disabled):hover{box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.auth-container .authscreen-container-settings .meta-box .gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#fff;opacity:8%}.auth-container .authscreen-container-settings .meta-box .gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.auth-container .authscreen-container-settings .meta-box .gsi-material-button .gsi-material-button-content-wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:center;position:relative;width:100%}.auth-container .authscreen-container-settings .meta-box .gsi-material-button .gsi-material-button-contents{flex-grow:0;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.auth-container .authscreen-container-settings .meta-box .gsi-material-button .gsi-material-button-state{transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.auth-container .authscreen-container-settings .guide-container{padding:20px;border-radius:7.5px;display:flex;flex-direction:column;justify-content:space-around;gap:10px;width:90%;max-width:1200px;margin:0 auto;background-color:#121212}.auth-container .authscreen-container-settings .guide-container .guide-box-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.auth-container .authscreen-container-settings .guide-container .guide-box-container .guide-box{display:flex;flex-direction:column;gap:10px;background-color:#232323;border-radius:10px;padding:10px 20px}.auth-container .authscreen-container-settings .guide-container .guide-box-container .guide-box .warning{display:flex;flex-direction:column;gap:2px;background-color:#ff000051;padding:10px;border-radius:10px;max-width:500px;margin-bottom:10px}.auth-container .authscreen-container-settings .guide-container .guide-box-container .guide-box .warning h4,.auth-container .authscreen-container-settings .guide-container .guide-box-container .guide-box .warning p,.auth-container .authscreen-container-settings .guide-container .guide-box-container .guide-box p{margin:0}.auth-container .authscreen-container-settings .guide-container .guide-box-container .guide-box button{background-color:#daa520b0;width:100%;font-weight:700}.auth-container .authscreen-container-settings .guide-container .guide-box-container .guide-box button:hover{border-color:#daa520b0!important;outline:0px auto -webkit-focus-ring-color!important;box-shadow:0 0 20px #dee90c79}.auth-container .authscreen-container-settings .guide-container .guide-box-container .guide-box h4{margin:0 0 -10px;opacity:75%}.auth-container .authscreen-container-settings .guide-container .guide-box-container .guide-box h3{margin:0;font-weight:900}.auth-container .authscreen-container-settings .guide-container h3{font-size:24px;color:#e3e3e3}.auth-container .authscreen-container-settings .guide-container h1{margin:0 0 10px;font-size:32px}.auth-container .authscreen-container-settings .guide-container ol{text-align:left;margin:0 auto;max-width:500px;font-size:14px;color:#cfcfcf}.auth-container .authscreen-container-settings .guide-container ol li{margin:10px 0;font-weight:700}.auth-container .authscreen-container-settings footer{padding:10px 20px;border-radius:7.5px;display:flex;justify-content:space-between;align-items:center;gap:10px;width:90%;max-width:1200px;margin:0 auto;background-color:#121212}.player-container{display:flex;justify-content:center;height:100vh;align-items:center}.player-container .home-box{background-color:#202020;padding:20px;border-radius:7.5px;text-align:center;max-height:80vh;display:flex;flex-direction:column;gap:10px}.player-container .home-box .ongoing-games{background-color:#242424;padding:20px;display:flex;flex-direction:column}.player-container .home-box .ongoing-games p{margin-bottom:15px!important;font-size:12px}.player-container .home-box .ongoing-games p span{background-color:#b40000fb;font-size:10px;padding:1px 4px;border-radius:3px;font-weight:800}.player-container .home-box .ongoing-games h3,.player-container .home-box .ongoing-games p{margin:0}.player-container .home-box .ongoing-games h3{font-weight:900}.player-container .home-box .ongoing-games button{background-color:#57f288ae}.player-container .home-box .current-profile{display:flex;padding:10px 15px;background-color:#242424;gap:10px;align-items:center}.player-container .home-box .current-profile img{height:40px;border-radius:100px}.player-container .home-box .current-profile p{font-weight:600;margin:0}.player-container .home-box h1{font-size:27.5px;margin:0;font-weight:900}.game-container{margin:0 auto;display:flex;flex-direction:column;justify-content:center;overflow:hidden;height:80vh}.game-container .waiting-text{height:100vh;display:flex;text-align:center;justify-content:center;align-items:center;font-weight:800;flex-direction:column;gap:10px}.game-container .waiting-text .loader{width:20px;aspect-ratio:1;border-radius:50%;border:4px solid grey;animation:l20-1 .8s infinite linear alternate,l20-2 1.6s infinite linear;margin:20px 0}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0)}to{transform:scaleY(-1) rotate(-135deg)}}.game-container .waiting-text p{margin:0;background-color:#181818;padding:10px 15px;border-radius:5px;max-width:250px;font-weight:400}.game-container .waiting-text p stronger{font-weight:800}.game-container .waiting-text h3{margin:0;background-color:#181818;padding:10px 15px;border-radius:5px}.game-container .waiting-text h3{font-weight:900}.game-container .info{margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;overflow:hidden}.game-container .info .lobby-box{background-color:#121212;padding:20px;border-radius:7.5px;text-align:center;max-height:80vh;gap:10px;display:flex;flex-direction:column;min-width:300px;max-width:50%}.game-container .info .lobby-box p{margin-bottom:15px!important;font-size:12px}.game-container .info .lobby-box p span{background-color:#b40000fb;font-size:10px;padding:1px 4px;border-radius:3px;font-weight:800}.game-container .info .lobby-box h3,.game-container .info .lobby-box p{margin:0}.game-container .info .lobby-box h3{font-weight:900;margin-bottom:-5px}.game-container .info .lobby-box button{background-color:#b13b3bfb}.game-container .info .lobby-box .current-profile{display:flex;padding:10px 15px;background-color:#242424;gap:10px;align-items:center}.game-container .info .lobby-box .current-profile img{height:40px;border-radius:100px}.game-container .info .lobby-box .current-profile p{font-weight:600;margin:0}.game-container .info .lobby-box h1{font-size:27.5px;margin:0;font-weight:900}.game-container .info .game-box{background-color:#121212;padding:20px;border-radius:7.5px;text-align:center;max-height:80vh;gap:10px;display:flex;flex-direction:column;min-width:300px;max-width:50%;justify-content:center;align-items:center}.game-container .info .game-box .game-end{display:flex;flex-direction:column;gap:10px}.game-container .info .game-box .game-end img{border-radius:10px}.game-container .info .game-box .game-end .game-end-buttons{display:flex;flex-direction:column;gap:10px}.game-container .info .game-box .game-end .game-end-buttons button{width:300px}.game-container .info .game-box stronger{font-weight:900}.game-container .info .game-box i{font-size:45px;margin:10px 0}.game-container .info .game-box section{display:flex;flex-direction:column;justify-content:center;align-items:center}.game-container .info .game-box section p{margin:0!important}.game-container .info .game-box section hr{opacity:10%;width:300px;border-width:.2px}.game-container .info .game-box section .answer-info{background-color:#222;padding:10px;border-radius:5px;max-width:200px;text-align:center;min-width:150px}.game-container .info .game-box .right h3{color:var(--greenbox)}.game-container .info .game-box .right i{color:var(--greenbox);opacity:75%}.game-container .info .game-box .wrong h3{color:var(--redbox)}.game-container .info .game-box .wrong i{color:var(--redbox);opacity:75%}.game-container .info .game-box .timer{width:50px;height:50px;border-radius:50%;background-color:#242424;display:flex;justify-content:center;align-items:center}.game-container .info .game-box .timer p{margin:0;color:#fff;font-size:18px;margin-bottom:0!important;font-weight:800}.game-container .info .game-box p{margin-bottom:15px!important;font-size:12px}.game-container .info .game-box p span{background-color:#b40000fb;font-size:10px;padding:1px 4px;border-radius:3px;font-weight:800}.game-container .info .game-box h3,.game-container .info .game-box p{margin:0}.game-container .info .game-box h3{font-weight:900;margin-bottom:-5px}.game-container .info .game-box button{background-color:#b13b3bfb}.game-container .info .game-box .current-profile{display:flex;padding:10px 15px;background-color:#242424;gap:10px;align-items:center}.game-container .info .game-box .current-profile img{height:40px;border-radius:100px}.game-container .info .game-box .current-profile p{font-weight:600;margin:0}.game-container .info .game-box h1{font-size:27.5px;margin:0;font-weight:900}.game-container .info .answer-box{width:100%;display:flex;flex-direction:column;justify-content:center;height:100vh;gap:10px;word-wrap:break-word}.game-container .info .answer-box .question{background-color:#353535;text-align:center;padding:20px 4px;margin:20px 20px 0;border-radius:10px;word-wrap:break-word}.game-container .info .answer-box .media-content{background-color:#000;flex-grow:.5;margin:20px;border-radius:5px}.game-container .info .answer-box .answer-boxes{margin:0 20px;display:grid;max-height:200px;min-height:225px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px;position:relative}.game-container .info .answer-box .answer-boxes .box{background-color:#353535;border-radius:5px;padding:5px;display:flex;justify-content:center;align-items:center}.game-container .info .answer-box .answer-boxes .box:hover{opacity:90%;cursor:pointer}.game-container .info .answer-box .answer-boxes .box p{text-align:center;font-size:15px}.game-container .info .answer-box .answer-boxes #redbox{background-color:var(--redbox)}.game-container .info .answer-box .answer-boxes #bluebox{background-color:var(--bluebox)}.game-container .info .answer-box .answer-boxes #yellowbox{background-color:var(--yellowbox)}.game-container .info .answer-box .answer-boxes #greenbox{background-color:var(--greenbox)}.stats-container{display:flex;justify-content:center;align-items:center;height:100vh}.stats-container h3,.stats-container h2{margin:0}.stats-container h2{font-weight:800}.stats-container h3{font-size:12px;font-weight:400}.stats-container .info-container{padding:20px;background-color:#121212;border-radius:5px}.stats-container .home-box{background-color:#202020;text-align:center;max-height:80vh;display:flex;border-radius:7.5px;flex-direction:column;gap:10px}.stats-container .home-box button{margin:10px;padding:10px 30%}.stats-container .home-box h1{font-size:27.5px;margin:0;font-weight:900}.stats-container .home-box .scroll-container::-webkit-scrollbar{width:0;background:transparent}.stats-container .home-box .scroll-container::-webkit-scrollbar-track{background:transparent}.stats-container .home-box .scroll-container::-webkit-scrollbar-thumb{background:transparent}.stats-container .home-box .data{padding:0 20px;display:flex;flex-direction:column;gap:10px;text-align:left;overflow:auto}.stats-container .home-box .data .list{display:flex;flex-direction:column;gap:10px}.stats-container .home-box .data .list .player{background-color:#161616;display:flex;justify-content:space-between;min-width:300px;padding:12px 10px;border-radius:5px}.stats-container .home-box .data .list .player h4,.stats-container .home-box .data .list .player p{margin:0}.stats-container .home-box .data .list .player .player-data{display:flex;flex-direction:column}.stats-container .home-box .data .list .player .player-data img{margin-right:10px}.stats-container .home-box .data .list .player .score{display:flex;flex-direction:column}.stats-container .home-box .data span{background-color:#303030;padding:5px;border-radius:5px;font-weight:800}.settings-container{display:flex;justify-content:center;align-items:center;height:100vh}.settings-container .home-box{background-color:#202020;padding:20px;border-radius:7.5px;text-align:center;max-height:80vh;display:flex;flex-direction:column;gap:10px;min-height:430px;overflow:auto}.settings-container .home-box h3{font-weight:900;font-size:20px}.settings-container .home-box h4{text-align:left;margin:0 0 0 2px;font-weight:700}.settings-container .home-box p{margin:-10px 0 0 2px;font-size:10.5px;text-align:left}.settings-container .home-box section{background-color:#161616;border-radius:5px;text-align:left;padding:10px 20px;min-width:200px}.settings-container .home-box section .info{max-width:200px;padding:0}.settings-container .home-box section .info p{font-size:8px}.settings-container .home-box section span{font-weight:800;font-size:14px}.settings-container .home-box section p{font-size:13px;margin-bottom:-5px}.settings-container .home-box section p span{font-weight:800;margin:0;font-size:8px;padding:2.5px;border-radius:5px;background-color:#32cd3272}.settings-container .home-box section p,.settings-container .home-box section span{margin:0}.settings-container .home-box h1{font-size:27.5px;margin:0;font-weight:900}.not-member-container{width:100%;height:100vh;display:flex;justify-content:center;justify-items:center;align-items:center}.not-member-container .info-container{background-color:#161616;width:350px;position:relative;border-radius:5px;text-align:center}.not-member-container .info-container h3{font-weight:900}.not-member-container .info-container .guide{text-align:left;padding:10px;display:flex;flex-direction:column;gap:10px}.not-member-container .info-container .guide h3,.not-member-container .info-container .guide h4,.not-member-container .info-container .guide p{margin:0}.not-member-container .info-container .guide h4{font-weight:800}.not-member-container .info-container .guide p{font-size:15px}.not-member-container .info-container .guide section{background-color:#222;padding:10px 15px}.bottom-footer{display:flex;background-color:#323232;width:100%;padding:10px;position:fixed;bottom:0;justify-content:space-between;box-sizing:border-box}.bottom-footer p{font-weight:900}.bottom-footer .profile{display:flex;gap:10px;justify-content:center;align-items:center}.bottom-footer img{width:45px;height:45px;border-radius:10px}.bottom-footer .points-container{float:right;text-align:center;margin-right:20px;background-color:#262626;min-width:75px;font-weight:800;border-radius:10px}.host-container{max-width:1200px;margin:0 auto;position:relative;padding:10px;gap:10px;display:flex;flex-direction:column}.host-container .user-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;flex-direction:column}.host-container .user-popup .user-popup-content{background-color:#121212;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000004d;text-align:center;gap:10px!important;display:flex;flex-direction:column}.host-container .user-popup .user-popup p{margin-bottom:10px}.host-container h1{font-weight:800;text-align:center;margin:0}.host-container p{text-align:center;margin:0}.host-container p bold{font-weight:800}.host-container .info-container{padding:10px;margin-top:5px;border-radius:10px;background-color:#101010;display:flex;flex-direction:column}.host-container .info-container img{width:100px;height:100px;margin:0 auto}.host-container .info-container h1{font-weight:700}.host-container .info-container p{margin-top:0}.host-container .player-list{background-color:#181818;border-radius:10px;height:70vh;width:100%;position:relative;overflow-y:auto}.host-container .player-list::-webkit-scrollbar{display:none}.host-container .player-list h3{margin:50px 0 0;text-align:center}.host-container .player-list .player-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-template-rows:repeat(auto-fill,minmax(50px,1fr));gap:20px;padding:20px;height:100%}.host-container .player-list .player-list-grid span{background-color:#121212;border-radius:10px;padding:10px;color:#fff;text-align:center;height:25px;animation:scalePop .5s ease forwards}@keyframes scalePop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.host-container .player-list .bottom-info{position:sticky;bottom:0;width:calc(100% - 20px);height:50px;background-color:#101010;border-radius:5px;display:flex;justify-content:space-between;align-items:center;padding:10px}.host-container .player-list .bottom-info h2{font-size:15px;margin:0;font-weight:400}.host-container .player-list .bottom-info h2 bold{font-weight:800}.host-container .player-list .bottom-info .action-buttons{display:flex;gap:10px}.podium-container{max-width:1000px;margin:0 auto;position:relative;padding:10px;display:flex;flex-direction:column;gap:10px}.podium-container .answer-data{background-color:#181818;height:225px;border-radius:5px}.podium-container .info{display:flex;justify-content:space-between;border-radius:10px;padding:10px 0}.podium-container .info .end-btn{background-color:var(--redbox)}.podium-container .info h2{background-color:#121212;padding:10px;width:200px;border-radius:5px;text-align:center;margin:0}.podium-container .info button{background-color:var(--bluebox)}.podium-container .playerlist{height:500px;gap:20px;display:flex;flex-direction:column}.podium-container .playerlist .player{display:flex!important;flex-direction:row;justify-content:space-between;padding:15px 10px;border-radius:10px;align-items:center;background-color:#121212;transition:transform .5s ease-in-out,opacity .5s ease-in-out}.podium-container .playerlist .player.move-up{transform:translateY(-100%);opacity:.5}.podium-container .playerlist .player.move-down{transform:translateY(100%);opacity:.5}.podium-container .playerlist .player p{font-weight:800}.podium-container .playerlist .player .score{background-color:#242424;padding:10px 20px;border-radius:10px;margin:0 10px;height:25px}.podium-container .playerlist .player .user{display:flex;gap:10px;align-items:center}.podium-container .playerlist .player .user p{font-weight:800;margin:0}.podium-container .playerlist .player .user img{height:60px;border-radius:10px;transform:scale(.85);margin:0}.podium-container .playerlist #scoreboard:nth-child(1){background-color:#ae94008d}.podium-container .playerlist #scoreboard:nth-child(2){background-color:#b0c4dea6}.podium-container .playerlist #scoreboard:nth-child(3){background-color:#cd80327a}.host-timer{width:100%;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.host-timer section{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;word-wrap:break-word}.host-timer section h2{margin:0;font-size:30px;font-weight:900}.host-timer section h3{background-color:#121212;font-size:35px;padding:10px 15px;border-radius:5px;margin:5px 0;max-width:70%}.host-timer .loading-bar-container{position:fixed;width:100%;bottom:0;left:0;height:20px;background-color:#404040;margin:0}.host-timer .loading-bar-container .loading-bar{height:100%;background-color:#898400;animation:loadingAnimation 5s linear}@keyframes loadingAnimation{0%{width:0%}to{width:100%}}.question-container{max-width:1250px;height:100vh;margin:0 auto;padding:20px 0;display:flex;flex-direction:column;justify-content:space-between;gap:10px}.question-container .question-info{background-color:#353535;padding:30px 5px;text-align:center;border-radius:5px;word-wrap:break-word}.question-container .question-info h2{margin:0;font-size:30px}.question-container .question-media{background-color:#000;flex-grow:1;border-radius:5px}.question-container .answer-options{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;height:320px;margin-top:auto}.question-container .answer-options .question{background-color:#353535;height:155px;border-radius:10px;display:flex;gap:15px;align-items:center;position:relative}.question-container .answer-options .question:hover{background-color:#282828;cursor:pointer}.question-container .answer-options .question h5{margin:0;font-weight:900;font-size:12px}.question-container .answer-options .question p{margin:0;font-size:12.5px;font-weight:800;opacity:75%}.question-container .answer-options .question .color-block{top:0;left:0;width:125px;height:100%;border-top-left-radius:5px;border-bottom-left-radius:5px}.question-container .answer-options .question #redbox{background-color:var(--redbox)}.question-container .answer-options .question #bluebox{background-color:var(--bluebox)}.question-container .answer-options .question #yellowbox{background-color:var(--yellowbox)}.question-container .answer-options .question #greenbox{background-color:var(--greenbox)}.question-container .bottom-div{height:50px;display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.question-container .bottom-div section{display:flex;gap:10px}.question-container .bottom-div h3{margin:0;background-color:#141414;padding:5px 10px;border-radius:5px}.not-found-container{height:100vh;align-items:center;justify-content:center;display:flex;flex-direction:column}.not-found-container h3,.not-found-container p{margin:0;text-align:center}.not-found-container h3{font-size:40px;font-weight:900}.not-found-container h1{text-align:center;margin:10px 0}.privacy-container{max-width:1200px;height:100vh;margin:0 auto;overflow-y:auto}
