{"id":4810,"date":"2026-03-01T06:20:58","date_gmt":"2026-03-01T09:20:58","guid":{"rendered":"https:\/\/siminova.com.br\/blog\/?p=4810"},"modified":"2026-03-13T11:43:48","modified_gmt":"2026-03-13T14:43:48","slug":"forca-dos-numeros","status":"publish","type":"post","link":"https:\/\/siminova.com.br\/blog\/2026\/03\/forca-dos-numeros\/","title":{"rendered":"For\u00e7a dos N\u00fameros"},"content":{"rendered":"\n<p class=\"has-text-align-center\"><\/p>\n\n\n\n<p class=\"has-text-align-center\">Acerte as contas para vencer.<br><em>Jogue com um amigo ou em equipes!<\/em><\/p>\n\n\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&family=Nunito:wght@600;800;900&display=swap\" rel=\"stylesheet\">\n    <style>\n    .cdg-game * { margin: 0; padding: 0; box-sizing: border-box; }\n    .cdg-game { font-family: 'Nunito', sans-serif; background: transparent; padding: 10px; border-radius: 20px; max-width: 900px; margin: 0 auto; position: relative; }\n    .cdg-game .header { display: none; text-align: center; margin-bottom: 10px; }\n    .cdg-game .header h1 { font-family: 'Luckiest Guy', cursive; font-size: clamp(1.5rem, 4vw, 2.2rem); background: linear-gradient(135deg, #00A651 0%, #0066B3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; letter-spacing: 2px; }\n    .cdg-game .subtitle { color: #888; font-size: 0.75rem; margin-top: 3px; }\n    .cdg-game .players-area { display: grid; grid-template-columns: 1fr auto 1fr; gap: 8px; align-items: center; margin-bottom: 8px; }\n    .cdg-game .player-card { background: #16213e; border-radius: 10px; padding: 8px; text-align: center; transition: all 0.3s ease; border-top: 3px solid transparent; }\n    .cdg-game .player-card.p1 { border-top-color: #FF6B35; }\n    .cdg-game .player-card.p2 { border-top-color: #7B2CBF; }\n    .cdg-game .player-card.active.p1 { box-shadow: 0 0 20px rgba(255, 107, 53, 0.4); transform: scale(1.02); }\n    .cdg-game .player-card.active.p2 { box-shadow: 0 0 20px rgba(123, 44, 191, 0.4); transform: scale(1.02); }\n    .cdg-game .player-avatar { width: 40px; height: 40px; border-radius: 50%; margin: 0 auto 5px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; }\n    .cdg-game .p1 .player-avatar { background: linear-gradient(135deg, #FF6B35, #F7931E); }\n    .cdg-game .p2 .player-avatar { background: linear-gradient(135deg, #7B2CBF, #9D4EDD); }\n    .cdg-game .player-name { font-weight: 800; font-size: 0.85rem; color: #fff; margin-bottom: 2px; }\n    .cdg-game .player-key { font-size: 0.65rem; color: #666; background: rgba(255,255,255,0.05); padding: 2px 6px; border-radius: 10px; display: inline-block; }\n    .cdg-game .vs-badge { font-family: 'Luckiest Guy', cursive; font-size: 1.1rem; color: #444; }\n    .cdg-game .arena { background: #16213e; border-radius: 12px; padding: 12px 10px; margin-bottom: 8px; position: relative; }\n    .cdg-game .center-line { position: absolute; top: 0; bottom: 0; left: 50%; width: 3px; background: linear-gradient(135deg, #00A651 0%, #0066B3 100%); transform: translateX(-50%); z-index: 1; display: none; }\n    .cdg-game .center-marker { display: none; }\n    .cdg-game .rope-container { position: relative; height: 90px; margin: 10px 0; }\n    .cdg-game .rope { position: absolute; top: 55%; left: 2%; right: 2%; height: 14px; background: repeating-linear-gradient(90deg, #bba591 0px, #d4c4b0 6px, #bba591 6px, #a89070 12px); border-radius: 7px; transform: translateY(-50%); box-shadow: 0 3px 6px rgba(0,0,0,0.3); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); }\n    .cdg-game .rope-knot { position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); width: 30px; height: 38px; z-index: 3; transition: left 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); }\n    .cdg-game .rope-flag { font-size: 2.2rem; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); }\n    .cdg-game .rope-knot-inner { width: 100%; height: 22px; background: linear-gradient(180deg, #d4c4b0, #a89070); border-radius: 5px; position: absolute; top: 50%; transform: translateY(-50%); box-shadow: 0 3px 8px rgba(0,0,0,0.4); }\n    .cdg-game .rope-player { position: absolute; top: 50%; transform: translateY(-50%); font-size: 2rem; z-index: 2; transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); filter: drop-shadow(0 3px 6px rgba(0,0,0,0.3)); }\n    .cdg-game .rope-player img { height: 80px; width: auto; }\n    .cdg-game .rope-player.left { left: 0; top: 58%; }\n    .cdg-game .rope-player.right { right: 0; }\n    .cdg-game .rope-player.pulling { animation: cdg-pull 0.3s ease-in-out; }\n    @keyframes cdg-pull { 0%, 100% { transform: translateY(-50%) scaleX(1); } 50% { transform: translateY(-50%) scaleX(0.85); } }\n    .cdg-game .progress-markers { display: flex; justify-content: space-between; padding: 0 8%; margin-top: 5px; }\n    .cdg-game .marker { width: 8px; height: 8px; border-radius: 50%; background: #333; transition: all 0.3s ease; }\n    .cdg-game .marker.p1-zone { background: #FF6B35; box-shadow: 0 0 6px #FF6B35; }\n    .cdg-game .marker.p2-zone { background: #7B2CBF; box-shadow: 0 0 6px #7B2CBF; }\n    .cdg-game .question-area { background: #16213e; border-radius: 12px; padding: 15px; text-align: center; position: relative; min-height: 180px; transition: all 0.3s ease; border: 4px solid transparent; }\n    .cdg-game .question-area.p1 { border-color: #FF6B35; box-shadow: 0 0 25px rgba(255, 107, 53, 0.4), inset 0 0 30px rgba(255, 107, 53, 0.1); }\n    .cdg-game .question-area.p2 { border-color: #7B2CBF; box-shadow: 0 0 25px rgba(123, 44, 191, 0.4), inset 0 0 30px rgba(123, 44, 191, 0.1); }\n    .cdg-game .turn-indicator { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); padding: 4px 16px; border-radius: 15px; font-weight: 800; font-size: 0.7rem; color: #fff; transition: all 0.3s ease; }\n    .cdg-game .turn-indicator.p1 { background: #FF6B35; }\n    .cdg-game .turn-indicator.p2 { background: #7B2CBF; }\n    .cdg-game .timer-container { margin: 5px 0; }\n    .cdg-game .timer-bar { width: 100%; max-width: 250px; height: 6px; background: rgba(255,255,255,0.1); border-radius: 3px; margin: 0 auto; overflow: hidden; }\n    .cdg-game .timer-fill { height: 100%; background: linear-gradient(90deg, #00A651, #0066B3); border-radius: 3px; transition: width 0.1s linear; }\n    .cdg-game .timer-fill.warning { background: linear-gradient(90deg, #FF6B35, #F7931E); }\n    .cdg-game .timer-fill.danger { background: linear-gradient(90deg, #F44336, #D32F2F); animation: cdg-pulse 0.5s ease-in-out infinite; }\n    @keyframes cdg-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.6; } }\n    .cdg-game .timer-text { font-size: 0.75rem; color: #888; margin-top: 3px; font-weight: 700; }\n    .cdg-game .timer-text.warning { color: #FF6B35; }\n    .cdg-game .timer-text.danger { color: #F44336; }\n    .cdg-game .question-text { font-family: 'Luckiest Guy', cursive; font-size: clamp(1.8rem, 7vw, 3rem); color: #fff; margin: 10px 0; }\n    .cdg-game .answer-area { display: flex; flex-direction: column; align-items: center; gap: 8px; max-width: 280px; margin: 0 auto; }\n    .cdg-game .answer-input { width: 100%; padding: 10px 15px; font-family: 'Nunito', sans-serif; font-size: 1.2rem; font-weight: 800; text-align: center; border: 2px solid rgba(255,255,255,0.2); border-radius: 10px; background: rgba(255,255,255,0.05); color: #fff; outline: none; transition: all 0.3s ease; }\n    .cdg-game .answer-input:focus { border-color: #00A651; box-shadow: 0 0 12px rgba(0, 166, 81, 0.3); }\n    .cdg-game .answer-input.correct { border-color: #00A651; background: rgba(0, 166, 81, 0.2); animation: cdg-correct 0.5s ease; }\n    .cdg-game .answer-input.wrong { border-color: #F44336; background: rgba(244, 67, 54, 0.2); animation: cdg-wrong 0.5s ease; }\n    .cdg-game .answer-input.timeout { border-color: #FF6B35; background: rgba(255, 107, 53, 0.2); }\n    .cdg-game .answer-input::placeholder { color: rgba(255,255,255,0.3); }\n    .cdg-game .submit-btn { background: linear-gradient(135deg, #00A651 0%, #0066B3 100%); border: none; border-radius: 25px; padding: 10px 30px; font-family: 'Luckiest Guy', cursive; font-size: 1rem; color: #fff; cursor: pointer; transition: all 0.3s ease; letter-spacing: 1px; }\n    .cdg-game .submit-btn:hover { transform: translateY(-2px) scale(1.05); box-shadow: 0 6px 20px rgba(0, 166, 81, 0.3); }\n    .cdg-game .submit-btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }\n    .cdg-game .feedback { font-size: 0.85rem; font-weight: 700; min-height: 20px; }\n    .cdg-game .feedback.correct { color: #00C853; }\n    .cdg-game .feedback.wrong { color: #F44336; }\n    .cdg-game .feedback.timeout { color: #FF6B35; }\n    @keyframes cdg-correct { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.02); } }\n    @keyframes cdg-wrong { 0%, 100% { transform: translateX(0); } 20%, 60% { transform: translateX(-6px); } 40%, 80% { transform: translateX(6px); } }\n    .cdg-game .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(26, 26, 46, 0.98); display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 100; border-radius: 12px; padding: 15px; overflow-y: auto; }\n    .cdg-game .overlay.hidden { display: none; }\n    .cdg-game .logo-title { font-family: 'Luckiest Guy', cursive; font-size: clamp(1.4rem, 5vw, 2rem); background: linear-gradient(135deg, #00A651 0%, #0066B3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 3px; text-align: center; line-height: 1.3; padding-bottom: 5px; }\n    .cdg-game .logo-sub { color: #888; font-size: 0.75rem; margin-bottom: 8px; text-align: center; }\n    .cdg-game .game-icon { font-size: 2.5rem; margin-bottom: 8px; animation: cdg-bounce 2s ease-in-out infinite; text-align: center; }\n    @keyframes cdg-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }\n    .cdg-game .instructions { background: #16213e; border-radius: 10px; padding: 12px 15px; max-width: 340px; margin: 0 auto 15px; text-align: left; }\n    .cdg-game .instructions h3 { color: #fff; font-size: 0.95rem; margin-bottom: 8px; text-align: center; }\n    .cdg-game .inst-item { display: flex; align-items: center; gap: 8px; color: #ccc; margin-bottom: 6px; font-size: 0.8rem; }\n    .cdg-game .inst-icon { font-size: 1rem; flex-shrink: 0; }\n    .cdg-game .start-btn { background: linear-gradient(135deg, #00A651 0%, #0066B3 100%); border: none; border-radius: 30px; padding: 12px 40px; font-family: 'Luckiest Guy', cursive; font-size: 1.2rem; color: #fff; cursor: pointer; transition: all 0.3s ease; letter-spacing: 2px; box-shadow: 0 5px 20px rgba(0, 166, 81, 0.3); display: block; margin: 0 auto; }\n    .cdg-game .start-btn:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 8px 30px rgba(0, 166, 81, 0.4); }\n    .cdg-game .winner-trophy { font-size: 3.5rem; animation: cdg-trophy 1s ease-in-out infinite; text-align: center; }\n    @keyframes cdg-trophy { 0%, 100% { transform: rotate(-5deg) scale(1); } 50% { transform: rotate(5deg) scale(1.1); } }\n    .cdg-game .winner-text { font-family: 'Luckiest Guy', cursive; font-size: clamp(1.4rem, 5vw, 2rem); color: #fff; margin: 10px 0; text-align: center; }\n    .cdg-game .winner-text.wp1 { color: #FF6B35; }\n    .cdg-game .winner-text.wp2 { color: #7B2CBF; }\n    .cdg-game .confetti { position: absolute; width: 10px; height: 10px; top: -15px; animation: cdg-fall 3s linear forwards; pointer-events: none; }\n    @keyframes cdg-fall { to { transform: translateY(500px) rotate(720deg); opacity: 0; } }\n    .cdg-game .footer { text-align: center; padding: 8px; color: #555; font-size: 0.7rem; margin-top: auto; }\n    .cdg-game .footer a { color: #00A651; text-decoration: none; }\n    .cdg-game .fullscreen-btn { position: absolute; top: 8px; right: 8px; background: #16213e; border: 2px solid rgba(255,255,255,0.2); border-radius: 6px; padding: 6px 10px; font-size: 1rem; cursor: pointer; transition: all 0.3s ease; z-index: 150; color: #fff; }\n    .cdg-game .fullscreen-btn:hover { background: #00A651; border-color: #00A651; transform: scale(1.1); }\n    .cdg-game.fullscreen { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; max-width: none; border-radius: 0; z-index: 9999; background: #1a1a2e; overflow: hidden; padding: 15px 30px; display: flex; flex-direction: column; }\n    .cdg-game.fullscreen .header { display: block !important; margin-bottom: 1vh; flex-shrink: 0; }\n    .cdg-game.fullscreen .header h1 { font-size: clamp(1.5rem, 4vh, 2.5rem); }\n    .cdg-game.fullscreen .players-area { margin-bottom: 1vh; gap: 15px; flex-shrink: 0; }\n    .cdg-game.fullscreen .player-card { padding: 10px 15px; }\n    .cdg-game.fullscreen .player-avatar { width: clamp(40px, 6vh, 55px); height: clamp(40px, 6vh, 55px); font-size: clamp(1rem, 3vh, 1.5rem); }\n    .cdg-game.fullscreen .player-name { font-size: clamp(0.85rem, 2vh, 1.1rem); }\n    .cdg-game.fullscreen .arena { padding: 10px; margin-bottom: 1vh; flex-shrink: 0; }\n    .cdg-game.fullscreen .rope-container { height: clamp(70px, 12vh, 110px); }\n    .cdg-game.fullscreen .rope-player img { height: clamp(60px, 10vh, 100px); }\n    .cdg-game.fullscreen .rope { height: clamp(12px, 2vh, 18px); }\n    .cdg-game.fullscreen .rope-knot { width: clamp(25px, 4vh, 36px); height: clamp(32px, 5vh, 45px); }\n    .cdg-game.fullscreen .rope-knot-inner { height: clamp(18px, 3vh, 28px); }\n    .cdg-game.fullscreen .rope-flag { font-size: clamp(1.5rem, 4vh, 2.2rem); top: clamp(-25px, -4vh, -32px); }\n    .cdg-game.fullscreen .marker { width: clamp(8px, 1.5vh, 12px); height: clamp(8px, 1.5vh, 12px); }\n    .cdg-game.fullscreen .question-area { padding: 15px; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; min-height: 0; }\n    .cdg-game.fullscreen .turn-indicator { padding: 6px 20px; font-size: clamp(0.7rem, 1.8vh, 0.9rem); top: -12px; }\n    .cdg-game.fullscreen .timer-bar { max-width: 300px; height: clamp(6px, 1vh, 10px); }\n    .cdg-game.fullscreen .timer-text { font-size: clamp(0.75rem, 2vh, 1rem); }\n    .cdg-game.fullscreen .question-text { font-size: clamp(2rem, 8vh, 4rem); margin: 10px 0; }\n    .cdg-game.fullscreen .answer-area { gap: 10px; }\n    .cdg-game.fullscreen .answer-input { padding: 12px 18px; font-size: clamp(1.1rem, 3vh, 1.5rem); max-width: 280px; }\n    .cdg-game.fullscreen .submit-btn { padding: 10px 35px; font-size: clamp(1rem, 2.5vh, 1.3rem); }\n    .cdg-game.fullscreen .feedback { font-size: clamp(0.85rem, 2vh, 1.1rem); }\n    .cdg-game.fullscreen .footer { padding: 5px; font-size: 0.7rem; flex-shrink: 0; }\n    .cdg-game.fullscreen .overlay { border-radius: 0; }\n    @media (max-width: 500px) {\n      .cdg-game .players-area { grid-template-columns: 1fr 1fr; }\n      .cdg-game .vs-badge { display: none; }\n      .cdg-game .player-avatar { width: 40px; height: 40px; font-size: 1.2rem; }\n      .cdg-game .rope-player { font-size: 2rem; }\n      .cdg-game .answer-input { font-size: 1.2rem; padding: 12px 15px; }\n      .cdg-game .fullscreen-btn { display: none; }\n    }\n    <\/style>\n\n    <div class=\"cdg-game\" id=\"cdgGame\">\n      <button class=\"fullscreen-btn\" id=\"cdgFullscreen\" title=\"Tela cheia\">\u26f6<\/button>\n      <div class=\"overlay\" id=\"cdgStart\">\n        <div class=\"logo-title\">\ud83c\udfae For\u00e7a dos N\u00fameros<\/div>\n        <div class=\"logo-sub\">Duelo de C\u00e1lculo<\/div>\n        <div class=\"game-icon\">\ud83e\udd3c<\/div>\n        <div class=\"instructions\">\n          <h3>Como Jogar<\/h3>\n          <div class=\"inst-item\"><span class=\"inst-icon\">\ud83c\udfaf<\/span><span>Resolva a conta e digite a resposta!<\/span><\/div>\n          <div class=\"inst-item\"><span class=\"inst-icon\">\u23f1\ufe0f<\/span><span>Voc\u00ea tem 10 segundos para responder!<\/span><\/div>\n          <div class=\"inst-item\"><span class=\"inst-icon\">\ud83c\udfc6<\/span><span>Acerte para puxar a corda pro seu lado!<\/span><\/div>\n          <div class=\"inst-item\"><span class=\"inst-icon\">\ud83d\udea9<\/span><span>Puxe a bandeira at\u00e9 seu lado para vencer!<\/span><\/div>\n        <\/div>\n        <button class=\"start-btn\" id=\"cdgStartBtn\">JOGAR!<\/button>\n      <\/div>\n\n      <div class=\"overlay hidden\" id=\"cdgWin\">\n        <div class=\"winner-trophy\">\ud83c\udfc6<\/div>\n        <div class=\"winner-text\" id=\"cdgWinnerText\">Jogador 1 Venceu!<\/div>\n        <button class=\"start-btn\" id=\"cdgRestartBtn\">JOGAR NOVAMENTE<\/button>\n      <\/div>\n\n      <div class=\"header\">\n        <h1>\ud83d\udcaa FOR\u00c7A DOS N\u00daMEROS \ud83d\udcaa<\/h1>\n        <p class=\"subtitle\">Duelo de C\u00e1lculo \u2022 2 Jogadores<\/p>\n      <\/div>\n\n      <div class=\"players-area\">\n        <div class=\"player-card p1\" id=\"cdgP1Card\">\n          <div class=\"player-avatar\">\ud83d\udd2d<\/div>\n          <div class=\"player-name\">Time Orion<\/div>\n          <div class=\"player-key\">\ud83d\udfe0 Laranja<\/div>\n        <\/div>\n        <div class=\"vs-badge\">VS<\/div>\n        <div class=\"player-card p2\" id=\"cdgP2Card\">\n          <div class=\"player-avatar\">\u2b50<\/div>\n          <div class=\"player-name\">Time Estelar<\/div>\n          <div class=\"player-key\">\ud83d\udfe3 Roxo<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"arena\">\n        <div class=\"center-line\"><\/div>\n        <div class=\"center-marker\"><\/div>\n        <div class=\"rope-container\">\n          <div class=\"rope\" id=\"cdgRope\"><\/div>\n          <div class=\"rope-knot\" id=\"cdgKnot\">\n            <span class=\"rope-flag\">\ud83d\udea9<\/span>\n            <div class=\"rope-knot-inner\"><\/div>\n          <\/div>\n          <div class=\"rope-player left\" id=\"cdgPlayerL\"><img decoding=\"async\" src=\"https:\/\/siminova.com.br\/blog\/wp-content\/uploads\/Orion-Cabo-de-Guerra.png\" alt=\"Orion\"><\/div>\n          <div class=\"rope-player right\" id=\"cdgPlayerR\"><img decoding=\"async\" src=\"https:\/\/siminova.com.br\/blog\/wp-content\/uploads\/Estelar-Cabo-de-Guerra.png\" alt=\"Estelar\"><\/div>\n        <\/div>\n        <div class=\"progress-markers\" id=\"cdgMarkers\"><\/div>\n      <\/div>\n\n      <div class=\"question-area p1\" id=\"cdgQuestionArea\">\n        <div class=\"turn-indicator p1\" id=\"cdgTurn\">VEZ DO TIME ORION<\/div>\n        <div class=\"timer-container\">\n          <div class=\"timer-bar\"><div class=\"timer-fill\" id=\"cdgTimerFill\"><\/div><\/div>\n          <div class=\"timer-text\" id=\"cdgTimerText\">10s<\/div>\n        <\/div>\n        <div class=\"question-text\" id=\"cdgQuestion\">5 + 3 = ?<\/div>\n        <div class=\"answer-area\">\n          <input type=\"tel\" inputmode=\"numeric\" pattern=\"[0-9]*\" class=\"answer-input\" id=\"cdgInput\" placeholder=\"Digite a resposta\" autocomplete=\"off\">\n          <button class=\"submit-btn\" id=\"cdgSubmit\">RESPONDER<\/button>\n          <div class=\"feedback\" id=\"cdgFeedback\"><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"footer\">\n        Desenvolvido para <a href=\"https:\/\/siminova.com.br\/simrobotica\" target=\"_blank\">SIMROB\u00d3TICA\u00ae<\/a> | Aprender \u00e9 Sensacional! \ud83d\ude80\n      <\/div>\n    <\/div>\n\n    <script>\n    (function(){\n      var CDG={pos:0,player:1,answer:0,answering:false,started:false,max:5,timer:null,timeLeft:10,maxTime:10};\n      function rnd(a,b){return Math.floor(Math.random()*(b-a+1))+a;}\n      function genQ(){\n        var t=rnd(0,3),a,b,ans,q;\n        if(t===0){a=rnd(1,15);b=rnd(1,15);q=a+' + '+b;ans=a+b;}\n        else if(t===1){a=rnd(10,25);b=rnd(1,a-1);q=a+' - '+b;ans=a-b;}\n        else if(t===2){a=rnd(2,7);b=rnd(2,7);q=a+' x '+b;ans=a*b;}\n        else{b=rnd(2,7);ans=rnd(2,7);a=b*ans;q=a+' \/ '+b;}\n        return{text:q+' = ?',answer:ans};\n      }\n      function updateTimerDisplay(){\n        var pct=(CDG.timeLeft\/CDG.maxTime)*100;\n        var fill=document.getElementById('cdgTimerFill');\n        var txt=document.getElementById('cdgTimerText');\n        fill.style.width=pct+'%';\n        txt.textContent=CDG.timeLeft+'s';\n        fill.classList.remove('warning','danger');\n        txt.classList.remove('warning','danger');\n        if(CDG.timeLeft<=3){fill.classList.add('danger');txt.classList.add('danger');}\n        else if(CDG.timeLeft<=5){fill.classList.add('warning');txt.classList.add('warning');}\n      }\n      function startTimer(){\n        CDG.timeLeft=CDG.maxTime;\n        updateTimerDisplay();\n        CDG.timer=setInterval(function(){\n          CDG.timeLeft--;\n          updateTimerDisplay();\n          if(CDG.timeLeft<=0){\n            clearInterval(CDG.timer);\n            timeOut();\n          }\n        },1000);\n      }\n      function stopTimer(){\n        if(CDG.timer){clearInterval(CDG.timer);CDG.timer=null;}\n      }\n      function timeOut(){\n        if(!CDG.answering||!CDG.started)return;\n        CDG.answering=false;\n        var input=document.getElementById('cdgInput');\n        input.disabled=true;\n        input.classList.add('timeout');\n        document.getElementById('cdgSubmit').disabled=true;\n        var feedback=document.getElementById('cdgFeedback');\n        feedback.textContent='\u23f1\ufe0f Tempo esgotado! Era '+CDG.answer;\n        feedback.className='feedback timeout';\n        if(CDG.player===1){CDG.pos++;pull('right');}\n        else{CDG.pos--;pull('left');}\n        updateRope();updateMarkers();\n        if(Math.abs(CDG.pos)>=CDG.max){setTimeout(function(){showWin(CDG.pos<0?1:2);},1000);return;}\n        setTimeout(function(){CDG.player=CDG.player===1?2:1;updateTurn();showQ();},1500);\n      }\n      function showQ(){\n        var q=genQ();\n        CDG.answer=q.answer;\n        CDG.answering=true;\n        document.getElementById('cdgQuestion').textContent=q.text;\n        var input=document.getElementById('cdgInput');\n        input.value='';\n        input.className='answer-input';\n        input.disabled=false;\n        input.focus();\n        document.getElementById('cdgSubmit').disabled=false;\n        document.getElementById('cdgFeedback').textContent='';\n        document.getElementById('cdgFeedback').className='feedback';\n        startTimer();\n      }\n      function checkAnswer(){\n        if(!CDG.answering||!CDG.started)return;\n        var input=document.getElementById('cdgInput');\n        var val=parseInt(input.value);\n        if(isNaN(val))return;\n        stopTimer();\n        CDG.answering=false;\n        input.disabled=true;\n        document.getElementById('cdgSubmit').disabled=true;\n        var ok=val===CDG.answer;\n        var feedback=document.getElementById('cdgFeedback');\n        if(ok){\n          input.classList.add('correct');\n          feedback.textContent='\u2713 Correto!';\n          feedback.className='feedback correct';\n          if(CDG.player===1){CDG.pos--;pull('left');}\n          else{CDG.pos++;pull('right');}\n        }else{\n          input.classList.add('wrong');\n          feedback.textContent='\u2717 Era '+CDG.answer;\n          feedback.className='feedback wrong';\n          if(CDG.player===1){CDG.pos++;pull('right');}\n          else{CDG.pos--;pull('left');}\n        }\n        updateRope();updateMarkers();\n        if(Math.abs(CDG.pos)>=CDG.max){setTimeout(function(){showWin(CDG.pos<0?1:2);},1000);return;}\n        setTimeout(function(){CDG.player=CDG.player===1?2:1;updateTurn();showQ();},1500);\n      }\n      function pull(dir){\n        var el=document.getElementById(dir==='left'?'cdgPlayerL':'cdgPlayerR');\n        el.classList.add('pulling');setTimeout(function(){el.classList.remove('pulling');},300);\n      }\n      function updateRope(){\n        var knot=document.getElementById('cdgKnot');\n        var rope=document.getElementById('cdgRope');\n        var playerL=document.getElementById('cdgPlayerL');\n        var playerR=document.getElementById('cdgPlayerR');\n        var movePx=CDG.pos*15;\n        knot.style.left=(50+CDG.pos*8)+'%';\n        rope.style.transform='translateY(-50%)';\n        rope.style.left='calc(2% + '+movePx+'px)';\n        rope.style.right='calc(2% - '+movePx+'px)';\n        playerL.style.left=movePx+'px';\n        playerR.style.right=(-movePx)+'px';\n      }\n      function updateMarkers(){\n        var marks=document.querySelectorAll('#cdgMarkers .marker');\n        for(var i=0;i<marks.length;i++){\n          var mp=i-CDG.max;\n          marks[i].classList.remove('p1-zone','p2-zone');\n          if(CDG.pos<0&&mp>=CDG.pos&&mp<0)marks[i].classList.add('p1-zone');\n          else if(CDG.pos>0&&mp<=CDG.pos&&mp>0)marks[i].classList.add('p2-zone');\n        }\n      }\n      function updateTurn(){\n        var t=document.getElementById('cdgTurn');\n        var c1=document.getElementById('cdgP1Card');\n        var c2=document.getElementById('cdgP2Card');\n        var qa=document.getElementById('cdgQuestionArea');\n        t.className='turn-indicator p'+CDG.player;\n        t.textContent=CDG.player===1?'VEZ DO TIME ORION':'VEZ DO TIME ESTELAR';\n        c1.classList.toggle('active',CDG.player===1);\n        c2.classList.toggle('active',CDG.player===2);\n        qa.classList.remove('p1','p2');\n        qa.classList.add('p'+CDG.player);\n      }\n      function initMarkers(){\n        var html='';for(var i=0;i<CDG.max*2+1;i++)html+='<div class=\"marker\"><\/div>';\n        document.getElementById('cdgMarkers').innerHTML=html;\n      }\n      function showWin(p){\n        stopTimer();\n        var scr=document.getElementById('cdgWin');\n        var txt=document.getElementById('cdgWinnerText');\n        txt.textContent=p===1?'Time Orion Venceu!':'Time Estelar Venceu!';\n        txt.className='winner-text wp'+p;\n        confetti();scr.classList.remove('hidden');CDG.started=false;\n      }\n      function confetti(){\n        var scr=document.getElementById('cdgWin');\n        var colors=['#FF6B35','#7B2CBF','#00A651','#0066B3','#FFD700','#FF69B4'];\n        for(var i=0;i<40;i++){\n          var c=document.createElement('div');c.className='confetti';\n          c.style.left=(Math.random()*100)+'%';c.style.background=colors[rnd(0,5)];\n          c.style.animationDelay=(Math.random()*2)+'s';c.style.animationDuration=(2+Math.random()*2)+'s';\n          scr.appendChild(c);\n        }\n      }\n      function start(){\n        document.getElementById('cdgStart').classList.add('hidden');\n        CDG.pos=0;CDG.player=1;CDG.started=true;\n        initMarkers();updateRope();updateTurn();showQ();\n      }\n      function restart(){\n        stopTimer();\n        var scr=document.getElementById('cdgWin');\n        var confs=scr.querySelectorAll('.confetti');\n        for(var i=0;i<confs.length;i++)confs[i].remove();\n        scr.classList.add('hidden');\n        CDG.pos=0;CDG.player=1;CDG.started=true;\n        updateRope();updateMarkers();updateTurn();showQ();\n      }\n      document.getElementById('cdgStartBtn').onclick=start;\n      document.getElementById('cdgRestartBtn').onclick=restart;\n      document.getElementById('cdgSubmit').onclick=checkAnswer;\n      document.getElementById('cdgInput').addEventListener('keypress',function(e){\n        if(e.key==='Enter')checkAnswer();\n      });\n      document.getElementById('cdgFullscreen').onclick=function(){\n        var game=document.getElementById('cdgGame');\n        var btn=document.getElementById('cdgFullscreen');\n        if(!document.fullscreenElement&&!document.webkitFullscreenElement&&!document.msFullscreenElement){\n          game.classList.add('fullscreen');\n          btn.textContent='\u2715';\n          if(game.requestFullscreen){game.requestFullscreen();}\n          else if(game.webkitRequestFullscreen){game.webkitRequestFullscreen();}\n          else if(game.msRequestFullscreen){game.msRequestFullscreen();}\n        }else{\n          if(document.exitFullscreen){document.exitFullscreen();}\n          else if(document.webkitExitFullscreen){document.webkitExitFullscreen();}\n          else if(document.msExitFullscreen){document.msExitFullscreen();}\n        }\n      };\n      document.addEventListener('fullscreenchange',function(){\n        var game=document.getElementById('cdgGame');\n        var btn=document.getElementById('cdgFullscreen');\n        if(!document.fullscreenElement){\n          game.classList.remove('fullscreen');\n          btn.textContent='\u26f6';\n        }\n      });\n      document.addEventListener('webkitfullscreenchange',function(){\n        var game=document.getElementById('cdgGame');\n        var btn=document.getElementById('cdgFullscreen');\n        if(!document.webkitFullscreenElement){\n          game.classList.remove('fullscreen');\n          btn.textContent='\u26f6';\n        }\n      });\n      document.addEventListener('keydown',function(e){\n        if(e.key==='Escape'){\n          var game=document.getElementById('cdgGame');\n          if(game.classList.contains('fullscreen')){\n            game.classList.remove('fullscreen');\n            document.getElementById('cdgFullscreen').textContent='\u26f6';\n          }\n        }\n      });\n      initMarkers();\n    })();\n    <\/script>\n    \n\n\n\n<p class=\"has-text-align-center has-small-font-size\"> <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">\u2713<\/mark> <strong>Acertou:<\/strong> puxa a corda pro seu lado | <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">\u2717<\/mark> <strong>Errou ou tempo esgotou:<\/strong> o advers\u00e1rio puxa!<\/p>\n\n\n\n<center><p>\u2713 Atividade alinhada \u00e0 Base Nacional Comum Curricular (BNCC), BNCC da Computa\u00e7\u00e3o e aos Objetivos de Desenvolvimento Sustent\u00e1vel (ODS) da ONU. <a style=\"background-color: #e6c15a; color: #2f2f2f; padding: 4px 10px; border-radius: 3px; text-decoration: none; font-weight: 500; display: inline-block;\" href=\"https:\/\/siminova.com.br\/blog\/amigos\/alinhamento\/forca-dos-numeros\/\"> \u203a Saiba mais <\/a><\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Vis\u00e3o Geral do Alinhamento<\/summary>\n<p class=\"has-small-font-size\">EF01MA06, EF02MA05, EF03MA03, EF04MA03, EF05MA07, EF05MA08, EF12LP01, EF12LP04, EF06MA03, EI03CO02, EI03CO03, EI03CO04, EI03CO06, EF01CO02, EF02CO01, EF02CO02, EF03CO01, EF03CO02, EF03CO03, EF15CO02, EF15CO03, EF15CO04, EF06CO03, EF06CO04, EF06CO05, EF67CO01, ODS 4, ODS 8 e ODS 10.<\/p>\n<\/details>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>2 times, 1 corda e muita matem\u00e1tica!<br \/>\n<\/br><\/br><br \/>\n<b>N\u00cdVEL INTERMEDI\u00c1RIO<\/b><\/p>\n","protected":false},"author":8,"featured_media":4895,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[77],"tags":[79],"class_list":["post-4810","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jogos","tag-notts"],"_links":{"self":[{"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/posts\/4810","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/comments?post=4810"}],"version-history":[{"count":20,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/posts\/4810\/revisions"}],"predecessor-version":[{"id":5174,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/posts\/4810\/revisions\/5174"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/media\/4895"}],"wp:attachment":[{"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/media?parent=4810"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/categories?post=4810"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/tags?post=4810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}