Taylor Swift Quiz<\/title>\r\n <script src=\"\/_sdk\/data_sdk.js\"><\/script>\r\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700;900&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n box-sizing: border-box;\r\n }\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n height: 100%;\r\n width: 100%;\r\n }\r\n \r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);\r\n color: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n \r\n .quiz-wrapper {\r\n width: 100%;\r\n height: 100%;\r\n overflow-y: auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 40px 20px;\r\n }\r\n \r\n .quiz-container {\r\n max-width: 700px;\r\n width: 100%;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(20px);\r\n border-radius: 30px;\r\n padding: 50px 40px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n border: 2px solid rgba(255, 255, 255, 0.2);\r\n }\r\n \r\n .quiz-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 48px;\r\n font-weight: 900;\r\n text-align: center;\r\n margin-bottom: 15px;\r\n text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);\r\n letter-spacing: -1px;\r\n }\r\n \r\n .quiz-subtitle {\r\n text-align: center;\r\n font-size: 18px;\r\n margin-bottom: 40px;\r\n opacity: 0.95;\r\n font-weight: 500;\r\n }\r\n \r\n .start-screen {\r\n text-align: center;\r\n }\r\n \r\n .start-description {\r\n font-size: 16px;\r\n line-height: 1.7;\r\n margin-bottom: 35px;\r\n opacity: 0.9;\r\n }\r\n \r\n .btn {\r\n background: linear-gradient(135deg, #ff6b9d 0%, #c06c84 100%);\r\n color: white;\r\n border: none;\r\n padding: 18px 50px;\r\n font-size: 18px;\r\n font-weight: 600;\r\n border-radius: 50px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n font-family: 'Inter', sans-serif;\r\n }\r\n \r\n .btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\r\n background: linear-gradient(135deg, #ff5a8d 0%, #b05c74 100%);\r\n }\r\n \r\n .btn:active {\r\n transform: translateY(-1px);\r\n }\r\n \r\n .btn:disabled {\r\n opacity: 0.6;\r\n cursor: not-allowed;\r\n transform: none;\r\n }\r\n \r\n .round-btn {\r\n position: absolute;\r\n right: -60px;\r\n bottom: 0;\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.3);\r\n border: 2px solid rgba(255, 255, 255, 0.5);\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-family: 'Inter', sans-serif;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n .round-btn:hover {\r\n background: rgba(255, 255, 255, 0.4);\r\n transform: scale(1.1);\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);\r\n }\r\n \r\n .round-btn:active {\r\n transform: scale(1.05);\r\n }\r\n \r\n .language-btn {\r\n position: absolute;\r\n left: -60px;\r\n bottom: 0;\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.3);\r\n border: 2px solid rgba(255, 255, 255, 0.5);\r\n color: white;\r\n font-size: 18px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-family: 'Inter', sans-serif;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n .language-btn:hover {\r\n background: rgba(255, 255, 255, 0.4);\r\n transform: scale(1.1);\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);\r\n }\r\n \r\n .language-btn:active {\r\n transform: scale(1.05);\r\n }\r\n \r\n .game-screen {\r\n display: none;\r\n }\r\n \r\n .round-info {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n opacity: 0.9;\r\n }\r\n \r\n .score-display {\r\n text-align: center;\r\n font-size: 20px;\r\n font-weight: 700;\r\n margin-bottom: 25px;\r\n padding: 15px;\r\n background: rgba(255, 255, 255, 0.2);\r\n border-radius: 15px;\r\n }\r\n \r\n .question-box {\r\n background: rgba(255, 255, 255, 0.25);\r\n padding: 30px;\r\n border-radius: 20px;\r\n margin-bottom: 30px;\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n }\r\n \r\n .album-name {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 28px;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n text-align: center;\r\n }\r\n \r\n .question-text {\r\n font-size: 20px;\r\n text-align: center;\r\n font-weight: 600;\r\n line-height: 1.5;\r\n }\r\n \r\n .options-container {\r\n display: grid;\r\n gap: 15px;\r\n margin-bottom: 30px;\r\n }\r\n \r\n .option-btn {\r\n background: rgba(255, 255, 255, 0.2);\r\n border: 2px solid rgba(255, 255, 255, 0.4);\r\n color: white;\r\n padding: 20px 25px;\r\n font-size: 17px;\r\n font-weight: 500;\r\n border-radius: 15px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-align: left;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n \r\n .option-btn:hover:not(:disabled) {\r\n background: rgba(255, 255, 255, 0.35);\r\n transform: translateX(5px);\r\n border-color: rgba(255, 255, 255, 0.6);\r\n }\r\n \r\n .option-btn.selected {\r\n background: rgba(255, 255, 255, 0.4);\r\n border-color: rgba(255, 255, 255, 0.8);\r\n font-weight: 600;\r\n }\r\n \r\n .option-btn.correct {\r\n background: rgba(76, 175, 80, 0.5);\r\n border-color: #4caf50;\r\n font-weight: 600;\r\n }\r\n \r\n .option-btn.incorrect {\r\n background: rgba(244, 67, 54, 0.5);\r\n border-color: #f44336;\r\n font-weight: 600;\r\n }\r\n \r\n .option-btn:disabled {\r\n cursor: not-allowed;\r\n }\r\n \r\n .feedback-message {\r\n text-align: center;\r\n font-size: 18px;\r\n font-weight: 600;\r\n margin-bottom: 25px;\r\n padding: 15px;\r\n border-radius: 15px;\r\n display: none;\r\n }\r\n \r\n .feedback-message.correct {\r\n background: rgba(76, 175, 80, 0.3);\r\n border: 2px solid #4caf50;\r\n display: block;\r\n }\r\n \r\n .feedback-message.incorrect {\r\n background: rgba(244, 67, 54, 0.3);\r\n border: 2px solid #f44336;\r\n display: block;\r\n }\r\n \r\n .next-btn-container {\r\n text-align: center;\r\n display: none;\r\n }\r\n \r\n .result-screen {\r\n display: none;\r\n text-align: center;\r\n }\r\n \r\n .final-score {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 72px;\r\n font-weight: 900;\r\n margin-bottom: 20px;\r\n text-shadow: 3px 3px 15px rgba(0, 0, 0, 0.4);\r\n }\r\n \r\n .result-message {\r\n font-size: 24px;\r\n line-height: 1.6;\r\n margin-bottom: 35px;\r\n font-weight: 600;\r\n padding: 25px;\r\n background: rgba(255, 255, 255, 0.2);\r\n border-radius: 20px;\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n }\r\n \r\n @media (max-width: 600px) {\r\n .quiz-container {\r\n padding: 35px 25px;\r\n }\r\n \r\n .quiz-title {\r\n font-size: 36px;\r\n }\r\n \r\n .quiz-subtitle {\r\n font-size: 16px;\r\n }\r\n \r\n .album-name {\r\n font-size: 24px;\r\n }\r\n \r\n .question-text {\r\n font-size: 18px;\r\n }\r\n \r\n .option-btn {\r\n padding: 18px 20px;\r\n font-size: 16px;\r\n }\r\n \r\n .final-score {\r\n font-size: 56px;\r\n }\r\n \r\n .result-message {\r\n font-size: 20px;\r\n }\r\n }\r\n <\/style>\r\n <style>@view-transition { navigation: auto; }<\/style>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\" type=\"text\/javascript\"><\/script>\r\n <\/head>\r\n <body>\r\n <div class=\"quiz-wrapper\">\r\n <div class=\"quiz-container\">\r\n <h1 class=\"quiz-title\" id=\"quizTitle\">Taylor Swift Quiz<\/h1>\r\n <p class=\"quiz-subtitle\">Teste seus conhecimentos sobre as m\u00fasicas da Taylor! \ud83c\udfb5<\/p>\r\n <div class=\"start-screen\" id=\"startScreen\">\r\n <p class=\"start-description\">Voc\u00ea ter\u00e1 13 rodadas para provar que \u00e9 um verdadeiro Swiftie! Em cada rodada, identifique qual m\u00fasica pertence ao \u00e1lbum apresentado. Boa sorte! \u2728<\/p>\r\n <div style=\"position: relative; display: inline-block;\"><button class=\"language-btn\" id=\"languageBtn\">PT<\/button> <button class=\"btn\" id=\"startBtn\">Come\u00e7ar Quiz<\/button> <button class=\"round-btn\" id=\"infoBtn\">?<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"game-screen\" id=\"gameScreen\">\r\n <div class=\"round-info\" id=\"roundInfo\">\r\n Rodada 1 de 13\r\n <\/div>\r\n <div class=\"score-display\" id=\"scoreDisplay\">\r\n Pontua\u00e7\u00e3o: 0\r\n <\/div>\r\n <div class=\"question-box\">\r\n <div class=\"album-name\" id=\"albumName\"><\/div>\r\n <div class=\"question-text\" id=\"questionText\"><\/div>\r\n <\/div>\r\n <div class=\"options-container\" id=\"optionsContainer\"><\/div>\r\n <div class=\"feedback-message\" id=\"feedbackMessage\"><\/div>\r\n <div class=\"next-btn-container\" id=\"nextBtnContainer\"><button class=\"btn\" id=\"nextBtn\">Pr\u00f3xima Rodada<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-screen\" id=\"resultScreen\">\r\n <div class=\"final-score\" id=\"finalScore\"><\/div>\r\n <div class=\"result-message\" id=\"resultMessage\"><\/div><button class=\"btn\" id=\"restartBtn\">Jogar Novamente<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <script>\r\n const albums = {\r\n \"Taylor Swift\": [\"Tim McGraw\", \"Picture to Burn\", \"Teardrops on My Guitar\", \"A Place in This World\", \"Cold as You\", \"The Outside\", \"Tied Together with a Smile\", \"Stay Beautiful\", \"Should've Said No\", \"Mary's Song (Oh My My My)\", \"Our Song\", \"I'm Only Me When I'm With You\", \"Invisible\", \"A Perfectly Good Heart\"],\r\n \"Fearless\": [\"Fearless\", \"Fifteen\", \"Love Story\", \"Hey Stephen\", \"White Horse\", \"You Belong With Me\", \"Breathe\", \"Tell Me Why\", \"You're Not Sorry\", \"The Way I Loved You\", \"Forever & Always\", \"The Best Day\", \"Change\", \"Jump Then Fall\", \"Untouchable\", \"Come In With the Rain\", \"Superstar\", \"The Other Side of the Door\", \"Mr. Perfectly Fine\", \"We Were Happy\", \"That's When\", \"Don't You\", \"Bye Bye Baby\"],\r\n \"Speak Now\": [\"Mine\", \"Sparks Fly\", \"Back to December\", \"Speak Now\", \"Dear John\", \"Mean\", \"The Story of Us\", \"Never Grow Up\", \"Enchanted\", \"Better Than Revenge\", \"Innocent\", \"Haunted\", \"Last Kiss\", \"Long Live\", \"Electric Touch\", \"When Emma Falls in Love\", \"I Can See You\", \"Castles Crumbling\", \"Foolish One\", \"Timeless\"],\r\n \"Red\": [\"State of Grace\", \"Red\", \"Treacherous\", \"I Knew You Were Trouble\", \"All Too Well\", \"22\", \"I Almost Do\", \"We Are Never Ever Getting Back Together\", \"Stay Stay Stay\", \"The Last Time\", \"Holy Ground\", \"Sad Beautiful Tragic\", \"The Lucky One\", \"Everything Has Changed\", \"Starlight\", \"Begin Again\", \"Better Man\", \"Nothing New\", \"Babe\", \"Message in a Bottle\", \"I Bet You Think About Me\", \"Forever Winter\", \"Run\", \"The Very First Night\", \"All Too Well (10 Minute Version)\"],\r\n \"1989\": [\"Welcome to New York\", \"Blank Space\", \"Style\", \"Out of the Woods\", \"All You Had to Do Was Stay\", \"Shake It Off\", \"I Wish You Would\", \"Bad Blood\", \"Wildest Dreams\", \"How You Get the Girl\", \"This Love\", \"I Know Places\", \"Clean\", \"Slut!\", \"Say Don't Go\", \"Now That We Don't Talk\", \"Suburban Legends\", \"Is It Over Now?\"],\r\n \"Reputation\": [\"\u2026Ready For It?\", \"End Game\", \"I Did Something Bad\", \"Don't Blame Me\", \"Delicate\", \"Look What You Made Me Do\", \"So It Goes\u2026\", \"Gorgeous\", \"Getaway Car\", \"King of My Heart\", \"Dancing With Our Hands Tied\", \"Dress\", \"This Is Why We Can't Have Nice Things\", \"Call It What You Want\", \"New Year's Day\"],\r\n \"Lover\": [\"I Forgot That You Existed\", \"Cruel Summer\", \"Lover\", \"The Man\", \"The Archer\", \"I Think He Knows\", \"Miss Americana & the Heartbreak Prince\", \"Paper Rings\", \"Cornelia Street\", \"Death by a Thousand Cuts\", \"London Boy\", \"Soon You'll Get Better\", \"False God\", \"You Need to Calm Down\", \"Afterglow\", \"ME!\", \"It's Nice to Have a Friend\", \"Daylight\"],\r\n \"Folklore\": [\"the 1\", \"cardigan\", \"the last great american dynasty\", \"exile\", \"my tears ricochet\", \"mirrorball\", \"seven\", \"august\", \"this is me trying\", \"illicit affairs\", \"invisible string\", \"mad woman\", \"epiphany\", \"betty\", \"peace\", \"hoax\", \"the lakes\"],\r\n \"Evermore\": [\"willow\", \"champagne problems\", \"gold rush\", \"'tis the damn season\", \"tolerate it\", \"no body, no crime\", \"happiness\", \"dorothea\", \"coney island\", \"ivy\", \"cowboy like me\", \"long story short\", \"marjorie\", \"closure\", \"evermore\"],\r\n \"Midnights\": [\"Lavender Haze\", \"Maroon\", \"Anti-Hero\", \"Snow on the Beach\", \"You're on Your Own, Kid\", \"Midnight Rain\", \"Question\u2026?\", \"Vigilante Shit\", \"Bejeweled\", \"Labyrinth\", \"Karma\", \"Sweet Nothing\", \"Mastermind\", \"The Great War\", \"Bigger Than the Whole Sky\", \"Paris\", \"High Infidelity\", \"Glitch\", \"Would've, Could've, Should've\", \"Dear Reader\"],\r\n \"The Tortured Poets Department\": [\"Fortnight\", \"The Tortured Poets Department\", \"My Boy Only Breaks His Favorite Toys\", \"Down Bad\", \"So Long, London\", \"But Daddy I Love Him\", \"Fresh Out the Slammer\", \"Florida!!!\", \"Guilty as Sin?\", \"Who's Afraid of Little Old Me?\", \"I Can Fix Him\", \"loml\", \"I Can Do It With a Broken Heart\", \"The Smallest Man Who Ever Lived\", \"The Albatross\", \"Chloe or Sam or Sophia or Marcus\", \"How Did It End?\", \"So High School\", \"I Hate It Here\", \"thanK you aIMee\", \"I Look in People's Windows\", \"The Prophecy\", \"Cassandra\", \"Peter\", \"The Bolter\", \"Robin\", \"The Manuscript\"],\r\n \"The Life of a Showgirl\": [\"The Fate of Ophelia\", \"Elizabeth Taylor\", \"Opalite\", \"Father Figure\", \"Eldest Daughter\", \"Ruin The Friendship\", \"Actually Romantic\", \"Wi$h Li$t\", \"Wood\", \"CANCELLED!\", \"Honey\", \"The Life of a Showgirl\"]\r\n };\r\n\r\n const albumNames = Object.keys(albums);\r\n let currentRound = 0;\r\n let score = 0;\r\n let currentAlbum = \"\";\r\n let correctSong = \"\";\r\n let usedSongsPerAlbum = {};\r\n let gameAlbums = [];\r\n let previousAlbum = \"\";\r\n let currentLanguage = 'pt';\r\n \r\n const translations = {\r\n pt: {\r\n title: \"Taylor Swift Quiz\",\r\n subtitle: \"Teste seus conhecimentos sobre as m\u00fasicas da Taylor! \ud83c\udfb5\",\r\n description: \"Voc\u00ea ter\u00e1 13 rodadas para provar que \u00e9 um verdadeiro Swiftie! Em cada rodada, identifique qual m\u00fasica pertence ao \u00e1lbum apresentado. Boa sorte! \u2728\",\r\n startButton: \"Come\u00e7ar Quiz\",\r\n nextButton: \"Pr\u00f3xima Rodada\",\r\n finishButton: \"Ver Resultado Final\",\r\n restartButton: \"Jogar Novamente\",\r\n round: \"Rodada\",\r\n of: \"de\",\r\n score: \"Pontua\u00e7\u00e3o:\",\r\n question: \"Qual dessas m\u00fasicas faz parte do \u00e1lbum\",\r\n correct: \"\u2728 Correto! Voc\u00ea acertou!\",\r\n incorrect: \"\u274c Errado! A resposta correta era:\",\r\n infoTitle: \"\u2139\ufe0f Sobre o Quiz\",\r\n infoText: \"Este quiz testa seus conhecimentos sobre todos os \u00e1lbuns da Taylor Swift, incluindo as vers\u00f5es deluxe e Taylor's Version!\",\r\n infoButton: \"Entendi!\",\r\n result1: \"Voc\u00ea foi bem, mas ainda pode melhorar \ud83d\udc9c\",\r\n result2: \"\u00d3, voc\u00ea j\u00e1 \u00e9 quase uma SWIFT, continue assim! \u2728\",\r\n result3: \"Muito bem! Voc\u00ea realmente conhece a Taylor! \ud83c\udf1f\",\r\n result4: \"Parab\u00e9ns, estamos lidando com uma(o) verdadeira(o) Swift! \ufffd\ufffd\ud83d\udc51\"\r\n },\r\n en: {\r\n title: \"Taylor Swift Quiz\",\r\n subtitle: \"Test your knowledge about Taylor's songs! \ud83c\udfb5\",\r\n description: \"You'll have 13 rounds to prove you're a true Swiftie! In each round, identify which song belongs to the album presented. Good luck! \u2728\",\r\n startButton: \"Start Quiz\",\r\n nextButton: \"Next Round\",\r\n finishButton: \"See Final Result\",\r\n restartButton: \"Play Again\",\r\n round: \"Round\",\r\n of: \"of\",\r\n score: \"Score:\",\r\n question: \"Which of these songs is part of the album\",\r\n correct: \"\u2728 Correct! You got it right!\",\r\n incorrect: \"\u274c Wrong! The correct answer was:\",\r\n infoTitle: \"\u2139\ufe0f About the Quiz\",\r\n infoText: \"This quiz tests your knowledge about all Taylor Swift albums, including deluxe and Taylor's Version editions!\",\r\n infoButton: \"Got it!\",\r\n result1: \"You did well, but you can still improve \ud83d\udc9c\",\r\n result2: \"Oh, you're almost a SWIFT, keep it up! \u2728\",\r\n result3: \"Very good! You really know Taylor! \ud83c\udf1f\",\r\n result4: \"Congratulations, we're dealing with a true Swift! \ud83c\udf89\ud83d\udc51\"\r\n }\r\n };\r\n\r\n const defaultConfig = {\r\n quiz_title: \"Taylor Swift Quiz\",\r\n start_button_text: \"Come\u00e7ar Quiz\",\r\n next_button_text: \"Pr\u00f3xima Rodada\",\r\n finish_button_text: \"Ver Resultado Final\",\r\n background_color: \"#667eea\",\r\n surface_color: \"#ffffff\",\r\n text_color: \"#ffffff\",\r\n primary_action_color: \"#ff6b9d\",\r\n secondary_action_color: \"#c06c84\",\r\n font_family: \"Inter\",\r\n font_size: 16\r\n };\r\n\r\n function shuffleArray(array) {\r\n const newArray = [...array];\r\n for (let i = newArray.length - 1; i > 0; i--) {\r\n const j = Math.floor(Math.random() * (i + 1));\r\n [newArray[i], newArray[j]] = [newArray[j], newArray[i]];\r\n }\r\n return newArray;\r\n }\r\n\r\n function getRandomSongs(excludeAlbum, count) {\r\n const allOtherSongs = [];\r\n for (const [album, songs] of Object.entries(albums)) {\r\n if (album !== excludeAlbum) {\r\n allOtherSongs.push(...songs);\r\n }\r\n }\r\n const shuffled = shuffleArray(allOtherSongs);\r\n return shuffled.slice(0, count);\r\n }\r\n\r\n function startGame() {\r\n currentRound = 0;\r\n score = 0;\r\n usedSongsPerAlbum = {};\r\n previousAlbum = \"\";\r\n \r\n \/\/ Seleciona 12 \u00e1lbuns aleat\u00f3rios + 1 \u00e1lbum repetido\r\n const shuffledAlbums = shuffleArray([...albumNames]);\r\n const selectedAlbums = shuffledAlbums.slice(0, 12);\r\n const repeatedAlbum = selectedAlbums[Math.floor(Math.random() * 12)];\r\n gameAlbums = shuffleArray([...selectedAlbums, repeatedAlbum]);\r\n \r\n document.getElementById('startScreen').style.display = 'none';\r\n document.getElementById('gameScreen').style.display = 'block';\r\n document.getElementById('resultScreen').style.display = 'none';\r\n \r\n nextRound();\r\n }\r\n\r\n function nextRound() {\r\n if (currentRound >= 13) {\r\n showResults();\r\n return;\r\n }\r\n\r\n currentAlbum = gameAlbums[currentRound];\r\n currentRound++;\r\n \r\n previousAlbum = currentAlbum;\r\n \r\n if (!usedSongsPerAlbum[currentAlbum]) {\r\n usedSongsPerAlbum[currentAlbum] = [];\r\n }\r\n \r\n const availableSongs = albums[currentAlbum].filter(\r\n song => !usedSongsPerAlbum[currentAlbum].includes(song)\r\n );\r\n \r\n correctSong = availableSongs[Math.floor(Math.random() * availableSongs.length)];\r\n usedSongsPerAlbum[currentAlbum].push(correctSong);\r\n \r\n const wrongSongs = getRandomSongs(currentAlbum, 3);\r\n const allOptions = shuffleArray([correctSong, ...wrongSongs]);\r\n \r\n const t = translations[currentLanguage];\r\n document.getElementById('roundInfo').textContent = `${t.round} ${currentRound} ${t.of} 13`;\r\n document.getElementById('scoreDisplay').textContent = `${t.score} ${score}`;\r\n document.getElementById('albumName').textContent = currentAlbum;\r\n document.getElementById('questionText').textContent = `${t.question} ${currentAlbum}?`;\r\n \r\n const optionsContainer = document.getElementById('optionsContainer');\r\n optionsContainer.innerHTML = '';\r\n \r\n allOptions.forEach(song => {\r\n const btn = document.createElement('button');\r\n btn.className = 'option-btn';\r\n btn.textContent = song;\r\n btn.onclick = () => selectAnswer(song, btn);\r\n optionsContainer.appendChild(btn);\r\n });\r\n \r\n document.getElementById('feedbackMessage').style.display = 'none';\r\n document.getElementById('feedbackMessage').className = 'feedback-message';\r\n document.getElementById('nextBtnContainer').style.display = 'none';\r\n }\r\n\r\n function selectAnswer(selectedSong, selectedBtn) {\r\n const allButtons = document.querySelectorAll('.option-btn');\r\n allButtons.forEach(btn => btn.disabled = true);\r\n \r\n const feedbackMessage = document.getElementById('feedbackMessage');\r\n const nextBtnContainer = document.getElementById('nextBtnContainer');\r\n const nextBtn = document.getElementById('nextBtn');\r\n const t = translations[currentLanguage];\r\n \r\n if (selectedSong === correctSong) {\r\n score++;\r\n selectedBtn.classList.add('correct');\r\n feedbackMessage.textContent = t.correct;\r\n feedbackMessage.className = 'feedback-message correct';\r\n document.getElementById('scoreDisplay').textContent = `${t.score} ${score}`;\r\n } else {\r\n selectedBtn.classList.add('incorrect');\r\n allButtons.forEach(btn => {\r\n if (btn.textContent === correctSong) {\r\n btn.classList.add('correct');\r\n }\r\n });\r\n feedbackMessage.textContent = `${t.incorrect} ${correctSong}`;\r\n feedbackMessage.className = 'feedback-message incorrect';\r\n }\r\n \r\n nextBtnContainer.style.display = 'block';\r\n \r\n if (currentRound === 13) {\r\n nextBtn.textContent = t.finishButton;\r\n } else {\r\n nextBtn.textContent = t.nextButton;\r\n }\r\n }\r\n\r\n function showResults() {\r\n document.getElementById('gameScreen').style.display = 'none';\r\n document.getElementById('resultScreen').style.display = 'block';\r\n \r\n document.getElementById('finalScore').textContent = `${score}\/13`;\r\n \r\n const t = translations[currentLanguage];\r\n let message = '';\r\n if (score < 5) {\r\n message = t.result1;\r\n } else if (score >= 5 && score <= 7) {\r\n message = t.result2;\r\n } else if (score >= 8 && score <= 12) {\r\n message = t.result3;\r\n } else if (score === 13) {\r\n message = t.result4;\r\n }\r\n \r\n document.getElementById('resultMessage').textContent = message;\r\n }\r\n\r\n function updateLanguage() {\r\n const t = translations[currentLanguage];\r\n document.getElementById('quizTitle').textContent = t.title;\r\n document.querySelector('.quiz-subtitle').textContent = t.subtitle;\r\n document.querySelector('.start-description').textContent = t.description;\r\n document.getElementById('startBtn').textContent = t.startButton;\r\n document.getElementById('restartBtn').textContent = t.restartButton;\r\n document.getElementById('languageBtn').textContent = currentLanguage === 'pt' ? 'PT' : 'EN';\r\n }\r\n \r\n document.getElementById('languageBtn').addEventListener('click', () => {\r\n currentLanguage = currentLanguage === 'pt' ? 'en' : 'pt';\r\n updateLanguage();\r\n });\r\n \r\n document.getElementById('startBtn').addEventListener('click', startGame);\r\n document.getElementById('nextBtn').addEventListener('click', nextRound);\r\n document.getElementById('restartBtn').addEventListener('click', () => {\r\n document.getElementById('resultScreen').style.display = 'none';\r\n document.getElementById('startScreen').style.display = 'block';\r\n });\r\n \r\n document.getElementById('infoBtn').addEventListener('click', () => {\r\n const t = translations[currentLanguage];\r\n const infoMessage = document.createElement('div');\r\n infoMessage.style.cssText = `\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n background: rgba(255, 255, 255, 0.95);\r\n color: #333;\r\n padding: 30px 40px;\r\n border-radius: 20px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\r\n z-index: 1000;\r\n max-width: 400px;\r\n text-align: center;\r\n font-family: Inter, sans-serif;\r\n `;\r\n infoMessage.innerHTML = `\r\n <h3 style=\"margin-bottom: 15px; font-size: 22px; font-weight: 700;\">${t.infoTitle}<\/h3>\r\n <p style=\"margin-bottom: 20px; line-height: 1.6; font-size: 16px;\">\r\n ${t.infoText}\r\n <\/p>\r\n <button onclick=\"this.parentElement.remove(); document.getElementById('overlay').remove();\" \r\n style=\"background: linear-gradient(135deg, #ff6b9d 0%, #c06c84 100%); \r\n color: white; border: none; padding: 12px 30px; \r\n border-radius: 25px; cursor: pointer; font-size: 16px; font-weight: 600;\">\r\n ${t.infoButton}\r\n <\/button>\r\n `;\r\n \r\n const overlay = document.createElement('div');\r\n overlay.id = 'overlay';\r\n overlay.style.cssText = `\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.5);\r\n z-index: 999;\r\n `;\r\n overlay.onclick = () => {\r\n infoMessage.remove();\r\n overlay.remove();\r\n };\r\n \r\n document.body.appendChild(overlay);\r\n document.body.appendChild(infoMessage);\r\n });\r\n\r\n async function onConfigChange(config) {\r\n const quizTitle = config.quiz_title || defaultConfig.quiz_title;\r\n const startButtonText = config.start_button_text || defaultConfig.start_button_text;\r\n const backgroundColor = config.background_color || defaultConfig.background_color;\r\n const surfaceColor = config.surface_color || defaultConfig.surface_color;\r\n const textColor = config.text_color || defaultConfig.text_color;\r\n const primaryActionColor = config.primary_action_color || defaultConfig.primary_action_color;\r\n const secondaryActionColor = config.secondary_action_color || defaultConfig.secondary_action_color;\r\n const fontFamily = config.font_family || defaultConfig.font_family;\r\n const fontSize = config.font_size || defaultConfig.font_size;\r\n\r\n document.getElementById('quizTitle').textContent = quizTitle;\r\n document.getElementById('startBtn').textContent = startButtonText;\r\n\r\n document.body.style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${secondaryActionColor} 50%, ${primaryActionColor} 100%)`;\r\n document.body.style.color = textColor;\r\n\r\n const allButtons = document.querySelectorAll('.btn');\r\n allButtons.forEach(btn => {\r\n btn.style.background = `linear-gradient(135deg, ${primaryActionColor} 0%, ${secondaryActionColor} 100%)`;\r\n btn.style.fontFamily = `${fontFamily}, sans-serif`;\r\n btn.style.fontSize = `${fontSize * 1.125}px`;\r\n });\r\n\r\n document.querySelector('.quiz-title').style.fontFamily = `'Playfair Display', ${fontFamily}, serif`;\r\n document.querySelector('.quiz-title').style.fontSize = `${fontSize * 3}px`;\r\n document.querySelector('.quiz-title').style.color = textColor;\r\n\r\n document.querySelector('.quiz-subtitle').style.fontFamily = `${fontFamily}, sans-serif`;\r\n document.querySelector('.quiz-subtitle').style.fontSize = `${fontSize * 1.125}px`;\r\n document.querySelector('.quiz-subtitle').style.color = textColor;\r\n\r\n document.querySelector('.start-description').style.fontFamily = `${fontFamily}, sans-serif`;\r\n document.querySelector('.start-description').style.fontSize = `${fontSize}px`;\r\n\r\n const allText = document.querySelectorAll('.round-info, .score-display, .album-name, .question-text, .feedback-message, .result-message');\r\n allText.forEach(el => {\r\n el.style.fontFamily = `${fontFamily}, sans-serif`;\r\n el.style.color = textColor;\r\n });\r\n\r\n document.querySelector('.album-name').style.fontFamily = `'Playfair Display', ${fontFamily}, serif`;\r\n document.querySelector('.album-name').style.fontSize = `${fontSize * 1.75}px`;\r\n\r\n document.querySelector('.question-text').style.fontSize = `${fontSize * 1.25}px`;\r\n\r\n document.querySelector('.final-score').style.fontFamily = `'Playfair Display', ${fontFamily}, serif`;\r\n document.querySelector('.final-score').style.fontSize = `${fontSize * 4.5}px`;\r\n document.querySelector('.final-score').style.color = textColor;\r\n\r\n const allOptionButtons = document.querySelectorAll('.option-btn');\r\n allOptionButtons.forEach(btn => {\r\n btn.style.fontFamily = `${fontFamily}, sans-serif`;\r\n btn.style.fontSize = `${fontSize * 1.0625}px`;\r\n btn.style.background = `rgba(255, 255, 255, 0.2)`;\r\n btn.style.color = textColor;\r\n });\r\n }\r\n\r\n if (window.elementSdk) {\r\n window.elementSdk.init({\r\n defaultConfig: defaultConfig,\r\n onConfigChange: onConfigChange,\r\n mapToCapabilities: (config) => ({\r\n recolorables: [\r\n {\r\n get: () => config.background_color || defaultConfig.background_color,\r\n set: (value) => {\r\n config.background_color = value;\r\n window.elementSdk.setConfig({ background_color: value });\r\n }\r\n },\r\n {\r\n get: () => config.surface_color || defaultConfig.surface_color,\r\n set: (value) => {\r\n config.surface_color = value;\r\n window.elementSdk.setConfig({ surface_color: value });\r\n }\r\n },\r\n {\r\n get: () => config.text_color || defaultConfig.text_color,\r\n set: (value) => {\r\n config.text_color = value;\r\n window.elementSdk.setConfig({ text_color: value });\r\n }\r\n },\r\n {\r\n get: () => config.primary_action_color || defaultConfig.primary_action_color,\r\n set: (value) => {\r\n config.primary_action_color = value;\r\n window.elementSdk.setConfig({ primary_action_color: value });\r\n }\r\n },\r\n {\r\n get: () => config.secondary_action_color || defaultConfig.secondary_action_color,\r\n set: (value) => {\r\n config.secondary_action_color = value;\r\n window.elementSdk.setConfig({ secondary_action_color: value });\r\n }\r\n }\r\n ],\r\n borderables: [],\r\n fontEditable: {\r\n get: () => config.font_family || defaultConfig.font_family,\r\n set: (value) => {\r\n config.font_family = value;\r\n window.elementSdk.setConfig({ font_family: value });\r\n }\r\n },\r\n fontSizeable: {\r\n get: () => config.font_size || defaultConfig.font_size,\r\n set: (value) => {\r\n config.font_size = value;\r\n window.elementSdk.setConfig({ font_size: value });\r\n }\r\n }\r\n }),\r\n mapToEditPanelValues: (config) => new Map([\r\n [\"quiz_title\", config.quiz_title || defaultConfig.quiz_title],\r\n [\"start_button_text\", config.start_button_text || defaultConfig.start_button_text],\r\n [\"next_button_text\", config.next_button_text || defaultConfig.next_button_text],\r\n [\"finish_button_text\", config.finish_button_text || defaultConfig.finish_button_text]\r\n ])\r\n });\r\n }\r\n <\/script>\r\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9b24790ea709a5e7',t:'MTc2NjQ1NzQwMi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Neste quiz, voc\u00ea vai testar seus conhecimentos sobre a Taylor Swift escolhendo qual m\u00fasica pertence ao \u00e1lbum mostrado. A cada pergunta, aparece o nome de um \u00e1lbum e quatro op\u00e7\u00f5es de m\u00fasicas. Sua miss\u00e3o \u00e9 marcar a m\u00fasica correta daquele \u00e1lbum. No final, voc\u00ea ver\u00e1 sua pontua\u00e7\u00e3o e poder\u00e1 descobrir o quanto realmente conhece a discografia da Taylor. \u00a0 Taylor Swift Quiz Taylor Swift Quiz Teste seus conhecimentos sobre as m\u00fasicas da Taylor! \ud83c\udfb5 Voc\u00ea ter\u00e1 13 rodadas para provar que \u00e9 um verdadeiro Swiftie! Em cada rodada, identifique qual m\u00fasica pertence ao \u00e1lbum apresentado. Boa sorte! \u2728 PT Come\u00e7ar Quiz ? Rodada 1 de 13 Pontua\u00e7\u00e3o: 0 Pr\u00f3xima Rodada Jogar Novamente<\/p>","protected":false},"author":1,"featured_media":324,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[16],"tags":[22,18,13,24,23],"class_list":["post-225","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-quizzes-2","tag-games","tag-jogos","tag-quiz","tag-swift","tag-taylor"],"_links":{"self":[{"href":"https:\/\/modgames.com.br\/en\/wp-json\/wp\/v2\/posts\/225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/modgames.com.br\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/modgames.com.br\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/modgames.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/modgames.com.br\/en\/wp-json\/wp\/v2\/comments?post=225"}],"version-history":[{"count":7,"href":"https:\/\/modgames.com.br\/en\/wp-json\/wp\/v2\/posts\/225\/revisions"}],"predecessor-version":[{"id":323,"href":"https:\/\/modgames.com.br\/en\/wp-json\/wp\/v2\/posts\/225\/revisions\/323"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/modgames.com.br\/en\/wp-json\/wp\/v2\/media\/324"}],"wp:attachment":[{"href":"https:\/\/modgames.com.br\/en\/wp-json\/wp\/v2\/media?parent=225"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/modgames.com.br\/en\/wp-json\/wp\/v2\/categories?post=225"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/modgames.com.br\/en\/wp-json\/wp\/v2\/tags?post=225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\n

Neste quiz, voc\u00ea vai testar seus conhecimentos sobre a Taylor Swift escolhendo qual m\u00fasica pertence ao \u00e1lbum mostrado<\/strong>. A cada pergunta, aparece o nome de um \u00e1lbum e quatro op\u00e7\u00f5es de m\u00fasicas. Sua miss\u00e3o \u00e9 marcar a m\u00fasica correta daquele \u00e1lbum. No final, voc\u00ea ver\u00e1 sua pontua\u00e7\u00e3o e poder\u00e1 descobrir o quanto realmente conhece a discografia da Taylor.<\/span><\/p>\n\n

\u00a0<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n \r\n \r\n \r\n Taylor Swift Quiz<\/title>\r\n <script src=\"\/_sdk\/data_sdk.js\"><\/script>\r\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700;900&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n box-sizing: border-box;\r\n }\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n height: 100%;\r\n width: 100%;\r\n }\r\n \r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);\r\n color: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n \r\n .quiz-wrapper {\r\n width: 100%;\r\n height: 100%;\r\n overflow-y: auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 40px 20px;\r\n }\r\n \r\n .quiz-container {\r\n max-width: 700px;\r\n width: 100%;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(20px);\r\n border-radius: 30px;\r\n padding: 50px 40px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n border: 2px solid rgba(255, 255, 255, 0.2);\r\n }\r\n \r\n .quiz-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 48px;\r\n font-weight: 900;\r\n text-align: center;\r\n margin-bottom: 15px;\r\n text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);\r\n letter-spacing: -1px;\r\n }\r\n \r\n .quiz-subtitle {\r\n text-align: center;\r\n font-size: 18px;\r\n margin-bottom: 40px;\r\n opacity: 0.95;\r\n font-weight: 500;\r\n }\r\n \r\n .start-screen {\r\n text-align: center;\r\n }\r\n \r\n .start-description {\r\n font-size: 16px;\r\n line-height: 1.7;\r\n margin-bottom: 35px;\r\n opacity: 0.9;\r\n }\r\n \r\n .btn {\r\n background: linear-gradient(135deg, #ff6b9d 0%, #c06c84 100%);\r\n color: white;\r\n border: none;\r\n padding: 18px 50px;\r\n font-size: 18px;\r\n font-weight: 600;\r\n border-radius: 50px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n font-family: 'Inter', sans-serif;\r\n }\r\n \r\n .btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\r\n background: linear-gradient(135deg, #ff5a8d 0%, #b05c74 100%);\r\n }\r\n \r\n .btn:active {\r\n transform: translateY(-1px);\r\n }\r\n \r\n .btn:disabled {\r\n opacity: 0.6;\r\n cursor: not-allowed;\r\n transform: none;\r\n }\r\n \r\n .round-btn {\r\n position: absolute;\r\n right: -60px;\r\n bottom: 0;\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.3);\r\n border: 2px solid rgba(255, 255, 255, 0.5);\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-family: 'Inter', sans-serif;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n .round-btn:hover {\r\n background: rgba(255, 255, 255, 0.4);\r\n transform: scale(1.1);\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);\r\n }\r\n \r\n .round-btn:active {\r\n transform: scale(1.05);\r\n }\r\n \r\n .language-btn {\r\n position: absolute;\r\n left: -60px;\r\n bottom: 0;\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.3);\r\n border: 2px solid rgba(255, 255, 255, 0.5);\r\n color: white;\r\n font-size: 18px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-family: 'Inter', sans-serif;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n .language-btn:hover {\r\n background: rgba(255, 255, 255, 0.4);\r\n transform: scale(1.1);\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);\r\n }\r\n \r\n .language-btn:active {\r\n transform: scale(1.05);\r\n }\r\n \r\n .game-screen {\r\n display: none;\r\n }\r\n \r\n .round-info {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n opacity: 0.9;\r\n }\r\n \r\n .score-display {\r\n text-align: center;\r\n font-size: 20px;\r\n font-weight: 700;\r\n margin-bottom: 25px;\r\n padding: 15px;\r\n background: rgba(255, 255, 255, 0.2);\r\n border-radius: 15px;\r\n }\r\n \r\n .question-box {\r\n background: rgba(255, 255, 255, 0.25);\r\n padding: 30px;\r\n border-radius: 20px;\r\n margin-bottom: 30px;\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n }\r\n \r\n .album-name {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 28px;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n text-align: center;\r\n }\r\n \r\n .question-text {\r\n font-size: 20px;\r\n text-align: center;\r\n font-weight: 600;\r\n line-height: 1.5;\r\n }\r\n \r\n .options-container {\r\n display: grid;\r\n gap: 15px;\r\n margin-bottom: 30px;\r\n }\r\n \r\n .option-btn {\r\n background: rgba(255, 255, 255, 0.2);\r\n border: 2px solid rgba(255, 255, 255, 0.4);\r\n color: white;\r\n padding: 20px 25px;\r\n font-size: 17px;\r\n font-weight: 500;\r\n border-radius: 15px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-align: left;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n \r\n .option-btn:hover:not(:disabled) {\r\n background: rgba(255, 255, 255, 0.35);\r\n transform: translateX(5px);\r\n border-color: rgba(255, 255, 255, 0.6);\r\n }\r\n \r\n .option-btn.selected {\r\n background: rgba(255, 255, 255, 0.4);\r\n border-color: rgba(255, 255, 255, 0.8);\r\n font-weight: 600;\r\n }\r\n \r\n .option-btn.correct {\r\n background: rgba(76, 175, 80, 0.5);\r\n border-color: #4caf50;\r\n font-weight: 600;\r\n }\r\n \r\n .option-btn.incorrect {\r\n background: rgba(244, 67, 54, 0.5);\r\n border-color: #f44336;\r\n font-weight: 600;\r\n }\r\n \r\n .option-btn:disabled {\r\n cursor: not-allowed;\r\n }\r\n \r\n .feedback-message {\r\n text-align: center;\r\n font-size: 18px;\r\n font-weight: 600;\r\n margin-bottom: 25px;\r\n padding: 15px;\r\n border-radius: 15px;\r\n display: none;\r\n }\r\n \r\n .feedback-message.correct {\r\n background: rgba(76, 175, 80, 0.3);\r\n border: 2px solid #4caf50;\r\n display: block;\r\n }\r\n \r\n .feedback-message.incorrect {\r\n background: rgba(244, 67, 54, 0.3);\r\n border: 2px solid #f44336;\r\n display: block;\r\n }\r\n \r\n .next-btn-container {\r\n text-align: center;\r\n display: none;\r\n }\r\n \r\n .result-screen {\r\n display: none;\r\n text-align: center;\r\n }\r\n \r\n .final-score {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 72px;\r\n font-weight: 900;\r\n margin-bottom: 20px;\r\n text-shadow: 3px 3px 15px rgba(0, 0, 0, 0.4);\r\n }\r\n \r\n .result-message {\r\n font-size: 24px;\r\n line-height: 1.6;\r\n margin-bottom: 35px;\r\n font-weight: 600;\r\n padding: 25px;\r\n background: rgba(255, 255, 255, 0.2);\r\n border-radius: 20px;\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n }\r\n \r\n @media (max-width: 600px) {\r\n .quiz-container {\r\n padding: 35px 25px;\r\n }\r\n \r\n .quiz-title {\r\n font-size: 36px;\r\n }\r\n \r\n .quiz-subtitle {\r\n font-size: 16px;\r\n }\r\n \r\n .album-name {\r\n font-size: 24px;\r\n }\r\n \r\n .question-text {\r\n font-size: 18px;\r\n }\r\n \r\n .option-btn {\r\n padding: 18px 20px;\r\n font-size: 16px;\r\n }\r\n \r\n .final-score {\r\n font-size: 56px;\r\n }\r\n \r\n .result-message {\r\n font-size: 20px;\r\n }\r\n }\r\n <\/style>\r\n <style>@view-transition { navigation: auto; }<\/style>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\" type=\"text\/javascript\"><\/script>\r\n <\/head>\r\n <body>\r\n <div class=\"quiz-wrapper\">\r\n <div class=\"quiz-container\">\r\n <h1 class=\"quiz-title\" id=\"quizTitle\">Taylor Swift Quiz<\/h1>\r\n <p class=\"quiz-subtitle\">Teste seus conhecimentos sobre as m\u00fasicas da Taylor! \ud83c\udfb5<\/p>\r\n <div class=\"start-screen\" id=\"startScreen\">\r\n <p class=\"start-description\">Voc\u00ea ter\u00e1 13 rodadas para provar que \u00e9 um verdadeiro Swiftie! Em cada rodada, identifique qual m\u00fasica pertence ao \u00e1lbum apresentado. Boa sorte! \u2728<\/p>\r\n <div style=\"position: relative; display: inline-block;\"><button class=\"language-btn\" id=\"languageBtn\">PT<\/button> <button class=\"btn\" id=\"startBtn\">Come\u00e7ar Quiz<\/button> <button class=\"round-btn\" id=\"infoBtn\">?<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"game-screen\" id=\"gameScreen\">\r\n <div class=\"round-info\" id=\"roundInfo\">\r\n Rodada 1 de 13\r\n <\/div>\r\n <div class=\"score-display\" id=\"scoreDisplay\">\r\n Pontua\u00e7\u00e3o: 0\r\n <\/div>\r\n <div class=\"question-box\">\r\n <div class=\"album-name\" id=\"albumName\"><\/div>\r\n <div class=\"question-text\" id=\"questionText\"><\/div>\r\n <\/div>\r\n <div class=\"options-container\" id=\"optionsContainer\"><\/div>\r\n <div class=\"feedback-message\" id=\"feedbackMessage\"><\/div>\r\n <div class=\"next-btn-container\" id=\"nextBtnContainer\"><button class=\"btn\" id=\"nextBtn\">Pr\u00f3xima Rodada<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-screen\" id=\"resultScreen\">\r\n <div class=\"final-score\" id=\"finalScore\"><\/div>\r\n <div class=\"result-message\" id=\"resultMessage\"><\/div><button class=\"btn\" id=\"restartBtn\">Jogar Novamente<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <script>\r\n const albums = {\r\n \"Taylor Swift\": [\"Tim McGraw\", \"Picture to Burn\", \"Teardrops on My Guitar\", \"A Place in This World\", \"Cold as You\", \"The Outside\", \"Tied Together with a Smile\", \"Stay Beautiful\", \"Should've Said No\", \"Mary's Song (Oh My My My)\", \"Our Song\", \"I'm Only Me When I'm With You\", \"Invisible\", \"A Perfectly Good Heart\"],\r\n \"Fearless\": [\"Fearless\", \"Fifteen\", \"Love Story\", \"Hey Stephen\", \"White Horse\", \"You Belong With Me\", \"Breathe\", \"Tell Me Why\", \"You're Not Sorry\", \"The Way I Loved You\", \"Forever & Always\", \"The Best Day\", \"Change\", \"Jump Then Fall\", \"Untouchable\", \"Come In With the Rain\", \"Superstar\", \"The Other Side of the Door\", \"Mr. Perfectly Fine\", \"We Were Happy\", \"That's When\", \"Don't You\", \"Bye Bye Baby\"],\r\n \"Speak Now\": [\"Mine\", \"Sparks Fly\", \"Back to December\", \"Speak Now\", \"Dear John\", \"Mean\", \"The Story of Us\", \"Never Grow Up\", \"Enchanted\", \"Better Than Revenge\", \"Innocent\", \"Haunted\", \"Last Kiss\", \"Long Live\", \"Electric Touch\", \"When Emma Falls in Love\", \"I Can See You\", \"Castles Crumbling\", \"Foolish One\", \"Timeless\"],\r\n \"Red\": [\"State of Grace\", \"Red\", \"Treacherous\", \"I Knew You Were Trouble\", \"All Too Well\", \"22\", \"I Almost Do\", \"We Are Never Ever Getting Back Together\", \"Stay Stay Stay\", \"The Last Time\", \"Holy Ground\", \"Sad Beautiful Tragic\", \"The Lucky One\", \"Everything Has Changed\", \"Starlight\", \"Begin Again\", \"Better Man\", \"Nothing New\", \"Babe\", \"Message in a Bottle\", \"I Bet You Think About Me\", \"Forever Winter\", \"Run\", \"The Very First Night\", \"All Too Well (10 Minute Version)\"],\r\n \"1989\": [\"Welcome to New York\", \"Blank Space\", \"Style\", \"Out of the Woods\", \"All You Had to Do Was Stay\", \"Shake It Off\", \"I Wish You Would\", \"Bad Blood\", \"Wildest Dreams\", \"How You Get the Girl\", \"This Love\", \"I Know Places\", \"Clean\", \"Slut!\", \"Say Don't Go\", \"Now That We Don't Talk\", \"Suburban Legends\", \"Is It Over Now?\"],\r\n \"Reputation\": [\"\u2026Ready For It?\", \"End Game\", \"I Did Something Bad\", \"Don't Blame Me\", \"Delicate\", \"Look What You Made Me Do\", \"So It Goes\u2026\", \"Gorgeous\", \"Getaway Car\", \"King of My Heart\", \"Dancing With Our Hands Tied\", \"Dress\", \"This Is Why We Can't Have Nice Things\", \"Call It What You Want\", \"New Year's Day\"],\r\n \"Lover\": [\"I Forgot That You Existed\", \"Cruel Summer\", \"Lover\", \"The Man\", \"The Archer\", \"I Think He Knows\", \"Miss Americana & the Heartbreak Prince\", \"Paper Rings\", \"Cornelia Street\", \"Death by a Thousand Cuts\", \"London Boy\", \"Soon You'll Get Better\", \"False God\", \"You Need to Calm Down\", \"Afterglow\", \"ME!\", \"It's Nice to Have a Friend\", \"Daylight\"],\r\n \"Folklore\": [\"the 1\", \"cardigan\", \"the last great american dynasty\", \"exile\", \"my tears ricochet\", \"mirrorball\", \"seven\", \"august\", \"this is me trying\", \"illicit affairs\", \"invisible string\", \"mad woman\", \"epiphany\", \"betty\", \"peace\", \"hoax\", \"the lakes\"],\r\n \"Evermore\": [\"willow\", \"champagne problems\", \"gold rush\", \"'tis the damn season\", \"tolerate it\", \"no body, no crime\", \"happiness\", \"dorothea\", \"coney island\", \"ivy\", \"cowboy like me\", \"long story short\", \"marjorie\", \"closure\", \"evermore\"],\r\n \"Midnights\": [\"Lavender Haze\", \"Maroon\", \"Anti-Hero\", \"Snow on the Beach\", \"You're on Your Own, Kid\", \"Midnight Rain\", \"Question\u2026?\", \"Vigilante Shit\", \"Bejeweled\", \"Labyrinth\", \"Karma\", \"Sweet Nothing\", \"Mastermind\", \"The Great War\", \"Bigger Than the Whole Sky\", \"Paris\", \"High Infidelity\", \"Glitch\", \"Would've, Could've, Should've\", \"Dear Reader\"],\r\n \"The Tortured Poets Department\": [\"Fortnight\", \"The Tortured Poets Department\", \"My Boy Only Breaks His Favorite Toys\", \"Down Bad\", \"So Long, London\", \"But Daddy I Love Him\", \"Fresh Out the Slammer\", \"Florida!!!\", \"Guilty as Sin?\", \"Who's Afraid of Little Old Me?\", \"I Can Fix Him\", \"loml\", \"I Can Do It With a Broken Heart\", \"The Smallest Man Who Ever Lived\", \"The Albatross\", \"Chloe or Sam or Sophia or Marcus\", \"How Did It End?\", \"So High School\", \"I Hate It Here\", \"thanK you aIMee\", \"I Look in People's Windows\", \"The Prophecy\", \"Cassandra\", \"Peter\", \"The Bolter\", \"Robin\", \"The Manuscript\"],\r\n \"The Life of a Showgirl\": [\"The Fate of Ophelia\", \"Elizabeth Taylor\", \"Opalite\", \"Father Figure\", \"Eldest Daughter\", \"Ruin The Friendship\", \"Actually Romantic\", \"Wi$h Li$t\", \"Wood\", \"CANCELLED!\", \"Honey\", \"The Life of a Showgirl\"]\r\n };\r\n\r\n const albumNames = Object.keys(albums);\r\n let currentRound = 0;\r\n let score = 0;\r\n let currentAlbum = \"\";\r\n let correctSong = \"\";\r\n let usedSongsPerAlbum = {};\r\n let gameAlbums = [];\r\n let previousAlbum = \"\";\r\n let currentLanguage = 'pt';\r\n \r\n const translations = {\r\n pt: {\r\n title: \"Taylor Swift Quiz\",\r\n subtitle: \"Teste seus conhecimentos sobre as m\u00fasicas da Taylor! \ud83c\udfb5\",\r\n description: \"Voc\u00ea ter\u00e1 13 rodadas para provar que \u00e9 um verdadeiro Swiftie! Em cada rodada, identifique qual m\u00fasica pertence ao \u00e1lbum apresentado. Boa sorte! \u2728\",\r\n startButton: \"Come\u00e7ar Quiz\",\r\n nextButton: \"Pr\u00f3xima Rodada\",\r\n finishButton: \"Ver Resultado Final\",\r\n restartButton: \"Jogar Novamente\",\r\n round: \"Rodada\",\r\n of: \"de\",\r\n score: \"Pontua\u00e7\u00e3o:\",\r\n question: \"Qual dessas m\u00fasicas faz parte do \u00e1lbum\",\r\n correct: \"\u2728 Correto! Voc\u00ea acertou!\",\r\n incorrect: \"\u274c Errado! A resposta correta era:\",\r\n infoTitle: \"\u2139\ufe0f Sobre o Quiz\",\r\n infoText: \"Este quiz testa seus conhecimentos sobre todos os \u00e1lbuns da Taylor Swift, incluindo as vers\u00f5es deluxe e Taylor's Version!\",\r\n infoButton: \"Entendi!\",\r\n result1: \"Voc\u00ea foi bem, mas ainda pode melhorar \ud83d\udc9c\",\r\n result2: \"\u00d3, voc\u00ea j\u00e1 \u00e9 quase uma SWIFT, continue assim! \u2728\",\r\n result3: \"Muito bem! Voc\u00ea realmente conhece a Taylor! \ud83c\udf1f\",\r\n result4: \"Parab\u00e9ns, estamos lidando com uma(o) verdadeira(o) Swift! \ufffd\ufffd\ud83d\udc51\"\r\n },\r\n en: {\r\n title: \"Taylor Swift Quiz\",\r\n subtitle: \"Test your knowledge about Taylor's songs! \ud83c\udfb5\",\r\n description: \"You'll have 13 rounds to prove you're a true Swiftie! In each round, identify which song belongs to the album presented. Good luck! \u2728\",\r\n startButton: \"Start Quiz\",\r\n nextButton: \"Next Round\",\r\n finishButton: \"See Final Result\",\r\n restartButton: \"Play Again\",\r\n round: \"Round\",\r\n of: \"of\",\r\n score: \"Score:\",\r\n question: \"Which of these songs is part of the album\",\r\n correct: \"\u2728 Correct! You got it right!\",\r\n incorrect: \"\u274c Wrong! The correct answer was:\",\r\n infoTitle: \"\u2139\ufe0f About the Quiz\",\r\n infoText: \"This quiz tests your knowledge about all Taylor Swift albums, including deluxe and Taylor's Version editions!\",\r\n infoButton: \"Got it!\",\r\n result1: \"You did well, but you can still improve \ud83d\udc9c\",\r\n result2: \"Oh, you're almost a SWIFT, keep it up! \u2728\",\r\n result3: \"Very good! You really know Taylor! \ud83c\udf1f\",\r\n result4: \"Congratulations, we're dealing with a true Swift! \ud83c\udf89\ud83d\udc51\"\r\n }\r\n };\r\n\r\n const defaultConfig = {\r\n quiz_title: \"Taylor Swift Quiz\",\r\n start_button_text: \"Come\u00e7ar Quiz\",\r\n next_button_text: \"Pr\u00f3xima Rodada\",\r\n finish_button_text: \"Ver Resultado Final\",\r\n background_color: \"#667eea\",\r\n surface_color: \"#ffffff\",\r\n text_color: \"#ffffff\",\r\n primary_action_color: \"#ff6b9d\",\r\n secondary_action_color: \"#c06c84\",\r\n font_family: \"Inter\",\r\n font_size: 16\r\n };\r\n\r\n function shuffleArray(array) {\r\n const newArray = [...array];\r\n for (let i = newArray.length - 1; i > 0; i--) {\r\n const j = Math.floor(Math.random() * (i + 1));\r\n [newArray[i], newArray[j]] = [newArray[j], newArray[i]];\r\n }\r\n return newArray;\r\n }\r\n\r\n function getRandomSongs(excludeAlbum, count) {\r\n const allOtherSongs = [];\r\n for (const [album, songs] of Object.entries(albums)) {\r\n if (album !== excludeAlbum) {\r\n allOtherSongs.push(...songs);\r\n }\r\n }\r\n const shuffled = shuffleArray(allOtherSongs);\r\n return shuffled.slice(0, count);\r\n }\r\n\r\n function startGame() {\r\n currentRound = 0;\r\n score = 0;\r\n usedSongsPerAlbum = {};\r\n previousAlbum = \"\";\r\n \r\n \/\/ Seleciona 12 \u00e1lbuns aleat\u00f3rios + 1 \u00e1lbum repetido\r\n const shuffledAlbums = shuffleArray([...albumNames]);\r\n const selectedAlbums = shuffledAlbums.slice(0, 12);\r\n const repeatedAlbum = selectedAlbums[Math.floor(Math.random() * 12)];\r\n gameAlbums = shuffleArray([...selectedAlbums, repeatedAlbum]);\r\n \r\n document.getElementById('startScreen').style.display = 'none';\r\n document.getElementById('gameScreen').style.display = 'block';\r\n document.getElementById('resultScreen').style.display = 'none';\r\n \r\n nextRound();\r\n }\r\n\r\n function nextRound() {\r\n if (currentRound >= 13) {\r\n showResults();\r\n return;\r\n }\r\n\r\n currentAlbum = gameAlbums[currentRound];\r\n currentRound++;\r\n \r\n previousAlbum = currentAlbum;\r\n \r\n if (!usedSongsPerAlbum[currentAlbum]) {\r\n usedSongsPerAlbum[currentAlbum] = [];\r\n }\r\n \r\n const availableSongs = albums[currentAlbum].filter(\r\n song => !usedSongsPerAlbum[currentAlbum].includes(song)\r\n );\r\n \r\n correctSong = availableSongs[Math.floor(Math.random() * availableSongs.length)];\r\n usedSongsPerAlbum[currentAlbum].push(correctSong);\r\n \r\n const wrongSongs = getRandomSongs(currentAlbum, 3);\r\n const allOptions = shuffleArray([correctSong, ...wrongSongs]);\r\n \r\n const t = translations[currentLanguage];\r\n document.getElementById('roundInfo').textContent = `${t.round} ${currentRound} ${t.of} 13`;\r\n document.getElementById('scoreDisplay').textContent = `${t.score} ${score}`;\r\n document.getElementById('albumName').textContent = currentAlbum;\r\n document.getElementById('questionText').textContent = `${t.question} ${currentAlbum}?`;\r\n \r\n const optionsContainer = document.getElementById('optionsContainer');\r\n optionsContainer.innerHTML = '';\r\n \r\n allOptions.forEach(song => {\r\n const btn = document.createElement('button');\r\n btn.className = 'option-btn';\r\n btn.textContent = song;\r\n btn.onclick = () => selectAnswer(song, btn);\r\n optionsContainer.appendChild(btn);\r\n });\r\n \r\n document.getElementById('feedbackMessage').style.display = 'none';\r\n document.getElementById('feedbackMessage').className = 'feedback-message';\r\n document.getElementById('nextBtnContainer').style.display = 'none';\r\n }\r\n\r\n function selectAnswer(selectedSong, selectedBtn) {\r\n const allButtons = document.querySelectorAll('.option-btn');\r\n allButtons.forEach(btn => btn.disabled = true);\r\n \r\n const feedbackMessage = document.getElementById('feedbackMessage');\r\n const nextBtnContainer = document.getElementById('nextBtnContainer');\r\n const nextBtn = document.getElementById('nextBtn');\r\n const t = translations[currentLanguage];\r\n \r\n if (selectedSong === correctSong) {\r\n score++;\r\n selectedBtn.classList.add('correct');\r\n feedbackMessage.textContent = t.correct;\r\n feedbackMessage.className = 'feedback-message correct';\r\n document.getElementById('scoreDisplay').textContent = `${t.score} ${score}`;\r\n } else {\r\n selectedBtn.classList.add('incorrect');\r\n allButtons.forEach(btn => {\r\n if (btn.textContent === correctSong) {\r\n btn.classList.add('correct');\r\n }\r\n });\r\n feedbackMessage.textContent = `${t.incorrect} ${correctSong}`;\r\n feedbackMessage.className = 'feedback-message incorrect';\r\n }\r\n \r\n nextBtnContainer.style.display = 'block';\r\n \r\n if (currentRound === 13) {\r\n nextBtn.textContent = t.finishButton;\r\n } else {\r\n nextBtn.textContent = t.nextButton;\r\n }\r\n }\r\n\r\n function showResults() {\r\n document.getElementById('gameScreen').style.display = 'none';\r\n document.getElementById('resultScreen').style.display = 'block';\r\n \r\n document.getElementById('finalScore').textContent = `${score}\/13`;\r\n \r\n const t = translations[currentLanguage];\r\n let message = '';\r\n if (score < 5) {\r\n message = t.result1;\r\n } else if (score >= 5 && score <= 7) {\r\n message = t.result2;\r\n } else if (score >= 8 && score <= 12) {\r\n message = t.result3;\r\n } else if (score === 13) {\r\n message = t.result4;\r\n }\r\n \r\n document.getElementById('resultMessage').textContent = message;\r\n }\r\n\r\n function updateLanguage() {\r\n const t = translations[currentLanguage];\r\n document.getElementById('quizTitle').textContent = t.title;\r\n document.querySelector('.quiz-subtitle').textContent = t.subtitle;\r\n document.querySelector('.start-description').textContent = t.description;\r\n document.getElementById('startBtn').textContent = t.startButton;\r\n document.getElementById('restartBtn').textContent = t.restartButton;\r\n document.getElementById('languageBtn').textContent = currentLanguage === 'pt' ? 'PT' : 'EN';\r\n }\r\n \r\n document.getElementById('languageBtn').addEventListener('click', () => {\r\n currentLanguage = currentLanguage === 'pt' ? 'en' : 'pt';\r\n updateLanguage();\r\n });\r\n \r\n document.getElementById('startBtn').addEventListener('click', startGame);\r\n document.getElementById('nextBtn').addEventListener('click', nextRound);\r\n document.getElementById('restartBtn').addEventListener('click', () => {\r\n document.getElementById('resultScreen').style.display = 'none';\r\n document.getElementById('startScreen').style.display = 'block';\r\n });\r\n \r\n document.getElementById('infoBtn').addEventListener('click', () => {\r\n const t = translations[currentLanguage];\r\n const infoMessage = document.createElement('div');\r\n infoMessage.style.cssText = `\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n background: rgba(255, 255, 255, 0.95);\r\n color: #333;\r\n padding: 30px 40px;\r\n border-radius: 20px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\r\n z-index: 1000;\r\n max-width: 400px;\r\n text-align: center;\r\n font-family: Inter, sans-serif;\r\n `;\r\n infoMessage.innerHTML = `\r\n <h3 style=\"margin-bottom: 15px; font-size: 22px; font-weight: 700;\">${t.infoTitle}<\/h3>\r\n <p style=\"margin-bottom: 20px; line-height: 1.6; font-size: 16px;\">\r\n ${t.infoText}\r\n <\/p>\r\n <button onclick=\"this.parentElement.remove(); document.getElementById('overlay').remove();\" \r\n style=\"background: linear-gradient(135deg, #ff6b9d 0%, #c06c84 100%); \r\n color: white; border: none; padding: 12px 30px; \r\n border-radius: 25px; cursor: pointer; font-size: 16px; font-weight: 600;\">\r\n ${t.infoButton}\r\n <\/button>\r\n `;\r\n \r\n const overlay = document.createElement('div');\r\n overlay.id = 'overlay';\r\n overlay.style.cssText = `\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.5);\r\n z-index: 999;\r\n `;\r\n overlay.onclick = () => {\r\n infoMessage.remove();\r\n overlay.remove();\r\n };\r\n \r\n document.body.appendChild(overlay);\r\n document.body.appendChild(infoMessage);\r\n });\r\n\r\n async function onConfigChange(config) {\r\n const quizTitle = config.quiz_title || defaultConfig.quiz_title;\r\n const startButtonText = config.start_button_text || defaultConfig.start_button_text;\r\n const backgroundColor = config.background_color || defaultConfig.background_color;\r\n const surfaceColor = config.surface_color || defaultConfig.surface_color;\r\n const textColor = config.text_color || defaultConfig.text_color;\r\n const primaryActionColor = config.primary_action_color || defaultConfig.primary_action_color;\r\n const secondaryActionColor = config.secondary_action_color || defaultConfig.secondary_action_color;\r\n const fontFamily = config.font_family || defaultConfig.font_family;\r\n const fontSize = config.font_size || defaultConfig.font_size;\r\n\r\n document.getElementById('quizTitle').textContent = quizTitle;\r\n document.getElementById('startBtn').textContent = startButtonText;\r\n\r\n document.body.style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${secondaryActionColor} 50%, ${primaryActionColor} 100%)`;\r\n document.body.style.color = textColor;\r\n\r\n const allButtons = document.querySelectorAll('.btn');\r\n allButtons.forEach(btn => {\r\n btn.style.background = `linear-gradient(135deg, ${primaryActionColor} 0%, ${secondaryActionColor} 100%)`;\r\n btn.style.fontFamily = `${fontFamily}, sans-serif`;\r\n btn.style.fontSize = `${fontSize * 1.125}px`;\r\n });\r\n\r\n document.querySelector('.quiz-title').style.fontFamily = `'Playfair Display', ${fontFamily}, serif`;\r\n document.querySelector('.quiz-title').style.fontSize = `${fontSize * 3}px`;\r\n document.querySelector('.quiz-title').style.color = textColor;\r\n\r\n document.querySelector('.quiz-subtitle').style.fontFamily = `${fontFamily}, sans-serif`;\r\n document.querySelector('.quiz-subtitle').style.fontSize = `${fontSize * 1.125}px`;\r\n document.querySelector('.quiz-subtitle').style.color = textColor;\r\n\r\n document.querySelector('.start-description').style.fontFamily = `${fontFamily}, sans-serif`;\r\n document.querySelector('.start-description').style.fontSize = `${fontSize}px`;\r\n\r\n const allText = document.querySelectorAll('.round-info, .score-display, .album-name, .question-text, .feedback-message, .result-message');\r\n allText.forEach(el => {\r\n el.style.fontFamily = `${fontFamily}, sans-serif`;\r\n el.style.color = textColor;\r\n });\r\n\r\n document.querySelector('.album-name').style.fontFamily = `'Playfair Display', ${fontFamily}, serif`;\r\n document.querySelector('.album-name').style.fontSize = `${fontSize * 1.75}px`;\r\n\r\n document.querySelector('.question-text').style.fontSize = `${fontSize * 1.25}px`;\r\n\r\n document.querySelector('.final-score').style.fontFamily = `'Playfair Display', ${fontFamily}, serif`;\r\n document.querySelector('.final-score').style.fontSize = `${fontSize * 4.5}px`;\r\n document.querySelector('.final-score').style.color = textColor;\r\n\r\n const allOptionButtons = document.querySelectorAll('.option-btn');\r\n allOptionButtons.forEach(btn => {\r\n btn.style.fontFamily = `${fontFamily}, sans-serif`;\r\n btn.style.fontSize = `${fontSize * 1.0625}px`;\r\n btn.style.background = `rgba(255, 255, 255, 0.2)`;\r\n btn.style.color = textColor;\r\n });\r\n }\r\n\r\n if (window.elementSdk) {\r\n window.elementSdk.init({\r\n defaultConfig: defaultConfig,\r\n onConfigChange: onConfigChange,\r\n mapToCapabilities: (config) => ({\r\n recolorables: [\r\n {\r\n get: () => config.background_color || defaultConfig.background_color,\r\n set: (value) => {\r\n config.background_color = value;\r\n window.elementSdk.setConfig({ background_color: value });\r\n }\r\n },\r\n {\r\n get: () => config.surface_color || defaultConfig.surface_color,\r\n set: (value) => {\r\n config.surface_color = value;\r\n window.elementSdk.setConfig({ surface_color: value });\r\n }\r\n },\r\n {\r\n get: () => config.text_color || defaultConfig.text_color,\r\n set: (value) => {\r\n config.text_color = value;\r\n window.elementSdk.setConfig({ text_color: value });\r\n }\r\n },\r\n {\r\n get: () => config.primary_action_color || defaultConfig.primary_action_color,\r\n set: (value) => {\r\n config.primary_action_color = value;\r\n window.elementSdk.setConfig({ primary_action_color: value });\r\n }\r\n },\r\n {\r\n get: () => config.secondary_action_color || defaultConfig.secondary_action_color,\r\n set: (value) => {\r\n config.secondary_action_color = value;\r\n window.elementSdk.setConfig({ secondary_action_color: value });\r\n }\r\n }\r\n ],\r\n borderables: [],\r\n fontEditable: {\r\n get: () => config.font_family || defaultConfig.font_family,\r\n set: (value) => {\r\n config.font_family = value;\r\n window.elementSdk.setConfig({ font_family: value });\r\n }\r\n },\r\n fontSizeable: {\r\n get: () => config.font_size || defaultConfig.font_size,\r\n set: (value) => {\r\n config.font_size = value;\r\n window.elementSdk.setConfig({ font_size: value });\r\n }\r\n }\r\n }),\r\n mapToEditPanelValues: (config) => new Map([\r\n [\"quiz_title\", config.quiz_title || defaultConfig.quiz_title],\r\n [\"start_button_text\", config.start_button_text || defaultConfig.start_button_text],\r\n [\"next_button_text\", config.next_button_text || defaultConfig.next_button_text],\r\n [\"finish_button_text\", config.finish_button_text || defaultConfig.finish_button_text]\r\n ])\r\n });\r\n }\r\n <\/script>\r\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9b24790ea709a5e7',t:'MTc2NjQ1NzQwMi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Neste quiz, voc\u00ea vai testar seus conhecimentos sobre a Taylor Swift escolhendo qual m\u00fasica pertence ao \u00e1lbum mostrado. A cada pergunta, aparece o nome de um \u00e1lbum e quatro op\u00e7\u00f5es de m\u00fasicas. Sua miss\u00e3o \u00e9 marcar a m\u00fasica correta daquele \u00e1lbum. No final, voc\u00ea ver\u00e1 sua pontua\u00e7\u00e3o e poder\u00e1 descobrir o quanto realmente conhece a discografia da Taylor. \u00a0 Taylor Swift Quiz Taylor Swift Quiz Teste seus conhecimentos sobre as m\u00fasicas da Taylor! \ud83c\udfb5 Voc\u00ea ter\u00e1 13 rodadas para provar que \u00e9 um verdadeiro Swiftie! Em cada rodada, identifique qual m\u00fasica pertence ao \u00e1lbum apresentado. Boa sorte! \u2728 PT Come\u00e7ar Quiz ? Rodada 1 de 13 Pontua\u00e7\u00e3o: 0 Pr\u00f3xima Rodada Jogar Novamente<\/p>","protected":false},"author":1,"featured_media":324,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[16],"tags":[22,18,13,24,23],"class_list":["post-225","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-quizzes-2","tag-games","tag-jogos","tag-quiz","tag-swift","tag-taylor"],"_links":{"self":[{"href":"https:\/\/modgames.com.br\/en\/wp-json\/wp\/v2\/posts\/225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/modgames.com.br\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/modgames.com.br\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/modgames.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/modgames.com.br\/en\/wp-json\/wp\/v2\/comments?post=225"}],"version-history":[{"count":7,"href":"https:\/\/modgames.com.br\/en\/wp-json\/wp\/v2\/posts\/225\/revisions"}],"predecessor-version":[{"id":323,"href":"https:\/\/modgames.com.br\/en\/wp-json\/wp\/v2\/posts\/225\/revisions\/323"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/modgames.com.br\/en\/wp-json\/wp\/v2\/media\/324"}],"wp:attachment":[{"href":"https:\/\/modgames.com.br\/en\/wp-json\/wp\/v2\/media?parent=225"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/modgames.com.br\/en\/wp-json\/wp\/v2\/categories?post=225"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/modgames.com.br\/en\/wp-json\/wp\/v2\/tags?post=225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}