: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:rgb(var(--bg-color));font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-color: 0, 46, 51;--modal-bg: rgb(1, 71, 79);--back-modal-bg: rgba(0, 23, 26, .7);--answer-blue: 49, 141, 151;--button-gray: rgb(99, 99, 99);--key-gray: rgb(70, 70, 70);--correct: rgb(183, 177, 155);--incorrect: rgb(195, 24, 41)}*{margin:0;padding:0;box-sizing:border-box}button{cursor:pointer;font-family:inherit;margin:.2rem;padding:.25rem;background:none;border-radius:.2rem;background-color:var(--button-gray);color:#fff;border:2px solid var(--button-gray);text-align:center;display:inline-block;-webkit-tap-highlight-color:transparent}.active-button{background-color:var(--incorrect);border:2px solid var(--incorrect);border-radius:.2rem}button:focus,button:hover{outline:none;border-color:transparent}.game-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;height:100dvh;box-sizing:border-box}.game-container:focus{outline:none}.header{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:8rem}.header .logo{position:absolute;left:50%;transform:translate(-50%);max-width:8rem}.header-buttons{display:flex;position:absolute;right:1rem;gap:1vw}.corner-button{display:flex;align-items:center;justify-content:center;border:none;background:transparent;height:5vh;min-height:2.2rem;width:5vh;min-width:2.2rem;top:1rem;margin:0;padding:0}.header-buttons img{width:80%;height:80%}.body{position:relative;width:100%;display:flex;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;margin:0;padding:0}.letter-guess-container{display:flex;justify-content:center;align-items:center;flex-grow:1;width:100%}.blanks{justify-content:center;align-items:center;text-align:center;font-size:calc(5vw + .5rem);letter-spacing:.5rem;max-width:90%}.blanks span.revealed{color:rgb(var(--answer-blue))}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:1rem}.punctuation{color:var(--correct-letter-color)}@media (min-width: 1000px){.game-container .blanks{font-size:3.6rem}}.keyboard{display:flex;flex-direction:column;align-items:center;justify-content:center}.keyboard-row{display:flex;justify-content:center}.key{height:calc(12vh - .7rem);max-height:3.8rem;width:calc(10vw - .6rem);max-width:4rem;margin:.2rem;border-radius:.3rem;border:none;color:#fff;background-color:var(--key-gray);transition:background-color .2s ease;font-size:1.3em;font-weight:500}.key.correct{background-color:var(--correct)}.key.incorrect{background-color:var(--incorrect)}.key-large{width:calc(16vw - .65rem);max-width:6.3rem}.modal-background{width:100vw;height:100vh;background-color:var(--back-modal-bg);position:fixed;display:flex;justify-content:center;align-items:center}.modal-container{min-width:50%;max-width:95%;border-radius:.5rem;background-color:var(--modal-bg);box-shadow:#000000b3 1rem 1rem 1rem;display:flex;flex-direction:column;padding:2rem}.modal-container .title{display:inline-block;text-align:center;margin-top:.5rem}.modal-container .body{flex:50%;display:flex;justify-content:center;align-items:center;font-size:1.7rem;text-align:center}.modal-container .footer{flex:20%;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-header{display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:1rem}.modal-header button{position:absolute;right:0;top:0;background-color:transparent;border:none;font-size:2rem;cursor:pointer;color:#fff}.stats{display:flex;justify-content:center}.stats ul{display:flex;list-style:none;padding:0;margin:0}.stats li{width:25%;margin:.8rem}.statNum{text-align:center;font-size:2rem;font-weight:700}.statName{text-align:center;font-size:1rem}table,div:focus-visible{outline:none}.album-cover{width:50%;max-width:15rem;height:auto;border-radius:5%;box-shadow:.2rem .2rem .2rem #0006;cursor:pointer}.image-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1002;cursor:pointer;animation:fadeInScale .3s ease-out}.enlarged-album-art{max-width:80%;max-height:80%;border-radius:1%}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.gameover.modal-container{max-height:95%;padding:.5rem}.gameover.modal-container .title{display:inline-block;text-align:center;font-size:clamp(1.4rem,2vw,2.5rem);margin-bottom:0}.gameover.modal-container .body{font-size:clamp(1rem,1.5vw,1.2rem)}hr{width:60%;margin:1% auto}.label{font-weight:700}.album-cover{margin-top:.5rem}.gameover.statNum{font-size:clamp(1.2rem,2.5vw,2rem)}.gameover.statName{font-size:clamp(.7rem,1.5vw,1.2rem)}.countdown-timer{margin-top:-.3rem;font-size:.9rem;color:#ccc}.share-link{display:block;text-align:center;margin-top:.5rem;font-style:italic;color:var(--correct);text-decoration:underline}.share-link:hover{color:#fff}@media screen and (max-height: 515px){.song-info{display:flex;flex-direction:row;align-items:flex-start;gap:1rem}.album-cover{width:5.5rem;height:auto;margin-top:0;flex-shrink:0}.song-text{display:flex;flex-direction:column;justify-content:center;gap:.25rem}.song-text p{margin:.1rem 0}}.history-modal-background{top:0;left:0;width:100%;height:100%;background-color:rgba(var(--bg-color),.8);position:absolute;display:flex;justify-content:center;align-items:center}.history-modal-content table{border-collapse:collapse;min-width:40vw;max-height:40vh;font-size:.9rem;text-align:center}.history-modal-content thead th,.history-modal-content tbody td{border:2px solid gray;padding:.1rem .5rem}.history-modal-content .correct{color:var(--correct);font-weight:700}.history-modal-content .incorrect{color:var(--incorrect);font-weight:700}.song-guess-modal-background{top:0;left:0;width:100%;height:100%;background-color:rgba(var(--bg-color),1);position:absolute;display:flex;justify-content:center;align-items:center}.song-guess-modal-content{display:flex;flex-direction:column;align-items:center;max-width:90%}.song-guess-modal-content button{margin-top:1rem;width:10rem}.guess-input-wrapper{position:relative}.interactive-blanks{display:flex;justify-content:center;flex-wrap:wrap;gap:1.2rem}.word-group{display:flex;flex-wrap:nowrap;gap:.1rem}.interactive-blank{width:calc(3vw + 1rem);text-align:center;background-color:#0000;border:1px solid #ccc;font-size:calc(4vw + .5rem)}.interactive-blank:focus{outline:none;caret-color:transparent;background-color:rgba(var(--answer-blue),.4);box-shadow:0 0 5px rgba(var(--answer-blue),.8)}.interactive-blank::placeholder{color:#fff3}.space,.punctuation{width:1.5rem;text-align:center;background-color:transparent;border:none}.active-input{background-color:rgba(var(--answer-blue),.4)}.guess-button.invalid{animation:shake .3s}.input-tooltip{position:absolute;top:-2.5rem;left:50%;transform:translate(-50%);background:var(--incorrect);color:#fff;padding:.25rem;border-radius:.2rem;font-size:.8rem;white-space:nowrap;z-index:10;box-shadow:0 2px 4px #000c;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.input-tooltip.show{opacity:1;visibility:visible}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}@media (min-width: 1000px){.interactive-blank{width:2.8rem;font-size:3rem}.space,.punctuation{width:1.5rem}}.instructions.modal-container{height:auto;max-height:90%;padding:1rem}.instructions.modal-container .body{flex-grow:1;font-size:clamp(1rem,1.5vw,1.2rem);text-align:left;max-width:90%;margin:auto;overflow-wrap:break-word;line-height:1.5}.instructions.modal-header h1{flex-grow:1;text-align:center;font-size:clamp(1.5rem,2vw,2.5rem);margin:0}.instructions.modal-container li{margin-bottom:.5rem}.credits{margin-top:.5rem;font-size:.825rem;text-align:center;opacity:.8;line-height:1.2}.credits a{color:var(--correct);text-decoration:underline}.credits a:hover{color:#fff}.statistics.modal-container{height:auto;max-height:70%}.statistics.modal-container .body{flex-grow:1;font-size:clamp(1rem,1.5vw,1.2rem);text-align:left;max-width:90%;margin:auto;overflow-wrap:break-word;line-height:1.5}.statistics.modal-header h1{flex-grow:1;text-align:center;font-size:clamp(1.5rem,2vw,2.5rem);margin:0}.statistics.modal-container li{margin-bottom:.5rem}.hints-container{display:flex;flex-direction:column;text-align:center;position:relative;justify-content:center;align-items:center;margin-top:auto}.hints-table{width:80%;border-collapse:collapse;margin-top:.5rem}.hints-table th,.hints-table td{padding:.2rem;width:33.33%;border:2px solid gray;text-align:center;font-size:calc(.7em + .2vw)}.hints-table button{background:rgb(var(--answer-blue));color:#fff;border:none;padding:.3rem .7rem;cursor:pointer}.hints-table button:hover{background:var(--modal-bg)}