.message{display:flex;flex-direction:row;font-family:Questrial,sans-serif;font-weight:400;position:fixed;top:18%;left:50%;transform:translate(-50%);padding:10px;border:2px solid #292f3b;border-radius:5px;background-color:#1e222b;color:#ddca8d;font-size:1.2rem;text-align:center;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease;z-index:9999}.message.show{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.user_box{display:flex;gap:1rem;flex-wrap:wrap;padding:1rem;border-radius:20px;background-color:#1e222b;border:5px solid #292f3b;width:200px}.top_row{display:flex;flex-direction:row;width:100%}.name{font-family:Questrial,sans-serif;font-weight:400;font-style:normal;font-size:clamp(20px,4vw,30px);color:#ddca8d;width:80%}.logout_position{margin-left:auto;width:26%}.image-button{position:relative;width:200px;padding:0;border:none;background:none;cursor:pointer;border-radius:8px;overflow:hidden}.picture{width:100%;display:block;border-radius:8px}.overlay{position:absolute;inset:0;background:#0009;opacity:0;transition:opacity .3s ease;border-radius:8px;pointer-events:none;color:#ddca8d}.image-button:hover .overlay{opacity:1}.user_stats_table{display:flex;flex-direction:column;width:100%;border:3px solid #262b36;border-radius:5px;overflow:hidden;min-height:0}.game_stats{display:flex;flex-direction:column}.game_name{font-family:Questrial,sans-serif;font-weight:400;font-style:normal;color:#ddca8d;padding:5px;border-bottom:3px solid #292f3b}.user_score_row{display:flex;flex-direction:row;font-family:Questrial,sans-serif;font-weight:400;font-style:normal;color:#ddca8d;background-color:#181b22;width:100%}.score_label{width:50%;padding:5px;border-right:3px solid #262b36}.user_score{width:50%;display:flex;justify-content:center;align-items:center;padding-right:10px}.other_stats{display:flex;flex-direction:row;font-family:Questrial,sans-serif;font-weight:400;font-style:normal;color:#ddca8d;background-color:#181b22;width:100%;border-top:3px solid #262b36;padding:5px;box-sizing:border-box}.no_stats{display:flex;flex-direction:row;font-family:Questrial,sans-serif;font-weight:400;font-style:normal;color:#ddca8d;background-color:#181b22;width:100%;padding:5px}.login{display:flex;flex-direction:column;gap:5px;color:#ddca8d;background-color:#1e222b;padding-bottom:5px}.login input{height:25px;width:100%;color:#ddca8d;background-color:#1e222b}.register{display:flex;flex-direction:column;gap:5px;color:#ddca8d;background-color:#1e222b;padding-bottom:5px}.register input{height:25px;width:100%;color:#ddca8d;background-color:#1e222b}button{display:flex;flex-direction:row;width:auto;font-family:Questrial,sans-serif;font-weight:400;font-style:normal;color:#ddca8d;background-color:#1e222b;border-radius:5px;border:2px solid #292f3b;padding:3px;outline:none;cursor:pointer}button:hover{background-color:#181b22}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.font-1{color:#ff95a7}.font-2{color:#84ff74}.font-3{background:linear-gradient(90deg,#ff6ec4,#7873f5);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.font-4{color:#00fff7;text-shadow:0 0 5px #00fff7,0 0 10px #00fff7,0 0 10px #00fff7,0 0 20px #7873f5}.font-5{background:linear-gradient(90deg,red,orange,#ff0,green,#0ff,#00f,violet);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rainbowMove 8s ease infinite}@keyframes rainbowMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.game-button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;border:5px solid #292f3b;border-radius:5px;background-color:#1e222b;cursor:pointer;width:300px;font-family:Questrial,sans-serif;font-weight:400;font-style:normal;color:#ddca8d}.game-button img{width:250px;height:80px;object-fit:cover}.game-button:hover{background:#191c24}.game-list{display:flex;flex-direction:column;gap:.5rem}.game-thumbnail{font-family:Questrial,sans-serif;font-weight:400;font-size:3rem;padding:10px}@media only screen and (max-width:600px){.game-list{display:flex;flex-direction:column;gap:.5rem}}.reward-button.background-1{background-color:#ff96a7;color:#ff96a7}.reward-button.background-2{background-color:#84ff74;color:#84ff74}.reward-button.background-3{background:linear-gradient(90deg,#ff6ec4,#7873f5);color:linear-gradient(90deg,#ff6ec4,#7873f5)}.reward-button.background-4{background:#00fff7;color:#000;box-shadow:0 0 1px #00fff7,0 0 5px #00fff7,0 0 5px #00fff7,0 0 5px #7873f5}.reward-button.background-5{background:linear-gradient(120deg,red,orange,#ff0,green,#0ff,#00f,violet);color:#fff;background-size:600% 600%;animation:buttonrainbowMove 15s ease infinite}@keyframes buttonrainbowMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.game-rewards{min-width:400px;display:flex;flex-direction:row;border:5px solid #292f3b;background-color:#1e222b;gap:.5em;padding:.5em;border-radius:5px}.reward-button{position:relative;height:100px;width:100px;corner-shape:squircle;border-radius:100px;display:flex;align-items:center;justify-content:center;background-color:#181b22;color:#fff;border:0;transition:transform .3s ease,box-shadow .3s ease}.reward-button.locked{filter:grayscale(100%) brightness(.5)}.reward-button.locked:hover{transform:scale(1.03);opacity:.1}.locked-text{position:absolute;font-family:Questrial,sans-serif;font-weight:600;font-size:14px;color:#fff}.reward-button:hover{transform:scale(1.1);box-shadow:0 0 7px currentColor}.reward-button.equipped{border:4px solid #ffeaa7;box-shadow:0 0 8px #ffeaa7}.reward-button.equipped:hover{transform:scale(1.1);box-shadow:0 0 8px #ffeaa7}.loading{color:#ddca8d}.selections{width:100px;position:relative}.drop-down{display:flex;flex-direction:column;font-family:Questrial,sans-serif;font-weight:400;font-style:normal;position:absolute;border:5px solid #292f3b;background-color:#1e222b;border-top:none;margin-top:8px;color:#ddca8d;left:-12px;width:115px;transform-origin:top;transform:scaleY(0);opacity:0;transition:transform .3s ease,opacity .3s ease}.drop-down.show{transform:scaleY(1);opacity:1;pointer-events:auto}.equip-row{display:flex;align-items:center;width:115px}.title{white-space:nowrap;margin-left:3px;font-size:14px}.equip{margin-left:auto;display:flex;align-items:center}.equip input[type=checkbox]{width:16px;height:16px}@media(max-width:700px){.game-rewards{width:200px;display:flex;flex-direction:row;border:5px solid #292f3b;background-color:#1e222b;gap:.001em;padding:.5em;border-radius:5px}.reward-button{width:60px;height:60px}}.box{width:600px;height:100px;background-color:#1e222b;border-radius:5px;border:5px solid #292f3b;padding:10px}.text{font-family:Questrial,sans-serif;font-weight:400;font-style:normal;font-size:large;color:#ddca8d;margin:0;padding-bottom:5px}strong{padding-right:10px}.gap{margin-top:-10px}.statsbox{display:flex;flex-direction:column;border-radius:20px;border:5px solid #292f3b;background-color:#1e222b;width:520px;height:auto;max-height:500px;padding:1rem;box-sizing:border-box}.filters{display:flex;flex-direction:row;padding-left:5px;padding-bottom:5px}select{height:23px;width:80px;color:#ddca8d;background-color:#1e222b;border-radius:5px;border:2px solid #292f3b;cursor:pointer}select:hover{background-color:#181b22}input{width:120px;color:#ddca8d;background-color:#1e222b;border-radius:5px;border:2px solid #292f3b}.score_table{display:flex;flex-direction:column;width:100%;border-radius:5px;border:3px solid #292f3b;background-color:#1e222b;overflow:hidden;min-height:0}.scores{font-family:Questrial,sans-serif;font-weight:400;font-style:normal;color:#ddca8d;background-color:#181b22;flex:1;overflow-y:overlay;overflow-x:hidden;scrollbar-color:#ddca8d #12141a;min-height:0}.score_row{font-family:Questrial,sans-serif;font-weight:400;font-style:normal;color:#ddca8d;display:flex;box-sizing:border-box;flex-wrap:nowrap;width:100%;border-bottom:3px solid #292f3b}.score_cell{flex:1 1 0;text-align:left;padding:3px;overflow:hidden}.score_cell:nth-child(1){flex:0 0 40px}.score_cell:nth-child(2){flex:1;border-right:3px solid #292f3b}.score_cell:nth-child(3){flex:1;border-right:3px solid #292f3b}.score_cell:nth-child(4){flex:1;text-align:center;border-right:3px solid #292f3b}.score_cell:nth-child(5){flex:1;text-align:left}.score_cell:nth-child(6){flex:0 0 9px}@-moz-document url-prefix(){.score_cell:nth-child(6){display:none}}.container{display:flex;flex-direction:column;width:100%}.middle-area{width:100%;height:500px;display:flex;flex-direction:row;align-items:center}.userbox{display:flex;flex-direction:column;align-items:center;width:30%}.lists{display:flex;justify-content:center;width:40%}.stats-position{display:flex;justify-content:center;width:30%}@media only screen and (max-width:1200px){.container{display:flex;flex-direction:column;width:100%}.middle-area{display:flex;flex-direction:column;width:100%;height:auto;align-items:center;gap:4rem;margin-top:2rem}.textbox{display:flex;justify-content:center;width:100%;margin-top:2rem}}.loading{font-family:Questrial,sans-serif;font-weight:400;font-style:normal;color:#ddca8d}.playbox{display:flex;flex-direction:column;width:100%}.game-layout{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%}.emptyspace-position{display:flex;width:30%}.gamescreen-position{display:flex;justify-content:center;align-items:center;width:40%;height:100%}.scoreboard-position{display:flex;justify-content:center;width:30%}.gamescreen-position iframe{width:810px;max-width:100%;height:620px}.textbox{display:flex;justify-content:center;width:100%}.scoreboard{display:flex;flex-direction:column;border-radius:20px;border:5px solid #292f3b;background-color:#1e222b;width:520px;height:auto;max-height:580px;padding:1rem;box-sizing:border-box;overflow:hidden}h2{display:flex;justify-content:center;justify-items:flex-start;font-family:Questrial,sans-serif;font-weight:400;font-style:normal;font-size:30px;color:#ddca8d}.top_list{background-color:#181b22;scrollbar-color:#ddca8d #12141a;border-top:3px solid #292f3b;border-right:3px solid #292f3b;border-left:3px solid #292f3b;border-radius:5px}.player_info{font-family:Questrial,sans-serif;font-weight:400;font-style:normal;font-size:20px;color:#ddca8d;display:flex;box-sizing:border-box;flex-wrap:nowrap;width:100%;height:45px;border-bottom:3px solid #292f3b}.player_cell{display:flex;justify-content:center;align-items:center;flex:1;text-align:left;overflow:hidden}.rank{color:#ffeaa7}.rank.first{color:#ffeaa7;text-shadow:0 0 1px #ffeaa7,0 0 10px #ffeaa7,0 0 10px #ffeaa7,0 0 20px #ffffff}.rank.second{color:#ffeaa7;text-shadow:0 0 1px #dadada,0 0 10px #dadada,0 0 10px #dadada,0 0 20px #ffffff}.rank.third{color:#ffeaa7;text-shadow:0 0 1px #da9555,0 0 10px #da9555,0 0 10px #da9555,0 0 20px #ffffff}.profile_pic{width:32px;height:32px;border-radius:50%;object-fit:cover}.profile_pic.first{border:2px solid #ffeaa7;box-shadow:0 0 4px #ffeaa7}.profile_pic.second{border:2px solid #dadada;box-shadow:0 0 4px #dadada}.profile_pic.third{border:2px solid #da9555;box-shadow:0 0 4px #da9555}.player_cell:nth-child(1){flex:0 0 40px;border-right:3px solid #292f3b}.player_cell:nth-child(2){flex:0 0 40px}.player_cell:nth-child(3){flex:1;border-right:3px solid #292f3b}.player_cell:nth-child(4){flex:1}@media only screen and (max-width:1200px){.game-layout{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.emptyspace-position{display:flex;width:100%}.gamescreen-position{display:flex;justify-content:center;align-items:center;width:90%}.gamescreen-position iframe{width:120%;height:620px}.scoreboard-position{display:flex;justify-content:center;width:80%}.textbox{display:flex;justify-content:center;width:100%}}body{background-color:#262b36;min-height:98vh}.header{height:80px;display:flex;justify-content:center;align-items:center;font-family:Questrial,sans-serif;font-size:60pt;padding:1rem;background:linear-gradient(to bottom,#ddca8d,#ffc760,#ddca8d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header a{text-decoration:none}.navbar{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4em}.nav-game{width:50%;display:flex;justify-content:flex-end}.nav-reward{width:50%;display:flex;justify-content:flex-start}.navbar-button{font-size:1.2rem;padding:.5rem 1.5rem}@media only screen and (max-width:700px){.header{font-size:40pt}}