@font-face{font-family:Changa One;src:url(/fonts/ChangaOne-Regular.ttf) format("truetype");font-weight:400;font-style:normal}body{background-color:#eee;color:#3c3a88;font-family:Arial,Helvetica,sans-serif;text-align:center;font-size:16px;width:100%}.container{background-color:#fff;border-radius:10px;position:relative;display:flex;min-height:100vh;flex-direction:column}.audio-controls{position:absolute;bottom:5px;right:5px}.answer-buttons{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:40px;gap:60px;max-width:450px}.answer-buttons__btn{padding:.75em;min-width:150px;font-size:3rem;color:#000;border-radius:2px;background-color:#e2e9e8}.answer-buttons__btn:hover{cursor:pointer;background-color:#d9d9ee}h1,p{margin:0}.gain-comparison{margin-top:40px;display:flex;width:340px;justify-content:space-between;gap:10px}.gain-comparison__btn{text-underline-offset:6px}.instructions{position:absolute;background-color:#fff;inset:0;z-index:1}.instructions__content-container{margin-left:auto;margin-right:auto;display:grid;place-items:center;flex-grow:1;align-content:center;font-size:28px}.instructions__heading{font-size:3.5em;color:#3c3a88;text-align:center;font-family:Changa One,sans-serif;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(290deg,#2420ad,blue);color:transparent;margin-top:16vh}.instructions__image-container__image{background-image:url(/images/alexey-ruban-73o_FzZ5x-w-unsplash.jpg);background-repeat:no-repeat;background-size:cover;background-position:0 50%;width:100%;min-height:20vh;filter:grayscale(100%);position:absolute;bottom:0}.instructions__image-container__image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#3a398740;z-index:0}.instructions__text{padding:40px;font-size:1em;max-width:400px}.mute-btn{min-width:38px;background-color:#f3f1e2}.mute-btn:hover{cursor:pointer}.play-again-btn{padding:1em 1.5em;margin-top:40px}.play-again-btn:hover{cursor:pointer}.play-again-container{visibility:hidden}.play-again-container__final-score{font-size:3rem;margin-bottom:60px;font-weight:900;color:#5ab03b;-webkit-text-stroke:1px hsl(241.96,43.24%,18.06%);text-shadow:1px 1px 2px hsl(106.33,4.5%,34.11%)}.play-again-container__final-score-display{font-weight:400;color:#7b7b7b;text-shadow:none}.round-icon,.score-icon{width:26px}.round-container,.score-container{display:flex}.score-display,.round-display{margin-left:8px;font-size:24px}.score-and-round{background-color:#3c3a88;padding:12px 32px;color:#fff;margin:0}.score-round-wrapper{display:flex;justify-content:space-between;align-items:center;margin-left:auto;margin-right:auto;width:90%;max-width:660px}.gameplay-container{position:relative;z-index:0;display:grid;place-items:center;border:1px solid #000;padding:1.25rem 3rem 3.5rem;width:50%;max-height:400px;margin-left:auto;margin-right:auto;margin-top:5vh;box-shadow:#00000017 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px}.start-game-btn,.play-again-btn,.gain-comparison__btn{color:#fff;background-color:#3c3a88;border-radius:8px;padding:1em 1.25em;font-size:.6em;min-width:120px;width:160px;border:4px solid #e3d865;transition:all .1s ease-in;margin-left:auto;margin-right:auto;margin-top:40px}.start-game-btn:hover,.play-again-btn:hover,.gain-comparison__btn:hover{cursor:pointer}.start-game-btn:disabled,.play-again-btn:disabled,.gain-comparison__btn:disabled{opacity:.5;cursor:not-allowed}.start-game-btn:not(:disabled):active,.play-again-btn:not(:disabled):active,.gain-comparison__btn:not(:disabled):active{color:#3c3a88;background-color:#e3d865;border:4px solid #3c3a88}.gain-comparison__btn,.play-again-btn{font-size:1em}.waveform{display:none;width:150px;height:50px}@media screen and (max-width: 880px){.answer-buttons{margin-top:40px;gap:10px}.answer-buttons__btn{padding:.55em;font-size:3rem}.gameplay-container{width:70%}.instructions__content-container{font-size:24px}.mute-btn{min-width:28px}}