@import url(https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Nunito:wght@400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Nunito:wght@400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Nunito:wght@400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Nunito:wght@400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Nunito:wght@400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Nunito:wght@400;500;600;700;800&display=swap);
@keyframes letterBounce{0%,100%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(-5px)}}@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.8}100%{opacity:0;transform:translateY(-100px) scale(0.8)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(102,126,234,.7)}50%{transform:scale(1.02);box-shadow:0 0 0 10px rgba(102,126,234,0)}}@keyframes glow{0%,100%{box-shadow:0 0 10px rgba(102,126,234,.5)}50%{box-shadow:0 0 30px rgba(102,126,234,.8)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes confetti{0%{transform:translateY(0) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{transform:scale(1.05)}70%{transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}@keyframes avatarPop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}@keyframes avatarAppear{0%{opacity:0;transform:scale(0.5)}100%{opacity:1;transform:scale(1)}}@keyframes checkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}@keyframes correctAnswer{0%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 20px rgba(38,137,12,.6)}100%{transform:scale(1);box-shadow:0 0 10px rgba(38,137,12,.4)}}@keyframes wrongAnswer{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-10px)}40%,80%{transform:translateX(10px)}}@keyframes titleBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes titleGlow{0%,100%{text-shadow:0 0 10px hsla(0,0%,100%,.5)}50%{text-shadow:0 0 30px hsla(0,0%,100%,.8),0 0 60px hsla(0,0%,100%,.4)}}@keyframes pulseCorrect{0%,100%{box-shadow:0 0 0 0 rgba(38,137,12,.7)}50%{box-shadow:0 0 0 15px rgba(38,137,12,0)}}@keyframes flashCorrect{0%,100%{background-color:rgba(0,0,0,0)}50%{background-color:rgba(38,137,12,.3)}}@keyframes rankPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes resultPop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}@keyframes checkBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes guessAppear{0%{opacity:0;transform:translateY(10px) scale(0.8)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes growProgress{0%{width:0}}@keyframes slideInPlayer{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@keyframes fadeInMention{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.waiting-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.65vh;padding:3.19vh;text-align:center;font-family:"Nunito",sans-serif}.waiting-message__check{width:4.88vh;height:4.88vh;border-radius:50%;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.42vh;font-weight:300;animation:bubblePop .4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards}.waiting-message__check svg path{stroke-dasharray:24;stroke-dashoffset:24;animation:drawCheck .3s ease-out .3s forwards}.waiting-message__text{font-size:2.04vh;color:#fff;margin:0;font-weight:600;opacity:.9}.waiting-message__pulse{width:4.07vh;height:4.07vh;border-radius:50%;background:rgba(102,126,234,.3);animation:pulse 1.5s ease-in-out infinite}.waiting-message--lobby .waiting-message__text,.waiting-message--gameStart .waiting-message__text{font-size:2.24vh}.waiting-message--reveal .waiting-message__check{background:linear-gradient(135deg, #667eea, #764ba2)}.waiting-message--answered,.waiting-message--drawing{padding:2.42vh}.waiting-message--answered .waiting-message__text,.waiting-message--drawing .waiting-message__text{font-family:"Rajdhani",sans-serif;font-size:2.24vh;font-weight:700}.waiting-message--answered .waiting-message__pulse,.waiting-message--drawing .waiting-message__pulse{display:none}@keyframes bubblePop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}@keyframes drawCheck{to{stroke-dashoffset:0}}@media(max-width: 768px){.waiting-message{gap:16px;padding:24px}.waiting-message__check{width:56px;height:56px;font-size:28px}.waiting-message__text{font-size:20px}.waiting-message__pulse{width:48px;height:48px}.waiting-message--lobby .waiting-message__text,.waiting-message--gameStart .waiting-message__text{font-size:22px}.waiting-message--answered,.waiting-message--drawing{padding:20px}.waiting-message--answered .waiting-message__text,.waiting-message--drawing .waiting-message__text{font-size:24px}}
@keyframes letterBounce{0%,100%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(-5px)}}@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.8}100%{opacity:0;transform:translateY(-100px) scale(0.8)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(102,126,234,.7)}50%{transform:scale(1.02);box-shadow:0 0 0 10px rgba(102,126,234,0)}}@keyframes glow{0%,100%{box-shadow:0 0 10px rgba(102,126,234,.5)}50%{box-shadow:0 0 30px rgba(102,126,234,.8)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes confetti{0%{transform:translateY(0) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{transform:scale(1.05)}70%{transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}@keyframes avatarPop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}@keyframes avatarAppear{0%{opacity:0;transform:scale(0.5)}100%{opacity:1;transform:scale(1)}}@keyframes checkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}@keyframes correctAnswer{0%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 20px rgba(38,137,12,.6)}100%{transform:scale(1);box-shadow:0 0 10px rgba(38,137,12,.4)}}@keyframes wrongAnswer{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-10px)}40%,80%{transform:translateX(10px)}}@keyframes titleBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes titleGlow{0%,100%{text-shadow:0 0 10px hsla(0,0%,100%,.5)}50%{text-shadow:0 0 30px hsla(0,0%,100%,.8),0 0 60px hsla(0,0%,100%,.4)}}@keyframes pulseCorrect{0%,100%{box-shadow:0 0 0 0 rgba(38,137,12,.7)}50%{box-shadow:0 0 0 15px rgba(38,137,12,0)}}@keyframes flashCorrect{0%,100%{background-color:rgba(0,0,0,0)}50%{background-color:rgba(38,137,12,.3)}}@keyframes rankPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes resultPop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}@keyframes checkBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes guessAppear{0%{opacity:0;transform:translateY(10px) scale(0.8)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes growProgress{0%{width:0}}@keyframes slideInPlayer{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@keyframes fadeInMention{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.reaction-buttons{display:flex;flex-direction:column;align-items:center;gap:1.21vh}.reaction-buttons__label{font-family:"Nunito",sans-serif;font-size:1.65vh;color:#fff;margin:0;opacity:.9}.reaction-buttons__container{display:flex;gap:1.21vh;flex-wrap:wrap;justify-content:center}.reaction-buttons__button{border:none;border-radius:1.21vh;cursor:pointer;transition:transform 150ms ease,box-shadow 150ms ease;transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}.reaction-buttons__button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.15)}.reaction-buttons__button:active:not(:disabled){transform:scale(0.95)}.reaction-buttons__button:disabled{opacity:.5;cursor:not-allowed}.reaction-buttons--sm .reaction-buttons__button{width:4.48vh;height:4.48vh;font-size:2.42vh}.reaction-buttons--md .reaction-buttons__button{width:6.12vh;height:6.12vh;font-size:3.37vh}.reaction-buttons--lg .reaction-buttons__button{width:8.14vh;height:8.14vh;font-size:4.88vh}.reaction-buttons--default .reaction-buttons__button{background:hsla(0,0%,100%,.9);border:.19vh solid #667eea}.reaction-buttons--visualization .reaction-buttons__button{background:hsla(0,0%,100%,.15);backdrop-filter:blur(0.93vh);border:.19vh solid hsla(0,0%,100%,.3)}.reaction-buttons--visualization .reaction-buttons__button:hover:not(:disabled){background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.5)}.reaction-buttons--final .reaction-buttons__button{background:hsla(0,0%,100%,.95);border:.28vh solid #667eea;box-shadow:0 2px 4px rgba(0,0,0,.1)}.reaction-buttons--final .reaction-buttons__button:hover:not(:disabled){border-color:#f5576c;box-shadow:0 4px 8px rgba(0,0,0,.15)}@media(max-width: 768px){.reaction-buttons{gap:12px}.reaction-buttons__label{font-size:16px}.reaction-buttons__container{gap:10px}.reaction-buttons--sm .reaction-buttons__button{width:48px;height:48px;font-size:26px}.reaction-buttons--md .reaction-buttons__button{width:60px;height:60px;font-size:32px}.reaction-buttons--lg .reaction-buttons__button{width:72px;height:72px;font-size:40px}.reaction-buttons--default .reaction-buttons__button,.reaction-buttons--visualization .reaction-buttons__button,.reaction-buttons--final .reaction-buttons__button{border-width:2px;border-radius:16px}}
@keyframes letterBounce{0%,100%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(-5px)}}@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.8}100%{opacity:0;transform:translateY(-100px) scale(0.8)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(102,126,234,.7)}50%{transform:scale(1.02);box-shadow:0 0 0 10px rgba(102,126,234,0)}}@keyframes glow{0%,100%{box-shadow:0 0 10px rgba(102,126,234,.5)}50%{box-shadow:0 0 30px rgba(102,126,234,.8)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes confetti{0%{transform:translateY(0) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{transform:scale(1.05)}70%{transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}@keyframes avatarPop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}@keyframes avatarAppear{0%{opacity:0;transform:scale(0.5)}100%{opacity:1;transform:scale(1)}}@keyframes checkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}@keyframes correctAnswer{0%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 20px rgba(38,137,12,.6)}100%{transform:scale(1);box-shadow:0 0 10px rgba(38,137,12,.4)}}@keyframes wrongAnswer{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-10px)}40%,80%{transform:translateX(10px)}}@keyframes titleBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes titleGlow{0%,100%{text-shadow:0 0 10px hsla(0,0%,100%,.5)}50%{text-shadow:0 0 30px hsla(0,0%,100%,.8),0 0 60px hsla(0,0%,100%,.4)}}@keyframes pulseCorrect{0%,100%{box-shadow:0 0 0 0 rgba(38,137,12,.7)}50%{box-shadow:0 0 0 15px rgba(38,137,12,0)}}@keyframes flashCorrect{0%,100%{background-color:rgba(0,0,0,0)}50%{background-color:rgba(38,137,12,.3)}}@keyframes rankPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes resultPop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}@keyframes checkBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes guessAppear{0%{opacity:0;transform:translateY(10px) scale(0.8)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes growProgress{0%{width:0}}@keyframes slideInPlayer{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@keyframes fadeInMention{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.avatar-badge{display:inline-flex;flex-direction:column;align-items:center;gap:.62vh;transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}.avatar-badge__circle{border-radius:50%;display:flex;align-items:center;justify-content:center;border:.19vh solid hsla(0,0%,100%,.8);overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1)}.avatar-badge__initials{color:#fff;font-family:"Rajdhani",sans-serif;font-weight:700;text-transform:uppercase}.avatar-badge__character-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transform:translateY(15%)}.avatar-badge__label{font-family:"Nunito",sans-serif;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:7.4vh}.avatar-badge--xs .avatar-badge__circle{width:2.2vh;height:2.2vh}.avatar-badge--xs .avatar-badge__initials{font-size:1.21vh}.avatar-badge--xs .avatar-badge__label{font-size:.93vh}.avatar-badge--sm .avatar-badge__circle{width:3.26vh;height:3.26vh}.avatar-badge--sm .avatar-badge__initials{font-size:1.43vh}.avatar-badge--sm .avatar-badge__label{font-size:1.02vh}.avatar-badge--md .avatar-badge__circle{width:3.9vh;height:3.9vh}.avatar-badge--md .avatar-badge__initials{font-size:1.84vh}.avatar-badge--md .avatar-badge__label{font-size:1.21vh}.avatar-badge--lg .avatar-badge__circle{width:4.29vh;height:4.29vh}.avatar-badge--lg .avatar-badge__initials{font-size:2.42vh}.avatar-badge--lg .avatar-badge__label{font-size:1.43vh;max-width:9.26vh}.avatar-badge--xl .avatar-badge__circle{width:7.4vh;height:7.4vh}.avatar-badge--xl .avatar-badge__initials{font-size:3.26vh}.avatar-badge--xl .avatar-badge__label{font-size:1.65vh;max-width:11.1vh}.avatar-badge--correct .avatar-badge__circle{border-color:#26890c;box-shadow:0 0 1.1vh rgba(38,137,12,.8)}.avatar-badge--incorrect .avatar-badge__circle{border-color:#e21b3c;box-shadow:0 0 1.1vh rgba(226,27,60,.8)}.avatar-badge--current .avatar-badge__circle{border-color:#f5576c;border-width:.28vh;transform:scale(1.2)}.avatar-badge--maxed .avatar-badge__circle{box-shadow:0 0 1.1vh .37vh rgba(255,215,0,.5)}.avatar-badge--pop{animation:avatarPop .4s ease-out forwards;opacity:0}.avatar-badge--appear{animation:avatarAppear .3s ease-out forwards;opacity:0}
@keyframes letterBounce{0%,100%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(-5px)}}@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.8}100%{opacity:0;transform:translateY(-100px) scale(0.8)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(102,126,234,.7)}50%{transform:scale(1.02);box-shadow:0 0 0 10px rgba(102,126,234,0)}}@keyframes glow{0%,100%{box-shadow:0 0 10px rgba(102,126,234,.5)}50%{box-shadow:0 0 30px rgba(102,126,234,.8)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes confetti{0%{transform:translateY(0) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{transform:scale(1.05)}70%{transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}@keyframes avatarPop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}@keyframes avatarAppear{0%{opacity:0;transform:scale(0.5)}100%{opacity:1;transform:scale(1)}}@keyframes checkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}@keyframes correctAnswer{0%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 20px rgba(38,137,12,.6)}100%{transform:scale(1);box-shadow:0 0 10px rgba(38,137,12,.4)}}@keyframes wrongAnswer{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-10px)}40%,80%{transform:translateX(10px)}}@keyframes titleBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes titleGlow{0%,100%{text-shadow:0 0 10px hsla(0,0%,100%,.5)}50%{text-shadow:0 0 30px hsla(0,0%,100%,.8),0 0 60px hsla(0,0%,100%,.4)}}@keyframes pulseCorrect{0%,100%{box-shadow:0 0 0 0 rgba(38,137,12,.7)}50%{box-shadow:0 0 0 15px rgba(38,137,12,0)}}@keyframes flashCorrect{0%,100%{background-color:rgba(0,0,0,0)}50%{background-color:rgba(38,137,12,.3)}}@keyframes rankPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes resultPop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}@keyframes checkBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes guessAppear{0%{opacity:0;transform:translateY(10px) scale(0.8)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes growProgress{0%{width:0}}@keyframes slideInPlayer{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@keyframes fadeInMention{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.trivia-button{display:inline-block;border:none;border-radius:.31vh;font-family:"Rajdhani",sans-serif;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:center}.trivia-button--sm{font-size:2.04vh;padding:1.1vh 2.96vh}.trivia-button--md{font-size:2.75vh;padding:1.65vh 6.12vh}.trivia-button--lg{font-size:3.26vh;padding:1.85vh 11.1vh}.trivia-button--primary{background:#667eea;color:#fff;box-shadow:0 .56vh 0 rgb(28.2413793103,60.5172413793,205.7586206897)}.trivia-button--primary:hover:not(:disabled){background:rgb(57.1551724138,88.1896551724,227.8448275862);transform:translateY(-0.19vh);box-shadow:0 .74vh 0 rgb(28.2413793103,60.5172413793,205.7586206897)}.trivia-button--primary:active:not(:disabled){transform:translateY(0.37vh);box-shadow:0 .19vh 0 rgb(28.2413793103,60.5172413793,205.7586206897)}.trivia-button--action{background:#f39c12;color:#fff;box-shadow:0 .56vh 0 #c47f00}.trivia-button--action:hover:not(:disabled){transform:translateY(-0.19vh);box-shadow:0 .74vh 0 #c47f00}.trivia-button--action:active:not(:disabled){transform:translateY(0.37vh);box-shadow:0 .19vh 0 #c47f00}.trivia-button--finish{background:linear-gradient(135deg, #ffd700, #ffa500);color:#333;box-shadow:0 .56vh 0 #c47f00}.trivia-button--finish:hover:not(:disabled){transform:translateY(-0.19vh);box-shadow:0 .74vh 0 #c47f00}.trivia-button--finish:active:not(:disabled){transform:translateY(0.37vh);box-shadow:0 .19vh 0 #c47f00}.trivia-button--secondary{background:hsla(0,0%,100%,.3);color:#fff;box-shadow:0 .37vh 0 rgba(0,0,0,.2)}.trivia-button--secondary:hover:not(:disabled){background:hsla(0,0%,100%,.4);transform:translateY(-0.19vh);box-shadow:0 .56vh 0 rgba(0,0,0,.2)}.trivia-button--secondary:active:not(:disabled){transform:translateY(0.37vh);box-shadow:0 .19vh 0 rgba(0,0,0,.2)}.trivia-button--disabled,.trivia-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width: 768px){.trivia-button{border-radius:8px}.trivia-button--sm{font-size:18px;padding:10px 28px}.trivia-button--md{font-size:22px;padding:14px 40px}.trivia-button--lg{font-size:26px;padding:16px 60px}}
.confetti-container{position:fixed;top:-0.93vh;left:0;width:100%;height:100vh;pointer-events:none;z-index:1000;overflow:hidden}.confetti-piece{position:absolute;top:-0.93vh;width:.74vh;height:.74vh;opacity:.8;border-radius:50%;animation:confettiFall linear infinite}.confetti-piece:nth-child(3n){width:.56vh;height:1.1vh;border-radius:.28vh}.confetti-piece:nth-child(5n){width:.93vh;height:.56vh;border-radius:.19vh}@keyframes confettiFall{0%{transform:translateY(0) rotateZ(0deg) rotateY(0deg);opacity:.8}50%{opacity:1}100%{transform:translateY(100vh) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(1){animation-name:confettiFall1}@keyframes confettiFall1{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(20px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(-20px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(20px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(2){animation-name:confettiFall2}@keyframes confettiFall2{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(7px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(-7px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(7px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(3){animation-name:confettiFall3}@keyframes confettiFall3{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(-19px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(19px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(-19px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(4){animation-name:confettiFall4}@keyframes confettiFall4{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(-13px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(13px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(-13px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(5){animation-name:confettiFall5}@keyframes confettiFall5{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(-9px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(9px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(-9px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(6){animation-name:confettiFall6}@keyframes confettiFall6{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(13px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(-13px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(13px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(7){animation-name:confettiFall7}@keyframes confettiFall7{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(-2px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(2px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(-2px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(8){animation-name:confettiFall8}@keyframes confettiFall8{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(-4px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(4px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(-4px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(9){animation-name:confettiFall9}@keyframes confettiFall9{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(2px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(-2px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(2px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(10){animation-name:confettiFall10}@keyframes confettiFall10{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(1px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(-1px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(1px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(11){animation-name:confettiFall11}@keyframes confettiFall11{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(-7px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(7px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(-7px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(12){animation-name:confettiFall12}@keyframes confettiFall12{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(11px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(-11px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(11px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(13){animation-name:confettiFall13}@keyframes confettiFall13{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(5px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(-5px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(5px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(14){animation-name:confettiFall14}@keyframes confettiFall14{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(-16px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(16px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(-16px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(15){animation-name:confettiFall15}@keyframes confettiFall15{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(18px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(-18px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(18px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(16){animation-name:confettiFall16}@keyframes confettiFall16{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(16px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(-16px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(16px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(17){animation-name:confettiFall17}@keyframes confettiFall17{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(-12px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(12px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(-12px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(18){animation-name:confettiFall18}@keyframes confettiFall18{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(-10px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(10px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(-10px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(19){animation-name:confettiFall19}@keyframes confettiFall19{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(-4px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(4px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(-4px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(20){animation-name:confettiFall20}@keyframes confettiFall20{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(17px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(-17px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(17px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(21){animation-name:confettiFall21}@keyframes confettiFall21{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(-3px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(3px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(-3px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(22){animation-name:confettiFall22}@keyframes confettiFall22{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(-1px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(1px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(-1px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(23){animation-name:confettiFall23}@keyframes confettiFall23{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(17px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(-17px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(17px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(24){animation-name:confettiFall24}@keyframes confettiFall24{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(6px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(-6px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(6px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(25){animation-name:confettiFall25}@keyframes confettiFall25{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(-17px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(17px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(-17px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(26){animation-name:confettiFall26}@keyframes confettiFall26{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(-11px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(11px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(-11px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(27){animation-name:confettiFall27}@keyframes confettiFall27{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(4px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(-4px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(4px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(28){animation-name:confettiFall28}@keyframes confettiFall28{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(8px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(-8px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(8px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(29){animation-name:confettiFall29}@keyframes confettiFall29{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(-1px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(1px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(-1px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}.confetti-piece:nth-child(30){animation-name:confettiFall30}@keyframes confettiFall30{0%{transform:translateY(0) translateX(0) rotateZ(0deg) rotateY(0deg);opacity:.8}25%{transform:translateY(25vh) translateX(18px) rotateZ(180deg) rotateY(90deg)}50%{transform:translateY(50vh) translateX(-18px) rotateZ(360deg) rotateY(180deg);opacity:1}75%{transform:translateY(75vh) translateX(18px) rotateZ(540deg) rotateY(270deg)}100%{transform:translateY(100vh) translateX(0) rotateZ(720deg) rotateY(360deg);opacity:0}}
@keyframes letterBounce{0%,100%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(-5px)}}@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.8}100%{opacity:0;transform:translateY(-100px) scale(0.8)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(102,126,234,.7)}50%{transform:scale(1.02);box-shadow:0 0 0 10px rgba(102,126,234,0)}}@keyframes glow{0%,100%{box-shadow:0 0 10px rgba(102,126,234,.5)}50%{box-shadow:0 0 30px rgba(102,126,234,.8)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes confetti{0%{transform:translateY(0) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{transform:scale(1.05)}70%{transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}@keyframes avatarPop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}@keyframes avatarAppear{0%{opacity:0;transform:scale(0.5)}100%{opacity:1;transform:scale(1)}}@keyframes checkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}@keyframes correctAnswer{0%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 20px rgba(38,137,12,.6)}100%{transform:scale(1);box-shadow:0 0 10px rgba(38,137,12,.4)}}@keyframes wrongAnswer{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-10px)}40%,80%{transform:translateX(10px)}}@keyframes titleBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes titleGlow{0%,100%{text-shadow:0 0 10px hsla(0,0%,100%,.5)}50%{text-shadow:0 0 30px hsla(0,0%,100%,.8),0 0 60px hsla(0,0%,100%,.4)}}@keyframes pulseCorrect{0%,100%{box-shadow:0 0 0 0 rgba(38,137,12,.7)}50%{box-shadow:0 0 0 15px rgba(38,137,12,0)}}@keyframes flashCorrect{0%,100%{background-color:rgba(0,0,0,0)}50%{background-color:rgba(38,137,12,.3)}}@keyframes rankPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes resultPop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}@keyframes checkBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes guessAppear{0%{opacity:0;transform:translateY(10px) scale(0.8)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes growProgress{0%{width:0}}@keyframes slideInPlayer{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@keyframes fadeInMention{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.discussion-input{display:flex;align-items:center;justify-content:center;min-height:100%;padding:2.42vh}.discussion-input__container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:46.3vh;padding:4.88vh;background:hsla(0,0%,100%,.95);border-radius:0;box-shadow:0 1.48vh 4.44vh rgba(0,0,0,.2);animation:slideInFromBottom .4s ease}.discussion-input__question{font-family:"Rajdhani",sans-serif;font-size:calc(2.24vh*1.5);font-weight:700;color:#667eea;text-align:center;margin-bottom:3.19vh;line-height:1.3}.discussion-input__form{display:flex;flex-direction:column;width:100%;gap:1.65vh}.discussion-input__textarea{width:100%;min-height:9.26vh;padding:1.65vh;font-family:"Nunito",sans-serif;font-size:calc(1.65vh*1.5);color:#333;background:#f8f9fa;border:.19vh solid #e0e0e0;border-radius:1.21vh;resize:vertical;transition:border-color 150ms ease,box-shadow 150ms ease}.discussion-input__textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 .28vh rgba(102,126,234,.2)}.discussion-input__textarea:disabled{opacity:.6;cursor:not-allowed}.discussion-input__textarea::-moz-placeholder{color:#6c757d}.discussion-input__textarea::placeholder{color:#6c757d}.discussion-input__textarea--rejected{border-color:#c0392b;box-shadow:0 0 0 .28vh rgba(192,57,43,.2);animation:shake .4s ease}.discussion-input__error{margin:0;font-family:"Nunito",sans-serif;font-size:1.65vh;color:#c0392b;text-align:center}.discussion-input__form-footer{display:flex;justify-content:center;align-items:center}.discussion-input__submitted{display:flex;flex-direction:column;align-items:center;gap:1.65vh;padding:3.19vh;animation:bounceIn .5s ease}.discussion-input__submitted-icon{width:7.4vh;height:7.4vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #26890C 0%, rgb(24.9932885906, 90.1073825503, 7.8926174497) 100%);border-radius:50%;color:#fff;animation:checkPop .4s ease}.discussion-input__submitted-text{font-family:"Rajdhani",sans-serif;font-size:2.24vh;font-weight:700;color:#26890c;text-transform:uppercase}.discussion-input__submitted-subtext{font-family:"Nunito",sans-serif;font-size:1.65vh;color:#6c757d}@media(max-width: 768px){.discussion-input{padding:1.65vh}.discussion-input__container{padding:3.19vh}.discussion-input__question{font-size:calc(2.04vh*1.5)}}@media(max-width: 576px){.discussion-input__container{padding:2.42vh}.discussion-input__question{font-size:calc(1.65vh*1.5)}.discussion-input .trivia-button{width:100%}}
@keyframes letterBounce{0%,100%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(-5px)}}@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.8}100%{opacity:0;transform:translateY(-100px) scale(0.8)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(102,126,234,.7)}50%{transform:scale(1.02);box-shadow:0 0 0 10px rgba(102,126,234,0)}}@keyframes glow{0%,100%{box-shadow:0 0 10px rgba(102,126,234,.5)}50%{box-shadow:0 0 30px rgba(102,126,234,.8)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes confetti{0%{transform:translateY(0) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{transform:scale(1.05)}70%{transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}@keyframes avatarPop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}@keyframes avatarAppear{0%{opacity:0;transform:scale(0.5)}100%{opacity:1;transform:scale(1)}}@keyframes checkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}@keyframes correctAnswer{0%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 20px rgba(38,137,12,.6)}100%{transform:scale(1);box-shadow:0 0 10px rgba(38,137,12,.4)}}@keyframes wrongAnswer{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-10px)}40%,80%{transform:translateX(10px)}}@keyframes titleBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes titleGlow{0%,100%{text-shadow:0 0 10px hsla(0,0%,100%,.5)}50%{text-shadow:0 0 30px hsla(0,0%,100%,.8),0 0 60px hsla(0,0%,100%,.4)}}@keyframes pulseCorrect{0%,100%{box-shadow:0 0 0 0 rgba(38,137,12,.7)}50%{box-shadow:0 0 0 15px rgba(38,137,12,0)}}@keyframes flashCorrect{0%,100%{background-color:rgba(0,0,0,0)}50%{background-color:rgba(38,137,12,.3)}}@keyframes rankPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes resultPop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}@keyframes checkBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes guessAppear{0%{opacity:0;transform:translateY(10px) scale(0.8)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes growProgress{0%{width:0}}@keyframes slideInPlayer{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@keyframes fadeInMention{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.discussion-feed{width:100%;max-width:37vh;padding:calc(1.65vh*1.3) 1.65vh}.discussion-feed--empty{text-align:center}.discussion-feed__empty-text{font-family:"Nunito",sans-serif;font-size:1.65vh;color:hsla(0,0%,100%,.7);font-style:italic}.discussion-feed__title{font-family:"Rajdhani",sans-serif;font-size:2.04vh;font-weight:600;color:#fff;text-align:center;margin-bottom:calc(1.65vh*1.3);opacity:.9}.discussion-feed__list{display:flex;flex-direction:column;gap:calc(1.21vh*1.3);max-height:24.07vh;overflow-y:auto;padding-right:.62vh}.discussion-feed__list::-webkit-scrollbar{width:.37vh}.discussion-feed__list::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:.19vh}.discussion-feed__list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:.19vh}.discussion-feed__list::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.discussion-feed__item{background:hsla(0,0%,100%,.95);border-radius:1.21vh;padding:calc(1.21vh*1.3) 1.65vh;animation:fadeInUp .4s ease forwards;opacity:0}.discussion-feed__answer{font-family:"Nunito",sans-serif;font-size:calc(1.65vh*1.25);font-weight:500;color:#333;line-height:1.5;word-wrap:break-word}.discussion-feed__author{font-family:"Nunito",sans-serif;font-size:1.43vh;font-weight:500;color:#667eea;font-style:italic;margin-top:calc(0.62vh*1.3)}@keyframes fadeInUp{from{opacity:0;transform:translateY(0.93vh)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{opacity:.7}50%{opacity:1}}@media(max-width: 768px){.discussion-feed{max-width:100%;padding:16px 12px}.discussion-feed__empty-text{font-size:16px}.discussion-feed__title{font-size:18px;margin-bottom:16px}.discussion-feed__list{max-height:200px;gap:10px}.discussion-feed__item{padding:12px 14px;border-radius:12px}.discussion-feed__answer{font-size:19px}.discussion-feed__author{font-size:13px;margin-top:6px}}