/*
! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.absolute{position:absolute}.relative{position:relative}.resize{resize:both}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:XfinityBrown;src:url(/fonts/XfinityBrown-Bold.woff);font-weight:700}@font-face{font-family:XfinityBrown;src:url(/fonts/XfinityBrown-Regular.woff);font-weight:400}@font-face{font-family:XfinityBrown;src:url(/fonts/XfinityBrown-Light.woff);font-weight:lighter}body,html{font-family:XfinityBrown,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-y:hidden!important}*,body,html{padding:0;margin:0}*{box-sizing:border-box!important}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}body{background-color:#000}main{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100vw;height:100vh;background:50% 30%/cover no-repeat url(/background.jpg);color:#fff;overflow:hidden}@media(max-height:450px),(max-width:700px){main{height:-moz-max-content;height:max-content;overflow-y:scroll;justify-content:flex-start}}.page-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100vw;height:100vh;background:linear-gradient(0deg,transparent,rgba(0,0,0,.25) 77%,#000);color:#fff;overflow:hidden;transition:all .3s ease}@media(max-height:450px),(max-width:700px){.page-wrapper{overflow-y:scroll;justify-content:flex-start}}.page-wrapper>*,.page-wrapper>*>*{transition:all .3s ease}h1,h2{font-weight:700}h3,h4{font-weight:400}p{font-weight:lighter}a{color:inherit;text-decoration:none}button{font-size:18px;padding:.75rem 3rem;border-radius:100px;background-color:#fff;border:2px solid #fff;font-weight:700!important;color:#5a23b9;transition:all .3s ease}button:hover{background-color:transparent;color:#fff}.status-tracker{position:absolute;z-index:3;top:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;transition:all .3s ease;animation:fade-in .3s ease-in forwards}.status-tracker h4{font-weight:400;font-size:20px;margin-bottom:.5rem}.status-tracker .bubbles{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:400px;transition:all .3s ease}.status-tracker .bubbles div{width:30px;height:30px;border-radius:100px;border:2px solid #fff;background-color:transparent}.status-tracker .bubbles div .heart,.status-tracker .bubbles div svg{display:none}.status-tracker .bubbles .page-active{background-color:#5a23b9}.status-tracker .bubbles .correct,.status-tracker .bubbles .incorrect,.status-tracker .bubbles .page-active{display:flex;align-items:center;justify-content:center}.status-tracker .bubbles .correct svg,.status-tracker .bubbles .incorrect svg{display:block;width:15px;height:15px}.status-tracker .bubbles .correct .heart,.status-tracker .bubbles .incorrect .heart{display:block;height:15px;width:auto}.status-tracker .bubbles .correct{background-color:#fff}.status-tracker .bubbles .incorrect{background-color:transparent}.status-tracker .bubbles .incorrect polygon{fill:#fff}.final-pagination{position:static;padding:0;margin-bottom:4rem}.final-pagination h4{font-size:22px}.game-pagination{padding:30px;position:static;margin-top:2rem}@media(max-height:850px){.game-pagination{padding-bottom:1rem}}@media(max-height:750px){.game-pagination{margin-top:0}}@media(min-width:1900px){.game-pagination{max-width:1900px;margin:2rem auto 0;left:0;right:0}.final-pagination h4{font-size:30px}}@media(min-width:2300px)and (min-height:900px){.status-tracker h4{font-size:30px;margin-bottom:1rem}.status-tracker .bubbles{width:450px}.status-tracker .bubbles div{width:40px;height:40px}.status-tracker .bubbles div svg{width:20px!important;height:20px!important}.status-tracker .bubbles div .heart{height:20px!important;width:auto}}@media(max-width:1400px)and (max-height:900px){.game-pagination{margin:0!important}}@media(max-width:805px){.final-pagination{margin-bottom:2rem}}@media(max-width:425px){.final-pagination{width:100%}.final-pagination h4{font-size:20px}.final-pagination .bubbles{width:300px}.final-pagination .bubbles div{width:25px;height:25px}}@media(max-width:325px){.final-pagination .bubbles{width:250px}.final-pagination .bubbles div{width:25px;height:25px}}@media(max-width:1100px){.game-pagination h4{font-size:16px}.game-pagination .bubbles{width:250px}.game-pagination .bubbles div{width:25px;height:25px}.game-pagination .bubbles div svg{width:15px!important;height:15px!important}.game-pagination .bubbles div .heart{height:15px!important;width:auto}}@media(max-width:800px){.game-pagination{margin-top:1rem!important}}@media(max-height:450px),(max-width:700px){.game-pagination{padding:0!important;margin:1rem 0 -1rem!important}}.top-wrapper{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;position:absolute;z-index:5;top:0;left:0;width:100%;padding:2rem 3rem}.top-wrapper .sound-btn{position:relative;z-index:5;border:none;width:auto;height:auto;padding:0;transition:all .3s ease;background-color:transparent;animation:fade-in .3s ease-in forwards}.top-wrapper .sound-btn svg{width:50px}.top-wrapper .sound-btn svg g,.top-wrapper .sound-btn svg path{transition:all .2s ease}.top-wrapper .sound-btn:hover{opacity:.6}.top-wrapper .hidden-sound{visibility:hidden;cursor:none}.top-wrapper .logos{display:flex;flex-direction:row;align-items:center;justify-content:center;animation:fade-in .3s ease-in forwards}.top-wrapper .logos .line{width:2px;background-color:#fff;height:40px;margin:0 .75rem 0 1.25rem}.top-wrapper .logos .rewards-logo{height:25px;width:auto}@media(min-width:1900px){.top-wrapper{max-width:1900px;margin:0 auto;left:0;right:0}}@media(min-width:2300px)and (min-height:900px){.top-wrapper .logos .rewards-logo{height:40px}.top-wrapper .logos .small-trolls-logo{height:80px;width:auto}.top-wrapper .sound-btn svg{width:60px}}@media(max-height:450px),(max-width:700px){.top-wrapper{margin:0 auto;width:90vw;max-width:850px;padding:2rem .5rem;position:relative}}@media(max-width:600px){.top-wrapper .logos .rewards-logo{height:20px;width:auto}.top-wrapper .logos .line{margin:0 .6rem 0 .75rem}.top-wrapper .logos .small-trolls-logo{height:40px;width:auto}.top-wrapper .sound-btn svg{width:40px}}@media(max-width:325px){.top-wrapper{padding:0 .5rem 2rem;flex-direction:column;align-items:flex-end;justify-content:center}.top-wrapper .logos{justify-content:center;width:100%}.top-wrapper .sound-btn{padding:1.5rem 0 1rem 1rem}.top-wrapper .sound-btn svg{width:30px}}@media(max-width:1100px){.game-top-wrapper .rewards-logo{height:20px!important}.game-top-wrapper .small-trolls-logo{height:35px!important;width:auto}.game-top-wrapper .line{width:1.5px!important;height:30px!important}.game-top-wrapper .sound-btn svg{width:40px!important}}@media(max-height:450px),(max-width:700px){.game-top-wrapper{padding:2rem 1rem 0}}@keyframes buttonpulse{0%{transform:scale(.98);box-shadow:0 0 0 0 hsla(0,0%,100%,.5)}70%{transform:scale(1);box-shadow:0 0 0 20px hsla(0,0%,100%,0)}to{transform:scale(.98);box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}@keyframes bold-question{0%{-webkit-text-stroke-width:.7px}to{-webkit-text-stroke-width:0}}@keyframes bold-question-safari{0%{color:#6d6d78}to{color:#5a23b9}}@keyframes bold-space{0%{border-bottom:2px solid #5a23b9}to{border-bottom:3px solid #5a23b9}}@keyframes bold-space-safari{0%{border-bottom:3px solid #6d6d78}to{border-bottom:3px solid #5a23b9}}@keyframes notes-float{0%{transform:translate(20px,30px) rotate(15deg)}50%{transform:translate(0) rotate(-15deg)}to{transform:translate(10px,-30px) rotate(15deg)}}@keyframes notes-opacity{0%{opacity:0}50%{opacity:0}60%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes notes-wrong-opacity{0%{opacity:0}to{opacity:1}}@keyframes notes-wrong{0%{transform:translate(-5px,20px)}50%{transform:translateY(20px)}to{transform:translate(5px,20px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes display-none{0%{display:flex}to{display:none}}#end-particles,#end-particles-2,#success-particles{position:absolute;height:100%;pointer-events:none}@media(prefers-reduced-motion:reduce){#end-particles,#end-particles-2,#success-particles{display:none!important}}#end-particles,#end-particles-2,#success-particles{height:150%;top:-30px;left:50%;width:100%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;z-index:200}@media(max-width:800px){#end-particles,#end-particles-2,#success-particles{width:100%}}#end-particles canvas,#end-particles-2 canvas,#success-particles canvas{width:100%;height:100%;z-index:0}#success-particles{width:100%!important}.intro-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;padding:3rem}.intro-wrapper>*{animation:fade-in .3s ease-in forwards}.intro-wrapper .content{margin-top:2rem;background-color:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 5rem 3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px}.intro-wrapper .content h2{font-size:20px;font-weight:700;margin:.5rem 0 1.5rem}.intro-wrapper .content img{width:100%}@media(min-width:1000px)and (min-height:700px){.intro-wrapper .trolls-logo-large{width:30vh;max-width:350px}.intro-wrapper .content img{height:40vh;max-height:450px;width:auto!important}.intro-wrapper .content h2{font-size:2.5vh}.intro-wrapper .content button{font-size:2vh;padding:1vh 3vh}}@media(min-width:2100px){.intro-wrapper .content h2{font-size:35px}.intro-wrapper .content button{font-size:25px;padding:.75rem 2.5rem}}@media(max-height:650px){.intro-wrapper .content img{width:225px}}@media(max-height:525px),(max-width:600px){.intro-wrapper .trolls-logo-large{width:150px}.intro-wrapper .content{width:70vw;max-width:500px;padding:1rem 0 1.5rem;margin-top:1rem}.intro-wrapper .content h2{font-size:16px;margin:.25rem 0 1rem}.intro-wrapper .content button{font-size:16px;padding:.5rem 2rem}}@media(max-height:450px){.intro-wrapper{justify-content:flex-start;padding:0;height:-moz-max-content;height:max-content}}@media(max-width:700px){.intro-wrapper{justify-content:flex-start;padding:0 0 2rem;height:-moz-max-content;height:max-content}.intro-wrapper .content{width:90%}}@media(max-width:350px){.intro-wrapper .trolls-logo-large{width:125px}.intro-wrapper .content{width:90vw;padding:1rem 0 1.5rem;margin-top:1rem}.intro-wrapper .content img{width:200px}.intro-wrapper .content h2{font-size:15px;margin:.25rem 0 1rem}.intro-wrapper .content button{font-size:15px;padding:.4rem 1.5rem}}.instructions-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;padding:3rem}.instructions-wrapper>*{animation:fade-in .3s ease-in forwards}.instructions-wrapper .columns{width:90vw;max-width:1000px;background-color:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 0 2.5rem;border-radius:20px;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:2rem}.instructions-wrapper .columns h2{font-size:20px;font-weight:700;margin-bottom:.25rem}.instructions-wrapper .columns p{font-size:16px}.instructions-wrapper .columns p:first-of-type{margin-bottom:1rem}.instructions-wrapper .columns .column1,.instructions-wrapper .columns .column2{display:flex;flex-direction:column;align-items:center;justify-content:center}.instructions-wrapper .columns .column1{align-items:flex-start;max-width:450px}.instructions-wrapper .columns .column2{flex-shrink:0;margin-left:3.5rem}.instructions-wrapper .columns .column2 .characters{margin-bottom:2rem}@media(min-width:1650px)and (min-height:850px){.instructions-wrapper .columns{max-width:none;padding:4vh 0;width:65vw}.instructions-wrapper .columns .column1,.instructions-wrapper .columns .column2{max-width:none}.instructions-wrapper .columns .column1{width:40%}.instructions-wrapper .columns .column2{margin-left:2vw}.instructions-wrapper .columns .column2 .characters{display:flex;align-items:center;justify-content:center;height:20vw!important;width:20vw!important}.instructions-wrapper .columns .column2 .characters div{display:flex;align-items:center;justify-content:center;width:100%!important;height:100%!important}.instructions-wrapper .columns .column2 .characters div img{width:auto!important;height:100%!important}.instructions-wrapper .columns p{font-size:1.75vh}.instructions-wrapper .columns h2{font-size:2.5vh}.instructions-wrapper .columns button{font-size:2vh;padding:1vh 3vh}}@media(min-width:2100px){.instructions-wrapper .columns{max-width:1800px;width:60vw}.instructions-wrapper .columns .column1{width:50%}.instructions-wrapper .columns .column2 .characters{height:550px!important;width:550px!important}.instructions-wrapper .columns .column2 .characters div{width:100%!important;height:100%!important}.instructions-wrapper .columns .column2 .characters div img{width:auto!important;height:100%!important}.instructions-wrapper .columns h2{font-size:35px}.instructions-wrapper .columns button{font-size:25px;padding:.75rem 2.5rem}.instructions-wrapper .columns p{font-size:25px}}@media(max-height:650px),(max-width:1000px){.instructions-wrapper .columns{max-width:850px;margin-top:4rem;padding:2rem 3rem 2.5rem}.instructions-wrapper .columns .column1 p{font-size:14px}.instructions-wrapper .columns .column1 h2{font-size:18px}.instructions-wrapper .columns .column2{margin-left:2rem}}@media(max-height:600px)and (min-height:450px){.instructions-wrapper .characters{height:300px!important;width:300px!important;transform:translateY(-3rem);margin-bottom:0!important}}@media(max-height:450px){.instructions-wrapper{height:-moz-max-content;height:max-content;justify-content:flex-start;padding:0 0 2rem}.instructions-wrapper .columns{margin:0}}@media(max-width:700px){.instructions-wrapper{height:-moz-max-content;height:max-content;justify-content:flex-start;padding:0 0 2rem}.instructions-wrapper .columns{padding:3rem;margin:0;flex-direction:column}.instructions-wrapper .columns .column2{margin:.5rem 0 0}}@media(max-width:500px){.instructions-wrapper .columns{padding:2.5rem}}@media(max-width:375px){.instructions-wrapper .columns{padding:2.5rem 2rem}}@media(max-width:350px){.instructions-wrapper .columns{width:95vw;padding:2rem 1.5rem}}.game-player-wrapper{width:100vw;height:100vh;display:flex;align-items:flex-end;flex-direction:column;justify-content:center;animation:fade-in .3s ease-in 1 forwards}.game-player-wrapper .question-wrapper{position:relative;z-index:3;width:80%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:1.5rem 1.5rem 1rem;background-color:#fff;left:0;right:0;color:#5a23b9;font-size:20px;font-weight:400;border-radius:30px;border:20px solid #000;transition:all .3s ease;margin:0 auto -3vh;max-width:1925px}.game-player-wrapper .question-wrapper>*,.game-player-wrapper .question-wrapper>*>*{transition:all .3s ease}.game-player-wrapper .question-wrapper span{transition:all .3s ease;margin:.75rem 0 .75rem 4.9px;font-weight:700;-webkit-text-stroke-width:.7px;-webkit-text-stroke-color:#fff;display:flex;align-items:flex-end;justify-content:center}.game-player-wrapper .question-wrapper span strong{width:275px;height:33px;display:inline-block;border-bottom:2px solid #5a23b9;transform:translateY(2px);display:flex;align-items:center;justify-content:center;-webkit-text-stroke-width:0}.game-player-wrapper .question-wrapper span:first-of-type{margin-left:0}.game-player-wrapper .question-wrapper .issafari{-webkit-text-stroke-width:0;-webkit-text-stroke-color:none;color:#6d6d78}.game-player-wrapper .question-wrapper .issafari strong{border-bottom:3px solid #6d6d78}.game-player-wrapper .question-correct strong{color:#068443;border-bottom:3px solid #5a23b9}.game-player-wrapper .question-incorrect strong{color:#5a23b9;border-bottom:3px solid #5a23b9!important}.game-player-wrapper .karaoke-heart{width:25px;height:auto;position:absolute;margin-bottom:1.6rem}@media(prefers-reduced-motion){.game-player-wrapper .karaoke-heart{display:none!important}}.game-player-wrapper .stage-and-curtains{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:center;justify-items:center;width:100vw;height:80vh}.game-player-wrapper .stage-and-curtains .curtain-wrapper{grid-column:1;grid-row:1;background-color:transparent;position:relative;z-index:2;bottom:0;width:100vw;height:100vh;margin:0;padding:0;display:flex;justify-content:center;align-items:flex-end}.game-player-wrapper .stage-and-curtains .curtain-wrapper .theatre{height:100%;width:100%;position:relative;overflow:hidden;border-top:25px solid #000;max-width:2300px}.game-player-wrapper .stage-and-curtains .curtain-wrapper .theatre .curtain{background-color:#5a23b9;position:absolute;top:0;width:51vw;max-width:51%;bottom:-2vh;transition:all 3s ease;transform-origin:50% bottom;background-position:0 0}.game-player-wrapper .stage-and-curtains .curtain-wrapper .theatre .curtain svg{transition:all 3s ease;position:absolute;width:100%;bottom:0}.game-player-wrapper .stage-and-curtains .curtain-wrapper .theatre .curtain-left{left:0;box-shadow:inset -2px 0 6px rgba(27,17,17,.4),inset 0 320px 40px rgba(38,7,88,.5);background-position:100% 0!important}.game-player-wrapper .stage-and-curtains .curtain-wrapper .theatre .curtain-right{right:0;box-shadow:inset 2px 0 6px rgba(34,26,48,.4),inset 0 320px 40px rgba(44,8,103,.5);background-position:0 0!important}.game-player-wrapper .stage-and-curtains .curtain-open .curtain{background-size:25% 100%;background-image:linear-gradient(#5a23b9 5%,rgba(90,35,185,.9) 15%,rgba(90,35,185,0)),linear-gradient(rgba(0,0,0,.2),rgba(76,23,169,.3) 20%,rgba(0,0,0,.4) 90%,rgba(0,0,0,.6)),linear-gradient(90deg,transparent,transparent 2%,rgba(0,0,0,.9) 10%,transparent 15%,rgba(0,0,0,.9) 20%,transparent 25%,transparent 30%,rgba(0,0,0,.9) 35%,transparent 45%,transparent 50%,rgba(0,0,0,.9) 55%,transparent 65%,rgba(0,0,0,.9) 75%,transparent 80%,rgba(0,0,0,.9) 85%,transparent 97%,transparent);width:33vw!important}.game-player-wrapper .stage-and-curtains .curtain-open .curtain-left{transform:translateX(-80%) rotate(-1deg);filter:drop-shadow(10px -50px 15px rgb(10,0,26))}.game-player-wrapper .stage-and-curtains .curtain-open .curtain-right{transform:translateX(80%) rotate(1deg);filter:drop-shadow(-10px -50px 15px rgb(10,0,26))}.game-player-wrapper .stage-and-curtains .curtain-closed .curtain{animation:curtain-open .4s ease-out 2.8s 1 forwards;background-size:50% 100%;background-image:linear-gradient(#5a23b9 5%,rgba(90,35,185,.9) 15%,rgba(90,35,185,0)),linear-gradient(rgba(0,0,0,.2),rgba(76,23,169,.3) 20%,rgba(0,0,0,.4) 90%,rgba(0,0,0,.6)),linear-gradient(90deg,transparent,transparent 2%,rgba(0,0,0,.7) 10%,transparent 15%,rgba(0,0,0,.7) 20%,transparent 25%,transparent 30%,rgba(0,0,0,.7) 35%,transparent 45%,transparent 50%,rgba(0,0,0,.7) 55%,transparent 65%,rgba(0,0,0,.7) 75%,transparent 80%,rgba(0,0,0,.7) 85%,transparent 97%,transparent);width:60%}.game-player-wrapper .stage-and-curtains .curtain-closed .curtain-left{transform:translateX(0) rotate(0deg)}.game-player-wrapper .stage-and-curtains .curtain-closed .curtain-right{transform:translateX(0) rotate(0deg);filter:drop-shadow(-3px 2px 10px rgba(10,0,26,.3))}.game-player-wrapper .stage-and-curtains .stage-wrapper{grid-column:1;grid-row:1;height:100%;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.game-player-wrapper .stage-and-curtains .stage-wrapper .lights{background:linear-gradient(0deg,transparent 10%,hsla(0,0%,100%,.5) 92%,transparent 95%);position:relative;z-index:1;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:center;justify-items:center;width:100%;max-width:2300px;min-width:650px}.game-player-wrapper .stage-and-curtains .stage-wrapper .lights .lights-img{align-self:flex-start}.game-player-wrapper .stage-and-curtains .stage-wrapper .lights .singer{align-self:flex-end;height:22vw;width:auto;margin-right:5vw;margin-bottom:5px;max-height:575px;min-height:250px}.game-player-wrapper .stage-and-curtains .stage-wrapper .lights .microphone{transform:translateY(5px);align-self:flex-end;margin-left:8vw;height:9vw;width:auto;max-height:240px;min-height:100px}.game-player-wrapper .stage-and-curtains .stage-wrapper .lights img{grid-column:1;grid-row:1}.game-player-wrapper .stage-and-curtains .stage-wrapper .lights .note{position:absolute;width:3vw;max-width:80px;height:auto;margin-left:10vw;min-width:30px}.game-player-wrapper .stage-and-curtains .stage-wrapper .lights .note .music-notes{animation:notes-float 2s ease-in-out infinite running}@media(prefers-reduced-motion){.game-player-wrapper .stage-and-curtains .stage-wrapper .lights .note .music-notes{animation:none}}.game-player-wrapper .stage-and-curtains .stage-wrapper .lights .note .music-notes .big-note{animation:notes-opacity 4s ease-in-out infinite running}.game-player-wrapper .stage-and-curtains .stage-wrapper .lights .note .music-notes .little-note{animation:notes-opacity 4s ease-in-out infinite reverse}.game-player-wrapper .stage-and-curtains .stage-wrapper .lights .note .incorrect-music-notes{opacity:0;transform:translateY(20px);animation:notes-wrong-opacity .2s linear 1 forwards,notes-wrong .1s linear .2s 6 alternate,notes-wrong-opacity .2s linear .8s 1 reverse forwards}@media(prefers-reduced-motion){.game-player-wrapper .stage-and-curtains .stage-wrapper .lights .note .incorrect-music-notes{animation:notes-wrong-opacity .2s linear 1 forwards,notes-wrong-opacity .2s linear .8s 1 reverse}}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage{margin-top:-4.15vw;height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:center;justify-items:center;transition:all .3s ease;width:100%}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .stage-elements{grid-column:1;grid-row:1;height:100%;background-color:#0c0c0c;width:100%;max-width:2300px;overflow-y:hidden}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .stage-elements img{width:100%;max-width:2300px}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .content-wrapper{width:95%;grid-column:1;grid-row:1;position:relative;z-index:3;transition:all .3s ease;max-width:2100px}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .buttons-wrapper{grid-column:1;grid-row:1;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 3rem;align-self:flex-start;margin-top:15vh}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .buttons-wrapper button{box-sizing:border-box!important;width:47%;margin:1rem;padding:1rem 0}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .buttons-wrapper button:first-letter{text-transform:capitalize}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .buttons-wrapper .selected{background:#fff;border:2px solid #fff;color:#fff}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .not-answered-buttons{animation:fade-in .3s ease-in 1 forwards}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .incorrect-buttons{opacity:1;animation:fade-out .3s ease-out 1.25s forwards,display-none .1s linear 1.55s forwards}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .incorrect-buttons .selected{background:#e91c22;border:2px solid #e91c22}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .correct-buttons{opacity:1;animation:fade-out .3s ease-out 1.25s forwards,display-none .1s linear 1.55s forwards}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .correct-buttons .selected{background:#068443;border:2px solid #068443}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .times-up-buttons{opacity:1;animation:fade-out .3s ease-out 1.3s forwards,display-none .1s linear 1.6s forwards}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .times-up-buttons button{background:#e91c22;border:2px solid #e91c22;color:#fff}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .inactive button{cursor:auto!important}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .inactive button:hover{opacity:1!important}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .answer-wrapper{grid-column:1;grid-row:1;position:absolute;bottom:12vh;margin:0 auto!important;left:0;right:0;width:80%;background:rgba(0,0,0,.6);padding:3.5rem 4rem;border-radius:20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;animation:fade-in .3s ease-in 1.5s forwards;max-width:1600px}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .answer-wrapper .text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-right:2rem}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .answer-wrapper .text h2{font-size:25px;text-transform:capitalize;margin-bottom:.5rem}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .answer-wrapper .text p{font-size:16px}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .answer-wrapper .text p strong{font-weight:700}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .answer-wrapper button{flex-shrink:0;background:hsla(0,0%,100%,.8);border:2px solid hsla(0,0%,100%,.1);color:#000;transition:all .3s ease}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .answer-wrapper button:hover{background-color:transparent;color:#fff;border:2px solid hsla(0,0%,100%,.8)}@media(min-width:2300px){.game-player-wrapper .stage-and-curtains .curtain-wrapper .theatre,.game-player-wrapper .stage-and-curtains .stage-wrapper{max-height:1000px}}@media(min-width:2300px)and (min-height:1000px){.game-player-wrapper .stage-and-curtains{align-items:flex-start;border-radius:100px}.game-player-wrapper .stage-and-curtains .curtain-wrapper{align-items:flex-start}.game-player-wrapper .stage-and-curtains .curtain-wrapper .theatre{border-radius:2vw}.game-player-wrapper .stage-and-curtains .stage-wrapper .lights,.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .stage-elements{border-radius:3vw}}@media(min-width:1500px)and (min-height:1000px){.game-player-wrapper .buttons-wrapper button{font-size:25px}.game-player-wrapper .question-wrapper{font-size:28px}.game-player-wrapper .question-wrapper span strong{width:350px!important}.game-player-wrapper .answer-wrapper .text h2{font-size:35px!important;margin-bottom:1.5rem!important}.game-player-wrapper .answer-wrapper .text p,.game-player-wrapper .answer-wrapper button{font-size:25px!important}}@media(max-height:1000px){.game-player-wrapper .stage-and-curtains{height:70vh}.game-player-wrapper .stage-and-curtains .stage-wrapper .lights .singer{max-height:450px}.game-player-wrapper .stage-and-curtains .stage-wrapper .lights .microphone{max-height:200px}.game-player-wrapper .stage-and-curtains .stage-wrapper .lights .note{max-width:70px}}@media(max-height:850px){.game-player-wrapper .stage-and-curtains{height:75vh}.game-player-wrapper .stage-and-curtains .buttons-wrapper{margin-top:5rem!important}}@media(max-height:850px)and (max-width:2400px){.game-player-wrapper .question-wrapper{width:100%!important;max-width:none}}@media(max-height:725px){.game-player-wrapper .stage-and-curtains{height:70vh}.game-player-wrapper .stage-and-curtains .buttons-wrapper{margin-top:0!important}.game-player-wrapper .question-wrapper{margin-bottom:-10vh!important}}@media(max-height:650px){.game-player-wrapper .stage-and-curtains .stage-wrapper{overflow-y:hidden}.game-player-wrapper .stage-and-curtains .buttons-wrapper{margin-top:-2rem!important}}@media(max-width:1400px)and (max-height:900px){.game-player-wrapper{height:90vh!important}.game-player-wrapper .stage-and-curtains{height:50vh}.game-player-wrapper .stage-and-curtains .buttons-wrapper{margin-top:5rem!important}.game-player-wrapper .stage-and-curtains .stage-wrapper .lights .singer{max-height:450px;transform:translateY(0)}.game-player-wrapper .stage-and-curtains .stage-wrapper .lights .microphone{max-height:200px;transform:translateY(0)}.game-player-wrapper .stage-and-curtains .stage-wrapper .lights .note{max-width:70px;transform:translateY(0)}.game-player-wrapper .question-wrapper{width:100%!important;position:absolute!important;top:7rem!important;margin:0!important}}@media(max-width:1400px)and (max-height:900px)and (max-height:575px){.game-player-wrapper .stage-and-curtains .stage-wrapper{overflow-y:hidden}.game-player-wrapper .stage-and-curtains .buttons-wrapper{margin-top:0!important}.game-player-wrapper .question-wrapper{margin-bottom:-5rem!important}}@media(max-width:1100px){.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .buttons-wrapper button{font-size:16px}.game-player-wrapper .question-wrapper{width:100%!important;font-size:18px!important}.game-player-wrapper .question-wrapper span strong{width:220px}}@media(max-width:1000px){.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .buttons-wrapper button{font-size:14px}.game-player-wrapper .question-wrapper{font-size:16px!important}.game-player-wrapper .question-wrapper span strong{width:200px}}@media(max-height:450px)and (max-width:1300px),(max-width:1300px)and (min-height:700px),(max-width:900px){.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .buttons-wrapper{margin-top:1rem!important;flex-wrap:wrap!important}}@media(max-height:450px)and (max-width:1300px)and (max-width:1100px)and (max-height:575px),(max-width:1300px)and (min-height:700px)and (max-width:1100px)and (max-height:575px),(max-width:900px)and (max-width:1100px)and (max-height:575px){.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .buttons-wrapper{margin-top:-2rem!important}}@media(max-height:450px)and (max-width:1300px),(max-width:1300px)and (min-height:700px),(max-width:900px){.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .buttons-wrapper button{width:45%}}@media(max-width:800px){.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .buttons-wrapper{margin-top:0!important;padding:0!important}}@media(max-width:800px)and (min-height:800px){.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .buttons-wrapper{margin-top:10vh!important}}@media(max-width:800px){.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .buttons-wrapper button{margin:.5rem!important}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .answer-wrapper{width:95%!important}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .answer-wrapper h2{font-size:20px!important}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .answer-wrapper button,.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .answer-wrapper p{font-size:16px!important}.game-player-wrapper .question-wrapper{padding:.5rem 1rem;border:10px solid #000}}@media(min-height:1000px){.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .buttons-wrapper{margin-top:10vh!important;flex-wrap:wrap!important}.game-player-wrapper .stage-and-curtains .stage-wrapper .stage .buttons-wrapper button{width:100%!important;margin:1rem 0!important}}@media(max-height:450px),(max-width:700px){.game-player-wrapper{min-height:625px!important;height:100%!important;margin-top:0}.game-player-wrapper .question-wrapper{top:0!important;position:relative!important;font-size:14px!important;margin-top:0!important;margin-bottom:-2rem!important}.game-player-wrapper .stage-and-curtains{height:100%!important;min-height:425px!important}.game-player-wrapper .stage-and-curtains .curtain-wrapper{height:100%}.game-player-wrapper .stage-and-curtains .stage-wrapper .lights{min-height:300px}.game-player-wrapper .stage-and-curtains .stage-wrapper .buttons-wrapper{margin-bottom:3rem;font-size:14px!important}.game-player-wrapper .stage-and-curtains .stage-wrapper .answer-wrapper{position:relative!important;flex-direction:column!important;text-align:center!important}.game-player-wrapper .stage-and-curtains .stage-wrapper .answer-wrapper .text{margin:0 0 1rem!important;align-items:center!important}.game-player-wrapper .stage-and-curtains .stage-wrapper .answer-wrapper .text p{font-size:14px!important}.game-player-wrapper .stage-and-curtains .stage-wrapper .answer-wrapper .text h2{font-size:18px!important}.game-player-wrapper .stage-and-curtains .stage-wrapper .answer-wrapper button{font-size:14px;padding:.5rem 2rem!important}}.timer-wrapper{position:absolute;top:2rem;right:150px;z-index:3;display:flex;flex-direction:row;align-items:center;justify-content:center;height:45px}.timer-wrapper h3{font-size:35px;width:80px}@media(min-width:1900px){.timer-wrapper{padding-right:8rem;top:2.1rem;justify-content:flex-end;width:1900px;margin:0 auto;left:0;right:0}}@media(min-width:1600px)and (min-height:900px){.timer-wrapper{top:46px;right:160px}.timer-wrapper h3{font-size:40px}}@media(max-width:1100px){.timer-wrapper{top:25px!important;right:12%}.timer-wrapper h3{font-size:30px!important}}@media(max-height:450px),(max-width:700px){.timer-wrapper{position:relative;top:0;right:0;justify-content:flex-end;width:85vw;transform:translateY(-7.5rem)}}@media(max-width:500px){.timer-wrapper{transform:translateY(-5rem);width:98%}.timer-wrapper h3{font-size:25px!important}}@media(max-width:325px){.timer-wrapper{transform:translateY(-10.5rem);width:80%}.timer-wrapper h3{font-size:25px!important}}.placeholder-for-timer{display:none}@media(max-height:450px),(max-width:700px){.placeholder-for-timer{display:block;width:30px;height:45px!important;font-size:45px;position:relative}.placeholder-for-timer span{height:100px}}.final-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:-moz-max-content;height:max-content;width:90vw;background-color:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;margin:0 auto;padding:4rem;max-width:1150px}.final-wrapper .columns{max-height:415px;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;animation:fade-in .3s ease-in 1 forwards}.final-wrapper .columns .column{display:flex;flex-direction:column;align-items:center;justify-content:center}.final-wrapper .columns .column h2{font-size:32px;font-weight:700;margin-bottom:.75rem}.final-wrapper .columns .column p{font-size:16px;margin-bottom:.75rem}.final-wrapper .columns .column p span{font-weight:700}.final-wrapper .columns .column img{margin-bottom:2rem}.final-wrapper .columns .column:first-of-type{align-items:flex-start;max-width:400px}.final-wrapper .columns .column:last-of-type{flex-shrink:0;margin:0 1rem 0 5rem}@media(min-width:1110px){.final-wrapper{width:70vw}.final-wrapper .columns img{height:20vh;width:auto;min-height:150px;max-height:180px}}@media(min-width:1700px)and (min-height:1000px){.final-wrapper{max-width:1800px;padding:8vh}.final-wrapper .columns{max-height:none}.final-wrapper .columns .column p{font-size:1.75vh}.final-wrapper .columns .column h2{font-size:2.5vh}.final-wrapper .columns .column button{font-size:2vh;padding:1vh 3vh}.final-wrapper .columns .column img{height:10vw!important;width:auto!important;max-height:245px}.final-wrapper .columns .column:first-of-type{max-width:none;width:40%}}@media(min-width:2500px){.final-wrapper .columns .column p{font-size:25px}.final-wrapper .columns .column h2{font-size:40px}.final-wrapper .columns .column button{font-size:25px;padding:1rem 3rem;margin-top:2rem}}@media(max-height:450px){.final-wrapper{margin-bottom:2rem}}@media(max-width:950px){.final-wrapper .columns{justify-content:center}.final-wrapper .columns .column:last-of-type{margin:0 0 0 2rem}}@media(max-width:805px){.final-wrapper .columns .column h2{font-size:25px}.final-wrapper .columns .column p{font-size:15px;line-height:21px}.final-wrapper .columns .column img{height:130px;width:100%}}@media(max-width:700px){.final-wrapper{padding-bottom:2rem}.final-wrapper .columns{max-height:none;flex-direction:column;height:100%}.final-wrapper .columns .column{width:100%;text-align:center;align-items:center!important}.final-wrapper .columns .column img{height:auto;width:290px}.final-wrapper .columns .column:first-of-type{max-width:340px;margin-bottom:2rem}.final-wrapper .columns .column:last-of-type{margin:0}}@media(max-width:650px){.final-wrapper .column:first-of-type{max-width:none!important}}@media(max-width:500px){.final-wrapper .columns .column h2{font-size:25px;line-height:30px}.final-wrapper .columns .column p{font-size:14px}.final-wrapper .columns .column button{font-size:16px}}@media(max-width:400px){.final-wrapper{padding:3rem 0 0;margin-bottom:3rem}.final-wrapper .columns{padding:.5rem 2rem 3rem}}