@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Pacifico&display=swap";*{font-family:Nunito Sans,sans-serif;margin:0;padding:0}body{background-image:url(/background.png)}.content_wrapper{display:flex;justify-content:center;align-items:center;height:90vh}.game_wrapper{margin:20px 0;display:flex;align-items:center;flex-direction:column;background-color:#fff;border-radius:10px}.game_wrapper p{font-family:Montserrat,sans-serif;font-size:18px;text-align:center;padding:30px 0 20px;font-weight:500}hr{width:100%}main{min-width:365px;min-height:375px}#rotate-device-warning{display:none}@media only screen and (max-width: 64em) and (orientation: landscape){#rotate-device-warning{display:flex;position:fixed;background-color:#212121;height:100%;z-index:3141592;width:100%;align-items:center}#rotate-device-warning img{width:100%}body{overflow:hidden}}.loader{width:fit-content;font-size:25px;font-family:monospace;line-height:1.4;font-weight:700;--c: no-repeat linear-gradient(#000 0 0);background:var(--c),var(--c),var(--c),var(--c),var(--c),var(--c),var(--c);background-size:calc(1ch + 1px) 100%;border-bottom:10px solid #0000;position:relative;animation:l8-0 2.5s infinite linear;clip-path:inset(-20px 0);margin-bottom:100px}.loader:before{content:"Loading"}.loader:after{content:"";position:absolute;width:10px;height:14px;background:#fff;left:-10px;bottom:100%;animation:l8-1 2.5s infinite linear}@keyframes l8-0{0%,12.5%{background-position:0% 0,calc(1 * 100% / 6) 0,calc(2 * 100% / 6) 0,50% 0,calc(4 * 100% / 6) 0,calc(5 * 100% / 6) 0,100% 0}25%{background-position:0% 40px,calc(1 * 100% / 6) 0,calc(2 * 100% / 6) 0,50% 0,calc(4 * 100% / 6) 0,calc(5 * 100% / 6) 0,100% 0}37.5%{background-position:0% 40px,calc(1 * 100% / 6) 40px,calc(2 * 100% / 6) 0,50% 0,calc(4 * 100% / 6) 0,calc(5 * 100% / 6) 0,100% 0}50%{background-position:0% 40px,calc(1 * 100% / 6) 40px,calc(2 * 100% / 6) 40px,50% 0,calc(4 * 100% / 6) 0,calc(5 * 100% / 6) 0,100% 0}62.5%{background-position:0% 40px,calc(1 * 100% / 6) 40px,calc(2 * 100% / 6) 40px,50% 40px,calc(4 * 100% / 6) 0,calc(5 * 100% / 6) 0,100% 0}75%{background-position:0% 40px,calc(1 * 100% / 6) 40px,calc(2 * 100% / 6) 40px,50% 40px,calc(4 * 100% / 6) 40px,calc(5 * 100% / 6) 0,100% 0}87.4%{background-position:0% 40px,calc(1 * 100% / 6) 40px,calc(2 * 100% / 6) 40px,50% 40px,calc(4 * 100% / 6) 40px,calc(5 * 100% / 6) 40px,100% 0}to{background-position:0% 40px,calc(1 * 100% / 6) 40px,calc(2 * 100% / 6) 40px,50% 40px,calc(4 * 100% / 6) 40px,calc(5 * 100% / 6) 40px,100% 40px}}@keyframes l8-1{to{left:115%}}.startingwrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#4555eb;position:absolute;width:100%;height:100%;z-index:101;user-select:none;-webkit-user-select:none;-moz-user-select:none}.category_image{width:125px;height:125px;border-radius:10px;border:5px solid #000000;margin-bottom:5px}.startingwrapper p{font-size:16px;font-weight:700;text-align:center;margin:20px 15px 40px}.startingwrapper h3{text-align:center;margin-bottom:100px}.start_button{appearance:button;border:5px solid #000000;border-radius:20px;color:#000;background-color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.8px;outline:none;overflow:visible;padding:13px 3px;text-align:center;text-transform:uppercase;touch-action:manipulation;transform:translateZ(0);transition:filter .2s;vertical-align:middle;white-space:nowrap;width:200px;margin-bottom:120px}.animate_start{animation:starting 1s forwards}@keyframes starting{0%{transform:translateY(0)}75%{opacity:1;transform:translateY(-100%);display:flex}to{transform:translateY(-100%);opacity:0;display:none}}.startanimation{display:flex;flex-direction:column;justify-content:center;align-items:center;animation:startfade 1.5s ease}@keyframes startfade{0%{opacity:0;transform:translateY(200px)}to{transform:translateY(0);opacity:1}}.animate_end{animation:endappear 2s ease}@keyframes endappear{0%{display:flex;opacity:1;transform:translateY(-100%)}to{display:flex;transform:translateY(0);opacity:1}}header{width:100%;height:50px;background-color:#242520;display:flex;align-items:center}header p{font-family:Pacifico,sans-serif;color:#fff;font-size:25px;margin:4px}.yes{font-family:Pacifico,sans-serif;color:#e63946}.logo{margin-left:3%;height:40px;width:37px}.message{position:absolute;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:10px;padding:20px;border:2px solid #424242;top:21%;font-size:16px;font-weight:700;opacity:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;z-index:100}.animate_message{animation:message 2s ease}@keyframes message{0%{opacity:0}10%{opacity:1}50%{opacity:1}to{opacity:0}}.game_category_wrapper{display:grid;grid-template-columns:1fr;gap:5px;margin:5px}.category{display:flex;flex-direction:column;grid-template-columns:1fr 1fr 1fr 1fr;justify-content:center;align-items:center;border-radius:8px;min-height:0px;min-width:0px}.category p{text-align:center;margin:0 2px;padding:0;font-size:14px}.category h3{text-align:center}#category0{background-color:#90ee90}#category1{background-color:#ffb6c1}#category2{background-color:#abd3e0}#category3{background-color:#f3f371}.animate_fade{animation:categoryfade .5s forwards}.animate_appear{animation:categoryappear .6s ease}@keyframes categoryfade{0%{background-color:#696969;color:#696969;opacity:1}80%{background-color:#ddd;color:#ddd;opacity:.25}to{color:#ddd;background-color:#ddd;opacity:0}}@keyframes categoryappear{0%{background-color:#696969;opacity:0}25%{background-color:#696969}50%{opacity:1;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}.main_game_wrapper{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:5px;margin:5px}.game_box{display:flex;justify-content:center;align-items:center;border-radius:8px;min-height:86px;min-width:82px;max-width:200px;background-color:#e0e0e0;color:#000;text-align:center;font-weight:700;text-transform:uppercase;padding:3px;transition:transform .1s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;font-size:16px;cursor:pointer}.game_box:active{transform:scale(.97)}.game_box_selected{background-color:#696969;color:#fff}.animate_fail{animation:boxesfail .5s ease}@keyframes boxesfail{0%{transform:translate(0)}25%{transform:translate(-3%)}75%{transform:translate(3%)}to{transform:translate(0)}}.game_tries_wrapper{justify-self:center;display:flex;justify-content:center;align-items:center}.game_tries_wrapper p{margin:0;padding:0;font-size:14px;color:#000}.try,.try_pop{margin:0 5px;height:11px;width:11px;border:solid 2px #000000;border-radius:50%}#try1{background-color:#000}#try2{background-color:#999}#try3{background-color:#4555eb}#try4{background-color:#fff}.animate_pop{animation:trypops .5s forwards}@keyframes trypops{0%{opacity:1}to{transform:scale(1.5);opacity:0}}.game_button_wrapper{display:flex;justify-content:center;align-items:center;margin:6px 10px 15px;font-size:16px;font-weight:500}.game_button{appearance:button;border:solid transparent;border-radius:20px;border-color:#666;box-sizing:border-box;color:#000;cursor:pointer;display:inline-block;font-family:din-round,sans-serif;font-size:12px;font-weight:700;letter-spacing:.8px;margin:5px;outline:none;overflow:visible;padding:13px 3px;text-align:center;text-transform:uppercase;touch-action:manipulation;transform:translateZ(0);transition:filter .2s;vertical-align:middle;white-space:nowrap;min-width:20%;user-select:none;-webkit-user-select:none;-moz-user-select:none}.game_button:after{background-clip:padding-box;background-color:#fff;border:solid transparent;border-radius:16px;content:"";inset:0 0 -1px;position:absolute;z-index:-1}.game_button:active{background:none}#Submit{appearance:button;border:solid transparent;border-radius:20px;border-color:#a7a7a7;box-sizing:border-box;color:#8a8a8a;cursor:pointer;display:inline-block;font-family:din-round,sans-serif;font-size:12px;font-weight:700;letter-spacing:.8px;margin:5px;outline:none;overflow:visible;padding:13px 3px;text-align:center;text-transform:uppercase;touch-action:manipulation;transform:translateZ(0);transition:filter .2s;vertical-align:middle;white-space:nowrap;min-width:20%;user-select:none;-webkit-user-select:none;-moz-user-select:none}.ready{border-color:#666!important;background-color:#000;color:#fff!important}.vertical-line{position:absolute;top:0;bottom:0;left:50%;width:3px;background-color:red;transform:translate(-50%);z-index:1000}.confetti_wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;pointer-events:none;overflow:hidden}@keyframes confetti-fall{0%{transform:translateY(-100%) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:.8}}.confetti-piece{position:absolute;width:10px;height:20px;background:var(--confetti-color, red);opacity:.9;animation:confetti-fall var(--fall-duration, 4s) linear infinite}.confetti-piece:nth-child(1){left:10%;--confetti-color: #ff6347;--fall-duration: 3s}.confetti-piece:nth-child(2){left:25%;--confetti-color: #ffa500;--fall-duration: 5s}.confetti-piece:nth-child(3){left:40%;--confetti-color: #32cd32;--fall-duration: 4.5s}.confetti-piece:nth-child(4){left:60%;--confetti-color: #1e90ff;--fall-duration: 3.5s}.confetti-piece:nth-child(5){left:80%;--confetti-color: #ff69b4;--fall-duration: 6s}