@font-face{font-family:"Brandon Text";src:url("../font/BrandonText-Black.woff2") format("woff2"),url("../font/BrandonText-Black.woff") format("woff"),url("../font/BrandonText-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Brandon Text";src:url("../font/BrandonText-Medium.woff2") format("woff2"),url("../font/BrandonText-Medium.woff") format("woff"),url("../font/BrandonText-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@-webkit-keyframes blinker{50%{opacity:0}}@keyframes blinker{50%{opacity:0}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body.game{background:url("../images/back_games2025.webp");background-size:cover;height:100vh;background-position:center}body.gameover{background:url("../images/back_games2025.webp");background-size:cover}.intro-container{width:100%;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:50px}.intro-container div:nth-child(1){width:50%;min-width:200px;max-width:600px;text-align:center;background:url(../images/logo_home_big.svg) no-repeat center center;background-size:contain;min-height:40vw;height:auto;position:relative;-webkit-transition:width .3s,min-height .3s;transition:width .3s,min-height .3s}.intro-container div:nth-child(2){background:url("../images/gioca_subito_miniquiz.svg") no-repeat center center;width:50%;min-height:722px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-size:contain;position:relative;max-width:876px}.intro-container .introScreen{width:100%;max-width:587px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.intro-container button{position:absolute;bottom:129px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:60%;min-width:180px;max-width:650px;height:8vw;min-height:54px;max-height:107px;background:url(../images/start_button_hover.svg) no-repeat center center;background-size:contain;border:0;overflow:hidden;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:width .3s,height .3s;transition:width .3s,height .3s}.intro-container button::after{content:"";position:absolute;inset:0;background:url("../images/start_button.svg") no-repeat center center;opacity:0;-webkit-filter:blur(0px);filter:blur(0px);-webkit-transition:opacity .4s,-webkit-filter .4s;transition:opacity .4s,-webkit-filter .4s;transition:opacity .4s,filter .4s;transition:opacity .4s,filter .4s,-webkit-filter .4s;z-index:1;pointer-events:none}.intro-container button:hover::after{opacity:1;-webkit-filter:blur(4px);filter:blur(4px)}.quiz-container{width:100%;max-width:1555px;height:100%;padding:2em}.quiz-container .header-quiz{max-width:1555px;width:95%;text-align:center;gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:grid;grid-template-columns:1fr 4fr 3fr 1fr;gap:10px}.quiz-container .header-quiz .progress-container{height:30px;background-color:#3a3a3a;overflow:hidden;-webkit-box-flex:2;-ms-flex:2;flex:2;margin:0 20px;-webkit-clip-path:polygon(calc(100% - 50px) 0px, calc(100% - 1px) 69px, calc(100% - 2px) 100%, 0px 100%, 0px 0px);clip-path:polygon(calc(100% - 50px) 0px, calc(100% - 1px) 69px, calc(100% - 2px) 100%, 0px 100%, 0px 0px);max-width:611px;width:100%}.quiz-container .header-quiz .progress-bar{height:100%;background:-webkit-gradient(linear, left top, right top, from(#FFC600), to(#FFDF70));background:linear-gradient(90deg, #FFC600 0%, #FFDF70 100%);width:0;-webkit-transition:width .5s;transition:width .5s;-webkit-box-flex:2;-ms-flex:2;flex:2;-webkit-clip-path:polygon(calc(100% - 50px) 0px, calc(100% - 1px) 69px, calc(100% - 2px) 100%, 0px 100%, 0px 0px);clip-path:polygon(calc(100% - 50px) 0px, calc(100% - 1px) 69px, calc(100% - 2px) 100%, 0px 100%, 0px 0px);position:relative}.quiz-container .header-quiz .logoComix{text-align:left;-webkit-box-flex:1;-ms-flex:1;flex:1}.quiz-container .header-quiz .logoComix img{max-width:250px}.quiz-container .header-quiz .domandaCorrente{color:#ffc600;background-position:center;background-size:contain;height:auto;font-family:"Brandon Text";font-size:5em;text-align:center;-webkit-box-flex:1;-ms-flex:1;flex:1;width:180px;font-weight:900}.quiz-container .header-quiz #timer{font-size:1.2em;color:#ffc600;background-position:center;background-size:contain;height:auto;font-family:"Brandon Text";font-size:3em;text-align:center;-webkit-box-flex:1;-ms-flex:1;flex:1;width:180px;border:4px solid #ffc600;border-radius:20px;font-weight:900 !important}.quiz-container #quiz{border-radius:10px;-webkit-box-shadow:rgba(0,0,0,.1) 0px 0px 10px;box-shadow:rgba(0,0,0,.1) 0px 0px 10px;max-width:1555px;width:100%;text-align:center;display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;gap:25px;margin:auto}.quiz-container .contenitore-domanda-risposta{width:60%;position:relative}.quiz-container .contenitore-domanda-risposta::before{content:"";display:block;position:relative;top:0;width:100%;max-width:825px;height:70px;background:url(../images/QA_line_1.svg) no-repeat center center;background-size:contain;z-index:2;pointer-events:none;margin:auto}.quiz-container .contenitore-domanda-risposta::after{content:"";display:block;position:relative;top:0;width:100%;max-width:825px;height:70px;background:url(../images/QA_line_2.svg) no-repeat center center;background-size:contain;z-index:2;pointer-events:none;margin:auto}.quiz-container .domanda{padding:20px;font-size:1.2em;font-weight:bold;font-family:"Brandon Text";font-weight:500;font-size:1.8vw;color:#fff;max-width:610px;width:100%;margin:auto}.quiz-container .domanda .domandaCorrente{color:#ffc600;font-family:"Brandon Text";font-weight:700;font-size:1.8vw;width:180px;margin:auto;font-weight:500}.quiz-container .domanda p{margin:0}.quiz-container .risposta{list-style-type:none;padding:0;font-family:"Brandon Text";font-weight:500;font-size:1vw}.quiz-container .risposta li{cursor:pointer;font-weight:500;-webkit-transition:background-color .3s;transition:background-color .3s;position:relative;height:136px;background:rgba(0,0,0,.6980392157);max-width:748px;max-height:118px;margin:auto;margin-bottom:25px;-webkit-transition:background .3s,border-color .3s,-webkit-box-shadow .3s;transition:background .3s,border-color .3s,-webkit-box-shadow .3s;transition:background .3s,border-color .3s,box-shadow .3s;transition:background .3s,border-color .3s,box-shadow .3s,-webkit-box-shadow .3s}.quiz-container .risposta li:hover{border-color:#00cfff;-webkit-box-shadow:0 0 24px 6px #00cfff,0 0 0 4px #00cfff inset;box-shadow:0 0 24px 6px #00cfff,0 0 0 4px #00cfff inset;background:#000;z-index:2}.quiz-container .risposta li span{position:absolute;top:.7em;right:1em;font-weight:700}.quiz-container .risposta li label{width:100%;display:block;height:100%;text-align:center;-ms-flex-line-pack:center;align-content:center;cursor:pointer;color:#fff;text-transform:uppercase;font-weight:600;max-width:748px}.quiz-container .risposta li label p{padding-left:3em;padding-right:3em}.quiz-container .risposta li input[type=radio]{display:none}.quiz-container .risposta li.corretta{border:3px solid #0f1}.quiz-container .risposta li.corretta span{height:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-animation:blinker .5s linear;animation:blinker .5s linear;color:#29ce00}.quiz-container .risposta li.sbagliata{border:3px solid red}.quiz-container .risposta li.sbagliata span{height:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-animation:blinker .5s linear;animation:blinker .5s linear;color:#ff2002}.quiz-container .risposta li.disattivata{border:4px solid #0e3687;opacity:50%}.quiz-container .risposta li.selected{background-color:#ff0;color:#000}.quiz-container .image{position:relative;width:100%;max-width:530px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.quiz-container .image img{width:100%;height:auto;display:block;-webkit-box-shadow:0px 4px 4px 0px rgba(0,0,0,.2509803922);box-shadow:0px 4px 4px 0px rgba(0,0,0,.2509803922);z-index:1;position:relative}.quiz-container .image::before,.quiz-container .image::after{content:"";position:absolute;left:0;width:100%;height:40px;background-repeat:no-repeat;background-size:100% 100%;z-index:2;pointer-events:none}.quiz-container .image::before{content:"";position:absolute;top:-133px;left:0;width:100%;height:250px;background:url(../images/img_line_1.svg) no-repeat center center;background-size:128% 100%;z-index:2;pointer-events:none}.quiz-container .image::after{content:"";position:absolute;bottom:-141px;left:0;width:100%;height:250px;background:url(../images/img_line_2.svg) no-repeat center center;background-size:128% 100%;z-index:2;pointer-events:none}#result-container{width:100%;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:6%;gap:140px;max-width:1400px}#result-container .result{font-size:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;width:50%}#result-container .result p.gover{font-family:"Brandon Text";font-weight:400;font-size:5em;text-align:center;margin:0}#result-container .result p.risultato{text-align:center;width:100%;max-width:350px;margin:auto;background-color:#0e3687;padding:.5em;color:#fff;font-family:"Brandon Text";font-size:1.5em}#result-container .result p.img-gover{text-align:center}#result-container .result p.img-gover img{width:100%;max-width:580px;display:block;margin:auto}#result-container .result p.sfida-amici{text-align:center;font-family:"interstate";font-size:1em;font-weight:600}#result-container #result-buttons{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:50%;max-width:600px}#result-container #result-buttons .sfida-amici{font-size:30px;font-weight:600;color:#fff}#result-container #result-buttons #result-buttons2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px;max-width:600px;color:#ffc600;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#result-container #result-buttons #result-buttons2 p{font-family:"Brandon Text";font-size:2em;text-align:center;font-weight:500;color:#fff;margin:0}#result-container #result-buttons #result-buttons2 p.risultato{font-weight:700;font-size:4em;color:#ffc600}#result-container #result-buttons #result-buttons2 .catVincitore{font-weight:600;color:#ffc600}#result-container #result-buttons #share-buttons{width:100%;max-width:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}#result-container #result-buttons button{margin-right:10px;padding:10px 20px;font-size:1em;cursor:pointer;font-family:"Brandon Text";border:3px solid #ffc600;background:none !important;background:#ffc600;border:3px solid #ffc600;-webkit-box-shadow:0px 0px 9.1px 0px #ffc600;box-shadow:0px 0px 9.1px 0px #ffc600;color:#ffc600;text-transform:uppercase;font-weight:600;border-radius:23px}#result-container #result-buttons button#share-whatsapp{background:url(../images/whatsapp_ico.svg) no-repeat !important;border:0;background-position:top center;height:auto;width:100px;display:block;height:100px;border-radius:0;border:none;-webkit-box-shadow:none;box-shadow:none}#result-container #domanda-counter{font-size:1em;margin-bottom:10px}@media(max-width: 1024px){.intro-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.intro-container div:nth-child(1){width:100%;min-height:380px;max-width:none}.intro-container div:nth-child(2){width:90%;background-size:contain;min-height:325px}.intro-container button{position:relative;bottom:auto;left:50%;top:75px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;min-width:120px;max-width:none;height:54px;min-height:44px;max-height:80px}.intro-container button::after{position:relative;left:50%;top:75px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:54px;background-size:contain}.intro-container .introScreen{width:80%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:auto}button{font-size:7vw !important;padding:2vw 4vw !important}.quiz-container #quiz{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.quiz-container #quiz .contenitore-domanda-risposta{width:100%}.quiz-container #quiz .contenitore-domanda-risposta::before{background-size:contain}.quiz-container #quiz .contenitore-domanda-risposta::after{background-size:contain}.quiz-container #quiz .image{width:85%;margin:auto;margin-top:86px;margin-bottom:31px}.quiz-container #quiz .image img{width:100%;max-width:100%;height:auto}.quiz-container{padding:0}.quiz-container .header-quiz{display:grid;grid-template-areas:"logo     logo" "progress progress" "percent  timer";grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;width:100%}.quiz-container .header-quiz .progress-container{grid-area:progress}.quiz-container .header-quiz .logoComix{grid-area:logo;justify-self:end;padding-right:5%;margin-top:5%}.quiz-container .header-quiz .logoComix img{max-width:165px;display:block}.quiz-container .header-quiz .percent-bar{grid-area:percent}.quiz-container .header-quiz #timer{grid-area:timer;width:150px}.quiz-container .header-quiz .domandaCorrente{font-size:3.5em}.quiz-container #quiz .domanda{width:100%;margin:auto;max-width:810px}.quiz-container #quiz .domanda p{font-size:22px;margin:auto}.quiz-container #quiz .risposta{width:84%;margin:24px auto 24px auto;font-size:20px}.quiz-container #quiz .risposta label p{padding-left:1em;padding-right:1em}.quiz-container #quiz .risposta li.corretta span{background:-webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#29CE00));background:linear-gradient(90deg, #FFFFFF 0%, #29CE00 100%);height:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-animation:blinker .5s linear;animation:blinker .5s linear;color:#000}.quiz-container #quiz .risposta li.sbagliata{border:3px solid red}.quiz-container #quiz .risposta li.sbagliata span{background:-webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#FF2002));background:linear-gradient(90deg, #FFFFFF 0%, #FF2002 100%);height:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-animation:blinker .5s linear;animation:blinker .5s linear;color:#000}#result-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:auto !important;gap:0}#result-container svg{width:100%;max-width:326px;margin:auto}#result-container .result{width:100%}#result-container .result p.gover{font-size:2.5em}#result-container .result p.risultato{font-size:1em}#result-container #result-buttons{width:100%;max-width:none}#result-container #result-buttons #share-buttons{width:100%;max-width:100px}#result-container #result-buttons2 p{padding:10px}}@media(max-width: 640px){.quiz-container{height:100%}.quiz-container #quiz .domanda{width:75%;margin:auto;max-width:750px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.quiz-container #quiz .domanda .domandaCorrente{margin-left:auto;margin-top:0;margin-bottom:0}.risposta li.corretta span{width:100% !important;height:100% !important;position:absolute;top:0px;right:0;font-weight:700}.risposta li.sbagliata span{width:100% !important;height:100% !important;position:absolute;top:0px;right:0;font-weight:700}.risposta li label{font-size:16px}.header-quiz #timer{font-size:2em !important}.image{max-width:95vw}.image::before,.image::after{height:18px}}@media(min-width: 600px)and (max-width: 900px){button{font-size:3vw !important;padding:1.5vw 3vw !important}}@media(min-width: 900px){button{font-size:2vw !important;padding:1vw 2vw !important}}@media(max-width: 900px){#result-container .result,#result-container #result-buttons{width:100%;max-width:none}}@media(max-width: 600px){#result-container .result p.gover{font-size:2.5em}#result-container .result p.risultato{font-size:1em}#result-container .result p.img-gover img{max-width:95vw}}