.h-trivia{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;font-family:var(--font-body);--h-trivia-primary-color:var(--neutros-black);--h-trivia-secondary-color:var(--neutros-white);--h-trivia-card-bg:var(--neutros-white);--h-trivia-card-text:var(--neutros-gray-900)}.h-trivia__background{position:absolute;inset:0;background-color:var(--neutros-gray-100);z-index:0;overflow:hidden}.h-trivia__background-img{width:100%;height:100%;object-fit:cover;object-position:center}.h-trivia__overlay{position:absolute;inset:0;background-color:var(--neutros-gray-100);opacity:.7;z-index:1}.h-trivia__header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing_1xs) 116px;z-index:2}@media (max-width:768px){.h-trivia__header{padding:var(--spacing_2xs) var(--spacing_xs)}}.h-trivia__logo{display:flex;align-items:center;justify-content:center;height:80px;padding:15.087px 22.63px;border-radius:52.803px;width:151.111px}@media (max-width:768px){.h-trivia__logo{height:48px;padding:9.052px 13.578px;border-radius:31.682px;width:90.667px}}.h-trivia__logo-img{height:60.18px;width:127.646px;object-fit:contain}@media (max-width:768px){.h-trivia__logo-img{height:36.108px;width:76.588px}}.h-trivia__special-promo{height:79.668px;width:133.578px}@media (max-width:768px){.h-trivia__special-promo{height:47.801px;width:80.147px}}.h-trivia__special-promo-img{width:100%;height:100%;object-fit:contain}.h-trivia__content{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing_l) 116px;z-index:2;min-height:0}@media (max-width:768px){.h-trivia__content{padding:var(--spacing_xs) var(--spacing_xs);align-items:flex-start}}.h-trivia__instructions{width:100%;max-width:480px;display:flex;flex-direction:column;gap:var(--spacing_l);align-items:center}.h-trivia__instructions-card{background-color:var(--neutros-white);border-radius:var(--radius_4xl);box-shadow:0 1px 8px 0 rgba(1,1,1,.08),0 8px 12px 0 rgba(1,1,1,.16);padding:var(--spacing_l);width:100%}@media (max-width:768px){.h-trivia__instructions-card{padding:var(--spacing_xs);border-radius:var(--radius_3xl)}}.h-trivia__instructions-content{display:flex;flex-direction:column;gap:var(--spacing_l);align-items:flex-start}.h-trivia__instructions-title{font-family:var(--font-body);font-size:var(--size-48);font-weight:var(--weight_semibold);line-height:64px;color:var(--neutros-gray-900);opacity:.9;margin:0;width:100%;text-align:center}@media (max-width:768px){.h-trivia__instructions-title{font-size:var(--size-32);line-height:36px}}.h-trivia__instructions-description{font-family:var(--font-body);font-size:var(--size-18);font-weight:var(--weight_regular);line-height:22px;color:var(--neutros-gray-900);opacity:.6;margin:0;width:100%;text-align:left}.h-trivia__instructions-description p{margin:0 0 var(--size-26) 0}.h-trivia__instructions-description p:last-child{margin-bottom:0}.h-trivia__instructions-description p strong{font-weight:var(--weight_semibold);opacity:1;font-size:var(--size-16)}@media (max-width:768px){.h-trivia__instructions-description{font-size:var(--size-16);line-height:20px}}.h-trivia__instructions-terms{width:100%;margin:0}.h-trivia__instructions-terms-label{display:flex;align-items:flex-start;gap:var(--spacing_1xs);cursor:pointer;font-family:var(--font-body);font-size:var(--size-16);font-weight:var(--weight_regular);line-height:22px;color:var(--neutros-gray-900)}.h-trivia__instructions-terms-checkbox{margin-top:4px;flex-shrink:0;width:20px;height:20px;accent-color:var(--h-trivia-primary-color,var(--neutros-black))}.h-trivia__instructions-terms-link{color:var(--h-trivia-primary-color,var(--neutros-black));text-decoration:underline}.h-trivia__instructions-terms-link:hover{opacity:.85}.h-trivia__question-screen{width:100%;max-width:480px;display:flex;flex-direction:column;gap:var(--spacing_l);align-items:center;position:relative}.h-trivia__timer-container{position:relative;width:72px;height:72px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:var(--spacing_2xs)}.h-trivia__timer{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.h-trivia__timer-circle{position:absolute;left:50%;top:50%;width:72px;height:72px;transform:translate(-50%,-50%);transform-origin:center center;pointer-events:none}.h-trivia__timer-circle--background{z-index:0}.h-trivia__timer-circle--background circle{stroke:var(--neutros-gray-100);fill:var(--neutros-white)}.h-trivia__timer-circle--progress{z-index:1;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center center}.h-trivia__timer-circle--progress circle{stroke:var(--accesibility-dark-green);fill:none;stroke-width:8;stroke-linecap:round;transition:stroke .3s ease,stroke-dasharray 1s linear}.h-trivia__timer-circle--progress--yellow{transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center center}.h-trivia__timer-circle--progress--yellow circle{stroke:var(--accesibility-dark-yellow)}.h-trivia__timer-circle--progress--red{transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center center}.h-trivia__timer-circle--progress--red circle{stroke:var(--accesibility-dark-red)}.h-trivia__timer-value{position:relative;z-index:2;font-family:var(--font-body);font-size:var(--size-32);font-weight:var(--weight_semibold);line-height:36px;color:var(--neutros-gray-900);text-align:center}@media (max-width:768px){.h-trivia__timer-value{font-size:var(--size-26);line-height:32px}}.h-trivia__card-stack{position:relative;width:100%;height:773px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing_l)}.h-trivia__card-stack-item{position:absolute;width:480px;transition:transform .5s ease,opacity .5s ease;transform-origin:center center}.h-trivia__card-stack-item--stacked{opacity:.3}.h-trivia__card-stack-item--stacked:nth-child(1){transform:rotate(-3.51deg);z-index:0}.h-trivia__card-stack-item--stacked:nth-child(2){transform:rotate(3deg);z-index:1}.h-trivia__card-stack-item--active{transform:rotate(0);z-index:2;opacity:1}.h-trivia__card{background-color:var(--h-trivia-card-bg);border-radius:var(--radius_4xl);box-shadow:0 1px 8px 0 rgba(1,1,1,.08),0 8px 12px 0 rgba(1,1,1,.16);padding:var(--spacing_xs);width:100%;min-height:600px;display:flex;flex-direction:column;gap:var(--spacing_xs);align-items:center}.h-trivia__card--active{box-shadow:0 28px 28px -24px rgba(1,1,1,.25)}@media (max-width:768px){.h-trivia__card{padding:var(--spacing_xs);border-radius:var(--radius_3xl);min-height:500px}}.h-trivia__card-header{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing_2xs);position:relative}.h-trivia__progress{width:100%;display:flex;gap:var(--spacing_2xs)}.h-trivia__progress-bar{flex:1 1 0;height:6px;border-radius:var(--radius_full);background-color:var(--neutros-gray-100);transition:background-color .3s ease}.h-trivia__progress-bar--active{background-color:var(--accesibility-dark-green)}.h-trivia__question-text{font-family:var(--font-body);font-size:var(--size-26);font-weight:var(--weight_semibold);line-height:32px;color:var(--h-trivia-card-text);text-align:center;margin:0;opacity:.9;width:100%;max-width:336px;min-height:83px;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.h-trivia__question-text{font-size:var(--size-20);line-height:24px;min-height:60px;padding:0 var(--spacing_xs)}}.h-trivia__options{display:flex;flex-direction:column;gap:var(--spacing_2xs);width:100%;max-width:336px}.h-trivia__option{position:relative;display:flex;align-items:center;padding:var(--spacing_xs);border:var(--stroke_s) solid var(--neutros-gray-200);border-radius:var(--radius_full);background-color:var(--neutros-white);cursor:pointer;transition:all .3s ease;text-align:left;font-family:var(--font-body);font-size:var(--size-14);font-weight:var(--weight_semibold);line-height:16px;color:var(--neutros-gray-900);outline:0;overflow:hidden;min-height:64px}.h-trivia__option::before{content:"";position:absolute;left:-1px;top:-1.5px;height:calc(100% + 3px);width:100%;background-color:var(--accesibility-light-green);opacity:0;z-index:0;border-radius:var(--radius_full);transition:width .3s linear,background-color .3s ease,opacity .3s ease}.h-trivia__option--timer-green::before{background-color:var(--accesibility-light-green);width:var(--fill-width,100%);opacity:1}.h-trivia__option--timer-yellow::before{background-color:var(--accesibility-light-yellow);width:var(--fill-width,100%);opacity:1}.h-trivia__option--timer-red::before{background-color:var(--accesibility-light-red);width:var(--fill-width,100%);opacity:1}.h-trivia__option--selected::before{opacity:1;width:100%}.h-trivia__option:hover:not(:disabled):not(.h-trivia__option--selected){border-color:var(--neutros-gray-300)}.h-trivia__option:disabled{cursor:not-allowed;opacity:.6}.h-trivia__option--selected{border-color:var(--accesibility-dark-green)}.h-trivia__option--selected::before{opacity:1;transform:scaleY(1)}.h-trivia__option-text{position:relative;z-index:1;opacity:.9}.h-trivia__results{width:100%;max-width:480px;display:flex;flex-direction:column;gap:var(--spacing_l);align-items:center}.h-trivia__results-card{background-color:var(--neutros-white);border-radius:var(--radius_4xl);box-shadow:0 1px 8px 0 rgba(1,1,1,.08),0 8px 12px 0 rgba(1,1,1,.16);padding:var(--spacing_l);width:100%;display:flex;flex-direction:column;gap:var(--spacing_l);align-items:center}@media (max-width:768px){.h-trivia__results-card{padding:var(--spacing_xs);border-radius:var(--radius_3xl)}}.h-trivia__results-title{font-family:var(--font-body);font-size:var(--size-48);font-weight:var(--weight_semibold);line-height:64px;color:var(--neutros-gray-900);opacity:.9;margin:0;text-align:center;width:100%}@media (max-width:768px){.h-trivia__results-title{font-size:var(--size-32);line-height:36px}}.h-trivia__score-circle{width:280px;height:280px;border:8px solid var(--neutros-gray-400);border-radius:var(--radius_full);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing_2xs);padding:var(--spacing_l)}@media (max-width:768px){.h-trivia__score-circle{width:240px;height:240px}}.h-trivia__score-label{font-family:var(--font-body);font-size:var(--size-26);font-weight:var(--weight_semibold);line-height:32px;color:var(--neutros-black);margin:0;text-align:center}.h-trivia__score-value{font-family:var(--font-title);font-size:60px;font-weight:var(--weight_semibold);line-height:72px;color:#e2211c;margin:0;text-align:center}.h-trivia__score-unit{font-family:var(--font-body);font-size:var(--size-26);font-weight:var(--weight_semibold);line-height:32px;color:var(--neutros-black);margin:0;text-align:center}.h-trivia__results-message{font-family:var(--font-body);font-size:var(--size-26);font-weight:var(--weight_semibold);line-height:32px;color:var(--neutros-gray-900);opacity:.9;margin:0;text-align:center;width:100%;max-width:336px}@media (max-width:768px){.h-trivia__results-message{font-size:var(--size-20);line-height:24px}}.h-trivia__results--completed{max-width:480px}.h-trivia__completed-info{display:flex;flex-direction:column;gap:var(--spacing_1xs);align-items:center;text-align:center;width:100%}.h-trivia__completed-subtitle{font-family:var(--font-title);font-size:var(--size-26);font-weight:var(--weight_regular);line-height:36px;color:var(--neutros-gray-900);margin:0;text-transform:uppercase;width:100%}@media (max-width:768px){.h-trivia__completed-subtitle{font-size:var(--size-20);line-height:28px}}.h-trivia__completed-announcement{font-family:var(--font-body);font-size:var(--size-18);font-weight:var(--weight_regular);line-height:22px;color:var(--neutros-gray-700);margin:0;width:100%}@media (max-width:768px){.h-trivia__completed-announcement{font-size:var(--size-16);line-height:20px}}.h-trivia__completed-score{font-family:var(--font-body);font-size:var(--size-18);font-weight:var(--weight_regular);line-height:22px;color:var(--neutros-gray-700);margin:0;width:100%}.h-trivia__completed-score strong{font-weight:var(--weight_semibold);font-size:var(--size-16)}.h-trivia__button{width:280px;padding:var(--spacing_1xs) var(--spacing_xs);border:none;border-radius:var(--radius_full);font-family:var(--font-body);font-size:var(--size-18);font-weight:var(--weight_semibold);line-height:22px;text-align:center;cursor:pointer;transition:all .2s;align-self:center}@media (max-width:768px){.h-trivia__button{width:100%}}.h-trivia__button--primary{background-color:var(--h-trivia-primary-color);color:var(--neutros-white)}.h-trivia__button--primary:hover{background-color:var(--neutros-gray-900)}.h-trivia__button--primary:active{background-color:var(--neutros-gray-800)}.h-trivia__error,.h-trivia__loading{text-align:center;padding:var(--spacing_3xl);font-family:var(--font-body);font-size:var(--size-18);color:var(--neutros-gray-700)}@media (max-width:768px){.h-trivia__error,.h-trivia__loading{padding:var(--spacing_xl);font-size:var(--size-16)}}.h-trivia__error{color:var(--accesibility-dark-red)}