@import url(https://fonts.googleapis.com/css2?family=Paytone+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#6766cc;--secondary-color:#f3eadb;--tertiary-color:#252530;--quaternary-color:#fbca3d;--quinary-color:#f27f12;--primary-font:"Paytone One",sans-serif;--secondary-font:"PT Sans",sans-serif;--header-font-size:clamp(1.5rem,4vw,2rem);--subheader-font-size:clamp(1.2rem,3vw,1.5rem);--body-font-size:clamp(0.9rem,2.5vw,1rem);--small-font-size:clamp(0.7rem,2vw,0.8rem);--x-small-font-size:clamp(0.6rem,1.5vw,0.6rem);--spacing-1:clamp(0.25rem,1vw,0.5rem);--spacing-2:clamp(0.5rem,2vw,1rem);--spacing-3:clamp(0.75rem,3vw,1.5rem);--spacing-4:clamp(1rem,4vw,2rem);--spacing-5:clamp(1.25rem,5vw,2.5rem);--spacing-6:clamp(1.5rem,6vw,3rem);--spacing-7:clamp(1.75rem,7vw,3.5rem);--drop-shadow-3:3px 3px 0 #252530;--drop-shadow-6:6px 6px 0 #252530;--drop-shadow-9:9px 9px 0 #252530;--stroke-xs:0.5px #252530;--stroke-s:1px #252530;--stroke-m:2px #252530;--stroke-l:3px #252530;--stroke-xl:5px #252530;--breakpoint-xs:320px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1200px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f4f4;color:#333;font-family:PT Sans,sans-serif;line-height:1.6}.App{min-height:100vh}.grid{grid-gap:clamp(1rem,4vw,2rem);grid-gap:var(--spacing-4);display:grid;gap:clamp(1rem,4vw,2rem);gap:var(--spacing-4)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-responsive{grid-gap:clamp(.5rem,2vw,1rem);grid-gap:var(--spacing-2);display:grid;gap:clamp(.5rem,2vw,1rem);gap:var(--spacing-2);grid-template-columns:1fr}@media (min-width:480px){.grid-responsive{gap:clamp(.75rem,3vw,1.5rem);gap:var(--spacing-3);grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-responsive{gap:clamp(1rem,4vw,2rem);gap:var(--spacing-4);grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid-responsive{grid-template-columns:repeat(4,1fr)}}.table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden;width:100%}.table td,.table th{border-bottom:1px solid #eee;padding:15px;text-align:left}.table th{color:#555;font-weight:700}.table th,.table tr:hover{background:#f8f9fa}.loading{color:#666;font-size:1.2rem;padding:2rem;text-align:center}.hidden-lg,.hidden-md,.hidden-sm,.hidden-xs{display:block}@media (max-width:320px){.hidden-xs{display:none!important}.visible-xs{display:block!important}}@media (max-width:480px){.hidden-sm{display:none!important}.visible-sm{display:block!important}}@media (max-width:768px){.hidden-md{display:none!important}.visible-md{display:block!important}.grid-2,.grid-3{grid-template-columns:1fr}}@media (min-width:769px){.hidden-lg{display:none!important}.visible-lg{display:block!important}}.text-responsive{font-size:clamp(.9rem,2.5vw,1rem);font-size:var(--body-font-size);line-height:1.6}.text-responsive h1{font-size:clamp(1.5rem,4vw,2rem);font-size:var(--header-font-size)}.text-responsive h1,.text-responsive h2{margin-bottom:clamp(.5rem,2vw,1rem);margin-bottom:var(--spacing-2)}.text-responsive h2{font-size:clamp(1.2rem,3vw,1.5rem);font-size:var(--subheader-font-size)}.text-responsive p{font-size:clamp(.9rem,2.5vw,1rem);font-size:var(--body-font-size);margin-bottom:clamp(.5rem,2vw,1rem);margin-bottom:var(--spacing-2)}.p-responsive{padding:clamp(.5rem,2vw,1rem);padding:var(--spacing-2)}.m-responsive{margin:clamp(.5rem,2vw,1rem);margin:var(--spacing-2)}@media (min-width:480px){.p-responsive{padding:clamp(.75rem,3vw,1.5rem);padding:var(--spacing-3)}.m-responsive{margin:clamp(.75rem,3vw,1.5rem);margin:var(--spacing-3)}}@media (min-width:768px){.p-responsive{padding:clamp(1rem,4vw,2rem);padding:var(--spacing-4)}.m-responsive{margin:clamp(1rem,4vw,2rem);margin:var(--spacing-4)}}.w-responsive{width:100%}@media (min-width:480px){.w-responsive{width:90%}}@media (min-width:768px){.w-responsive{width:80%}}@media (min-width:1024px){.w-responsive{width:70%}}.text-center-responsive{text-align:center}@media (min-width:768px){.text-center-responsive{text-align:left}}.flex-responsive{display:flex;flex-direction:column;gap:clamp(.5rem,2vw,1rem);gap:var(--spacing-2)}@media (min-width:480px){.flex-responsive{flex-direction:row;gap:clamp(.75rem,3vw,1.5rem);gap:var(--spacing-3)}}@media (min-width:768px){.flex-responsive{gap:clamp(1rem,4vw,2rem);gap:var(--spacing-4)}}.mt-responsive{margin-top:clamp(.5rem,2vw,1rem);margin-top:var(--spacing-2)}.mb-responsive{margin-bottom:clamp(.5rem,2vw,1rem);margin-bottom:var(--spacing-2)}.ml-responsive{margin-left:clamp(.5rem,2vw,1rem);margin-left:var(--spacing-2)}.mr-responsive{margin-right:clamp(.5rem,2vw,1rem);margin-right:var(--spacing-2)}.pt-responsive{padding-top:clamp(.5rem,2vw,1rem);padding-top:var(--spacing-2)}.pb-responsive{padding-bottom:clamp(.5rem,2vw,1rem);padding-bottom:var(--spacing-2)}.pl-responsive{padding-left:clamp(.5rem,2vw,1rem);padding-left:var(--spacing-2)}.pr-responsive{padding-right:clamp(.5rem,2vw,1rem);padding-right:var(--spacing-2)}@media (min-width:480px){.mt-responsive{margin-top:clamp(.75rem,3vw,1.5rem);margin-top:var(--spacing-3)}.mb-responsive{margin-bottom:clamp(.75rem,3vw,1.5rem);margin-bottom:var(--spacing-3)}.ml-responsive{margin-left:clamp(.75rem,3vw,1.5rem);margin-left:var(--spacing-3)}.mr-responsive{margin-right:clamp(.75rem,3vw,1.5rem);margin-right:var(--spacing-3)}.pt-responsive{padding-top:clamp(.75rem,3vw,1.5rem);padding-top:var(--spacing-3)}.pb-responsive{padding-bottom:clamp(.75rem,3vw,1.5rem);padding-bottom:var(--spacing-3)}.pl-responsive{padding-left:clamp(.75rem,3vw,1.5rem);padding-left:var(--spacing-3)}.pr-responsive{padding-right:clamp(.75rem,3vw,1.5rem);padding-right:var(--spacing-3)}}@media (min-width:768px){.mt-responsive{margin-top:clamp(1rem,4vw,2rem);margin-top:var(--spacing-4)}.mb-responsive{margin-bottom:clamp(1rem,4vw,2rem);margin-bottom:var(--spacing-4)}.ml-responsive{margin-left:clamp(1rem,4vw,2rem);margin-left:var(--spacing-4)}.mr-responsive{margin-right:clamp(1rem,4vw,2rem);margin-right:var(--spacing-4)}.pt-responsive{padding-top:clamp(1rem,4vw,2rem);padding-top:var(--spacing-4)}.pb-responsive{padding-bottom:clamp(1rem,4vw,2rem);padding-bottom:var(--spacing-4)}.pl-responsive{padding-left:clamp(1rem,4vw,2rem);padding-left:var(--spacing-4)}.pr-responsive{padding-right:clamp(1rem,4vw,2rem);padding-right:var(--spacing-4)}}.error-state{min-height:100vh;padding-top:80px}.card-content{align-items:center;background:#ecead3;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:500px;padding:2rem;text-align:center;width:100%}.error-state .main-content{padding-top:0}.error-container{margin:0 auto;max-width:600px;padding:2rem}.error-state .card{background:#0000;text-align:center}.error-icon{font-size:4rem;margin-bottom:1rem}.error-title{-webkit-text-stroke:.05rem #252530;color:#252530;font-family:Paytone One,sans-serif;font-size:1.8rem;margin-bottom:1.5rem}.alert-error{background:#f44;color:#fff}.alert-warning{background:#f27f12;color:#252530}@media (max-width:768px){.error-container{padding:1rem}.error-title{font-size:1.5rem}}.container{margin:0 auto;max-width:1200px}.container,.container-fluid{padding:0 clamp(1rem,4vw,2rem);width:100%}.container-sm{max-width:540px}.container-md,.container-sm{margin:0 auto;padding:0 clamp(1rem,4vw,2rem);width:100%}.container-md{max-width:720px}.container-lg{max-width:960px}.container-lg,.container-xl{margin:0 auto;padding:0 clamp(1rem,4vw,2rem);width:100%}.container-xl{max-width:1140px}@media (max-width:320px){.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{padding:0 .75rem}}@media (max-width:480px) and (min-width:321px){.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{padding:0 1rem}}@media (max-width:768px) and (min-width:481px){.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{padding:0 1.25rem}}@media (min-width:769px){.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{padding:0 2rem}}.logo{color:#fff;font-size:2rem;font-weight:700;margin:0;text-decoration:none}img{height:auto;object-fit:contain;width:6rem}.btn{align-items:center;border:3px solid #24242f;color:#252530;cursor:pointer;display:inline-block;display:flex;filter:drop-shadow(6px 6px 0 #252530);font-family:Paytone One,sans-serif;font-size:clamp(.8rem,2.5vw,1rem);justify-content:center;min-height:44px;padding:clamp(8px,2vw,12px) clamp(16px,4vw,24px);text-decoration:none;text-transform:uppercase;transition:all .3s ease}.btn:hover{background:#f27f12;filter:drop-shadow(3px 3px 0 #252530)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn:focus{box-shadow:0 0 0 3px #667eea4d;outline:none}.btn-primary{border-color:#252530}.btn-primary,.btn-primary:hover{background:#f190f3}.btn-success{border-color:#252530}.btn-success,.btn-success:hover{background:#5bdfc8}.btn-danger{background:#dc3545;border-color:#bd2130}.btn-danger:hover{background:#c82333}.btn-secondary{border-color:#252530}.btn-secondary,.btn-secondary:hover{background:#f27f12}.btn-tertiary{border-color:#252530;color:#ecead3}.btn-tertiary,.btn-tertiary:hover{background:#4a4b59}.btn-info{background:#17a2b8;border-color:#252530}.btn-info:hover{background:#138496}.btn-large{font-size:1.2rem;padding:15px 30px}.btn-sm{font-size:.8rem;padding:6px 12px}.btn-block{display:flex;width:100%}@media (max-width:320px){.btn{font-size:.7rem;min-height:40px;padding:6px 12px}.btn-large{font-size:.8rem;padding:8px 16px}.btn-sm{font-size:.6rem;min-height:36px;padding:4px 8px}}@media (max-width:480px) and (min-width:321px){.btn{font-size:.8rem;padding:8px 16px}.btn-large{font-size:.9rem;padding:10px 20px}.btn-sm{font-size:.7rem;padding:6px 10px}}@media (max-width:768px) and (min-width:481px){.btn{font-size:.9rem;padding:10px 20px}.btn-large{font-size:1rem;padding:12px 24px}.btn-sm{font-size:.8rem;padding:6px 12px}}.header{background:#6766cc;box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 clamp(1rem,4vw,2rem);position:relative;width:100%}.place-holder{height:1px;margin:auto;width:12px}.header-logo{align-items:center;color:#fff;display:flex;flex-shrink:0;font-family:Paytone One,sans-serif;font-size:clamp(1.2rem,4vw,1.5rem);font-weight:700;text-decoration:none}.header-back-button{filter:drop-shadow(3px 3px #252530);justify-content:flex-end;margin-left:auto;margin-right:1rem}.header-actions{align-items:center;display:flex;flex-shrink:0;gap:clamp(.5rem,2vw,1rem)}.header-transparent{background:#0000;box-shadow:none}.header-fixed{left:0;position:fixed;right:0;top:0;z-index:9999}@media (max-width:320px){.header{padding:.5rem 0}.header-content{flex-wrap:nowrap;gap:.5rem;padding:0 .75rem}.header-logo{font-size:1rem;order:1}.header-actions{gap:.25rem;order:2}.header-back-button{justify-content:center;margin:0;order:3;width:100%}}@media (max-width:480px) and (min-width:321px){.header{padding:.75rem 0}.header-content{padding:0 1rem}.header-logo{font-size:1.1rem}.header-actions{gap:.5rem}}@media (max-width:768px) and (min-width:481px){.header-content{padding:0 1.25rem}.header-logo{font-size:1.3rem}.header-actions{gap:.75rem}}.footer{background:#252530;color:#fff;font-family:Paytone One,sans-serif;line-height:1.5;padding:3rem 0 1rem}.footer h4{color:#fccb3e}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer-section h4{color:#ecf0f1;margin-bottom:1rem}.social-link{color:#bdc3c7;text-decoration:none;transition:color .3s ease}.social-link:hover{color:#fff}.footer-bottom{border-top:1px solid #34495e;color:#bdc3c7;padding-top:1rem;text-align:center}.public-template{background-image:url(/static/media/background.29db483e9e2728393b94.jpg);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column}.main-content{flex:1 1;padding-bottom:80px;padding-top:80px}@media (max-width:768px){.public-template{background-image:url(/static/media/background-mobile.f18ffe65afa9a4a463f9.jpg)}}.loading-state{align-items:center;display:flex;justify-content:center;min-height:100vh;padding-top:80px}.loading-container{padding:2rem;text-align:center}.loading-spinner{margin-bottom:1.5rem}.spinner{animation:spin 1s linear infinite;border:4px solid #ecead3;border-radius:50%;border-top-color:#f27f12;height:50px;margin:0 auto;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-message{-webkit-text-stroke:.05rem #252530;color:#252530;font-family:Paytone One,sans-serif;font-size:1.2rem;margin:0}@media (max-width:768px){.loading-container{padding:1rem}.loading-message{font-size:1rem}.spinner{border-width:3px;height:40px;width:40px}}.no-quiz-state{min-height:100vh;padding-top:80px}.no-quiz-state .main-content{padding-top:0}.no-quiz-container{margin:0 auto;max-width:600px;padding:2rem}.no-quiz-state .card{background:#0000;text-align:center}.no-quiz-icon{font-size:4rem;margin-bottom:1rem}.no-quiz-title{-webkit-text-stroke:.05rem #252530;color:#252530;font-family:Paytone One,sans-serif;font-size:1.8rem;margin-bottom:1.5rem}.alert-info{background:#6766cc;color:#ecead3}@media (max-width:768px){.no-quiz-container{padding:1rem}.no-quiz-title{font-size:1.5rem}}.hero-section{background:#0000;box-sizing:border-box;color:#fff;font-weight:100;justify-content:center;margin:0 auto;max-width:500px;min-height:clamp(60vh,80vh,80vh);padding:clamp(1rem,4vw,2rem);text-align:center;width:clamp(90vw,80vw,500px)}.hero-content,.hero-section{align-items:center;display:flex}.hero-content{flex-direction:column}.hero-title{-webkit-text-stroke:var(--stroke-s);color:#fbca3d;font-family:Paytone One,sans-serif;font-size:clamp(2rem,8vw,3.5rem);line-height:1.1;margin-bottom:clamp(1rem,3vw,1.5rem)}.hero-description,.hero-title{filter:drop-shadow(5px 5px 0 #252530);font-weight:700;text-align:center}.hero-description{background:#f3eadb;border:3px solid #252530;box-sizing:border-box;color:#252530;font-family:PT Sans,sans-serif;font-size:clamp(1rem,4vw,2rem);line-height:1.4;margin-bottom:clamp(1.5rem,5vw,3rem);margin-left:auto;margin-right:auto;max-width:100%;padding:clamp(.75rem,3vw,1rem)}.hero-buttons{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:300px;width:100%}.hero-pravila-button{background:#6766cc;border:3px solid #252530;border-radius:0;color:#252530;filter:drop-shadow(8px 8px 0 #252530);font-weight:700;text-transform:uppercase;transition:all .2s ease}.hero-pravila-button:hover{background:#5a59b8;filter:drop-shadow(10px 10px 0 #252530);transform:translate(-1px,-1px)}.hero-pravila-button:active{filter:drop-shadow(5px 5px 0 #252530);transform:translate(3px,3px)}.hero-play-button{border-radius:0;color:#252530;filter:drop-shadow(10px 10px 0 #252530);text-transform:uppercase}.hero-play-button:hover{background:#f27f12;filter:drop-shadow(12px 12px 0 #252530)}.next-up-section{margin:3rem 0;text-align:center}.next-up-title{-webkit-text-stroke:var(--stroke-s);color:#fbca3d;filter:drop-shadow(1px 1px 0 #252530);font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.next-quiz-card{background:#6766cc;border:2px solid #252530;box-sizing:border-box;filter:drop-shadow(4px 4px 0 #252530);font-family:Paytone One,sans-serif;margin:0 auto;max-width:500px;padding:clamp(1rem,4vw,2rem);width:clamp(90vw,80vw,500px)}.quiz-title{-webkit-text-stroke:var(--stroke-s);color:#fbca3d;filter:drop-shadow(3px 3px 0 #252530);font-size:clamp(1.5rem,6vw,3rem);font-weight:700;line-height:1.1;margin-bottom:clamp(.5rem,2vw,1rem);text-align:center}.quiz-details{display:flex;flex-direction:column;gap:.5rem}.quiz-date,.quiz-time{-webkit-text-stroke:var(--stroke-s);color:#fbca3d;font-size:clamp(1rem,3vw,1.6rem);font-weight:700;line-height:1.2;text-align:center}.quiz-location{-webkit-text-stroke:0;color:#252530;font-size:clamp(.8rem,2.5vw,1.2rem);line-height:1.3;text-align:center}.next-quiz-card.loading{align-items:center;display:flex;justify-content:center;min-height:120px}.loading-spinner{color:#f3eadb;font-size:1.1rem;font-weight:500}.next-quiz-card.no-quiz{padding:2rem;text-align:center}.next-quiz-card.no-quiz p{-webkit-text-stroke:var(--stroke-xs);color:#f3eadb;font-size:1.1rem;font-style:italic;margin:0}@media (max-width:320px){.hero-section{min-height:50vh;padding:.5rem}.hero-title{font-size:1.8rem;margin-bottom:.75rem}.hero-description{font-size:.9rem;margin-bottom:1rem;padding:.5rem}.next-up-section{margin:1rem 0}.next-up-title{font-size:1rem;margin-bottom:.75rem}.next-quiz-card{padding:.75rem}.quiz-title{font-size:1.2rem;margin-bottom:.5rem}.quiz-date,.quiz-time{font-size:.9rem}.quiz-location{font-size:.7rem}.hero-buttons{gap:.75rem;max-width:250px}.hero-play-button,.hero-pravila-button{font-size:.7rem;padding:.5rem .75rem;width:100%}}@media (max-width:480px) and (min-width:321px){.hero-section{min-height:60vh;padding:.75rem}.hero-title{font-size:2.2rem;margin-bottom:1rem}.hero-description{font-size:1.1rem;margin-bottom:1.5rem;padding:.75rem}.next-up-section{margin:1.5rem 0}.next-up-title{font-size:1.2rem;margin-bottom:1rem}.quiz-title{font-size:1.8rem;margin-bottom:.75rem}.quiz-date,.quiz-time{font-size:1.1rem}.quiz-location{font-size:.9rem}.hero-buttons{gap:.875rem;max-width:280px}.hero-play-button,.hero-pravila-button{font-size:.8rem;padding:.75rem 1rem;width:100%}}@media (max-width:768px) and (min-width:481px){.hero-section{min-height:70vh;padding:1rem}.hero-title{font-size:2.8rem}.hero-description{font-size:1.4rem;padding:1rem}.next-up-title{font-size:1.5rem}.quiz-title{font-size:2.2rem}.quiz-date,.quiz-time{font-size:1.3rem}.quiz-location{font-size:1rem}}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#f3eadb;border:3px solid #252530;border-radius:0;box-sizing:border-box;filter:drop-shadow(8px 8px 0 #252530);max-height:75vh;max-width:90vw;max-width:600px;overflow:hidden;position:relative;width:100%}.modal-header{align-items:center;background:#6766cc;border-bottom:2px solid #252530;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-title{-webkit-text-stroke:var(--stroke-s);color:#fbca3d;font-family:Paytone One,sans-serif;font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.1;margin:0}.modal-close,.modal-title{filter:drop-shadow(3px 3px 0 #252530);font-weight:700}.modal-close{align-items:center;background:#f27f12;border:2px solid #252530;border-radius:0;color:#252530;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.modal-close:hover{background:#fbca3d;filter:drop-shadow(4px 4px 0 #252530);transform:translate(-1px,-1px)}.modal-close:active{filter:drop-shadow(1px 1px 0 #252530);transform:translate(2px,2px)}.modal-body{color:#252530;font-family:PT Sans,sans-serif;line-height:1.6;max-height:70vh;overflow-y:auto;padding:2rem}@media (max-width:768px){.modal-overlay{padding:.5rem}.modal-content{max-height:70vh;max-width:95vw}.modal-header{padding:1rem 1.5rem}.modal-title{font-size:1.8rem}.modal-close{font-size:1.2rem;height:35px;width:35px}.modal-body{padding:1.5rem}}@media (max-width:480px){.modal-header{padding:.75rem 1rem}.modal-title{font-size:1.5rem}.modal-close{font-size:1rem;height:30px;width:30px}.modal-body{font-size:.9rem;padding:1rem}}.rules-modal .modal-body{padding:2rem}.rules-content{gap:2rem}.rules-content,.rules-section{display:flex;flex-direction:column}.rules-section{gap:1rem}.rules-section-title{-webkit-text-stroke:var(--stroke-xs);color:#fbca3d;filter:drop-shadow(2px 2px 0 #252530);font-family:Paytone One,sans-serif;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;line-height:1.2;margin:0}.rules-text{color:#252530;font-family:PT Sans,sans-serif;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.6;margin:0;text-align:justify}.rules-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.rules-list-item{background:#f8f6f0;border:2px solid #252530;border-radius:0;box-sizing:border-box;color:#252530;font-family:PT Sans,sans-serif;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.6;padding:1rem;position:relative}.rules-list-item:before{color:#f27f12;content:"▶";filter:drop-shadow(2px 2px 0 #252530);font-size:1.1em;font-weight:700;margin-right:.5rem}.rules-list-item strong{color:#6766cc;font-weight:700}@media (max-width:768px){.rules-modal .modal-body{padding:1.5rem}.rules-content{gap:1.5rem}.rules-list,.rules-section{gap:.75rem}.rules-list-item{padding:.75rem}}@media (max-width:480px){.rules-modal .modal-body{padding:1rem}.rules-content{gap:1rem}.rules-list,.rules-section{gap:.5rem}.rules-list-item{font-size:.9rem;padding:.5rem}.rules-text{font-size:.9rem}.rules-section-title{font-size:1.1rem}}.card{box-sizing:border-box;filter:drop-shadow(6px 6px 0 #252530);margin:0 auto;max-width:500px;padding:clamp(1rem,4vw,2rem);width:clamp(280px,80vw,500px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.card-title{color:#333;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700;line-height:1.3;margin:0}.card-subtitle{color:#666;font-size:clamp(.8rem,2.5vw,1rem);line-height:1.4;margin:.5rem 0 0}.card-header-content{align-items:center;display:flex;gap:1rem}.card-body{padding:0}.card-footer{border-top:1px solid #eee;display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.card-outlined{border:2px solid #ddd;box-shadow:none}.card-elevated{box-shadow:0 8px 16px #00000026}.card-flat{background:#f8f9fa;border:none;box-shadow:none}@media (max-width:320px){.card{margin:.5rem auto;padding:.75rem;width:95vw}.card-title{font-size:1.1rem;line-height:1.2}.card-subtitle{font-size:.7rem;line-height:1.3}.card-header{align-items:flex-start;margin-bottom:.5rem;padding-bottom:.5rem}.card-footer,.card-header{flex-direction:column;gap:.5rem}}@media (max-width:480px) and (min-width:321px){.card{margin:.75rem auto;padding:1rem;width:90vw}.card-title{font-size:1.3rem;line-height:1.25}.card-subtitle{font-size:.85rem;line-height:1.35}.card-header{margin-bottom:.75rem;padding-bottom:.75rem}}@media (max-width:768px) and (min-width:481px){.card{margin:1rem auto;padding:1.25rem;width:85vw}.card-title{font-size:1.4rem}.card-subtitle{font-size:.9rem}}.form-label{color:#555;display:block;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem}.form-label.required:after{color:#dc3545;content:" *"}.form-label.optional:after{color:#999;content:" (optional)";font-size:.8rem;font-weight:400;text-transform:none}.form-label.inline{display:inline-block;margin-bottom:0;margin-right:1rem}.form-label.small{font-size:.8rem}.form-label.large{font-size:1.1rem}.form-input{background-color:#ecead3;border:3px solid #252530;box-sizing:border-box;filter:drop-shadow(3px 3px 0 #252530);font-family:PT Sans,sans-serif;font-size:clamp(.9rem,2.5vw,1rem);font-weight:700;min-height:44px;padding:clamp(8px,2vw,12px);transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#6766cc;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.6}.form-input::placeholder{color:#999;opacity:1}.form-input-sm{font-size:clamp(.8rem,2vw,.9rem);min-height:36px;padding:clamp(6px,1.5vw,8px) clamp(8px,2vw,12px)}.form-input-lg{font-size:clamp(1rem,3vw,1.1rem);min-height:52px;padding:clamp(12px,3vw,16px) clamp(16px,4vw,20px)}@media (max-width:320px){.form-input{font-size:.8rem;min-height:40px;padding:6px 8px}.form-input-sm{font-size:.7rem;min-height:32px;padding:4px 6px}.form-input-lg{font-size:.9rem;min-height:48px;padding:8px 12px}}@media (max-width:480px) and (min-width:321px){.form-input{font-size:.85rem;min-height:42px;padding:8px 10px}.form-input-sm{font-size:.75rem;min-height:34px;padding:6px 8px}.form-input-lg{font-size:.95rem;min-height:50px;padding:10px 14px}}@media (max-width:768px) and (min-width:481px){.form-input{font-size:.9rem;padding:10px 12px}.form-input-sm{font-size:.8rem;padding:7px 10px}.form-input-lg{font-size:1rem;padding:12px 16px}}.form-group{margin-bottom:clamp(.75rem,2vw,1rem)}.form-group label{color:#252530;display:block;font-family:PT Sans,sans-serif;font-size:clamp(.8rem,2.5vw,1rem);font-weight:700;margin-bottom:clamp(.1rem,.5vw,.2rem)}.form-group .required{color:#dc3545}.form-error{color:#dc3545;font-size:clamp(.7rem,2vw,.9rem)}.form-error,.form-help{display:block;line-height:1.3;margin-top:clamp(.1rem,.5vw,.25rem)}.form-help{color:#252530;font-family:PT Sans,sans-serif;font-size:clamp(.6rem,1.5vw,.7rem);font-weight:700}.form-actions{align-items:center;display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1rem);justify-content:center;margin-top:clamp(1.5rem,4vw,2rem)}.form-group.has-error .form-input{border-color:#dc3545}.form-group.has-error .form-label{color:#dc3545}.form-input.error{border-color:#dc3545}.cancel-button{min-width:120px;width:clamp(120px,30%,200px)}.cancel-button:hover{background-color:#5a6268}@media (max-width:320px){.form-group{margin-bottom:.5rem}.form-group label{font-size:.7rem;margin-bottom:.1rem}.form-error{font-size:.6rem;margin-top:.1rem}.form-help{font-size:.5rem;margin-top:.1rem}.form-actions{gap:.5rem;margin-top:1rem}.cancel-button{min-width:auto}}@media (max-width:480px) and (min-width:321px){.form-group{margin-bottom:.75rem}.form-group label{font-size:.8rem;margin-bottom:.15rem}.form-error{font-size:.7rem;margin-top:.15rem}.form-help{font-size:.6rem;margin-top:.15rem}.form-actions{gap:.75rem;margin-top:1.25rem}.cancel-button{min-width:100px}}@media (max-width:768px) and (min-width:481px){.form-group{margin-bottom:.875rem}.form-group label{font-size:.9rem}.form-error{font-size:.8rem}.form-help{font-size:.65rem}.form-actions{gap:.875rem;margin-top:1.5rem}.cancel-button{min-width:120px}}.feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;padding:2rem}.feature h3{font-size:1.3rem;margin-bottom:1rem}.feature p{margin:0}.alert{border:3px solid #252530;filter:drop-shadow(var(--drop-shadow-6));font-family:PT Sans,sans-serif;margin-bottom:1rem;padding:15px;position:relative}.alert-success{background:#d4edda;border-color:#c3e6cb;color:#155724}.alert-error{background:#f8d7da;color:#721c24}.alert-info{background:#d1ecf1;border-color:#bee5eb;color:#0c5460}.alert-warning{background:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-dismissible{padding-right:50px}.alert-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;line-height:1;padding:15px;position:absolute;right:0;top:0}.alert-close:hover{opacity:.7}.landing-page{min-height:100vh}.main-content{align-items:center;display:flex;justify-content:center}@media (max-width:768px){.steps{grid-template-columns:1fr}.marketing-title{font-size:2rem}.marketing-features{grid-template-columns:1fr}.next-quiz-card{padding:1.5rem;width:80vw}.quiz-details{gap:.3rem}}.player-info-page{min-height:100vh}.player-info-container{align-items:center;display:flex;justify-content:center;max-width:500px;width:80vw}.player-form{margin:0 auto;max-width:500px}.player-info-card{background:#fccb3e;max-width:500px;width:80vw}.player-info-card .card-header{color:#252530;justify-content:center}.player-info-card .card-title{font-family:Paytone One,sans-serif;font-size:2rem}@media (max-width:768px) and (min-width:480px){.player-info-card{width:80vw}}@media (max-width:480px) and (min-width:320px){.player-info-card{width:80vw}.player-info-card .card-title{font-size:1.6rem}}@media (max-width:320px){.player-info-container{padding:0}.player-info-card{width:80vw}.player-info-card .card-title{font-size:1.6rem}.card-header .card-title{font-size:1.6rem;padding:0}.card-body{padding:0}.form-label{font-size:.8rem}}.verification-page{min-height:100vh}.verification-container{align-items:center;display:flex;justify-content:center}.verification-card{background:#fccb3e;max-width:500px}.verification-card .card-header{color:#252530;justify-content:center;text-align:center}.card-title{font-family:Paytone One,sans-serif;font-size:2rem}.verification-form{margin:0 auto;max-width:400px}.verification-info{font-family:PT Sans,sans-serif}.verification-info,.verification-info-box{background:#ecead3;border:3px solid #252530;filter:drop-shadow(4px 4px 0 #252530);margin:1.5rem 0;padding:1.5rem}.verification-info-box{font-family:Paytone One,sans-serif}.info-item{color:#555;margin-bottom:.5rem}.info-item:last-child{margin-bottom:0}.verification-code-display{background:#252530;border-radius:8px;color:#fccb3e;font-weight:700;margin-top:1rem;padding:1rem;text-align:center}.verification-code-value{display:block;font-family:Courier New,monospace;font-size:1.5rem;letter-spacing:.3rem;margin-top:.5rem}.verification-input{font-size:1.5rem;font-weight:700;letter-spacing:.5rem;text-align:center}.verification-help{display:flex;flex-direction:column;font-family:Paytone One,sans-serif;margin-top:1rem;text-align:center}.resend-button,.verification-help{align-items:center;justify-content:center}.resend-button{font-size:.8rem;width:20%}.verification-help p{color:#666;margin-bottom:1rem}@media (max-width:480px){.verification-info-box{font-size:1.6rem}.verification-info{font-size:.9rem;padding:.8rem}.verification-input{font-size:1.1rem}.verification-form-group-button{font-size:.8rem}.verification-help{font-size:.8rem;margin-top:.8rem;padding-top:0}.verification-help p{font-size:.8rem;margin-bottom:.5rem}.verification-info-box{font-size:.9rem;padding:.8rem}.verification-info-box h3{font-size:1.1rem}.verification-info-box p{font-size:.8rem}}.quiz-page{min-height:100vh;padding-top:80px}.quiz-main-content{padding-top:0}.quiz-container{margin:0 auto;max-width:800px;padding:2rem}.question-card{background:#0000;margin-bottom:2rem}.question-header{align-items:center;display:flex;font-family:Paytone One,sans-serif;justify-content:space-between;padding-bottom:1rem}.question-number{background:#ecead3}.question-number,.timer{border:3px solid #252530;color:#333;filter:drop-shadow(3px 3px 0 #252530);font-weight:700;padding:4px 10px}.timer{background:#f27f12;font-size:1.1rem}.quiz-progress{background:#fff3;border-radius:20px;font-weight:700;padding:4px 10px}.timer-warning{animation:pulse 1s infinite;background:#f27f12!important}.timer-expired{background:#f44!important;opacity:.8}.question-image-container{margin:1rem auto;max-width:500px;width:100%}.question-image{aspect-ratio:16/9;filter:drop-shadow(6px 6px 0 #252530);height:auto;margin:1rem 0;max-width:500px;object-fit:cover;width:100%}.question-image,.question-text{background:#6766cc;border:3px solid #252530}.question-text{-webkit-text-stroke:.05rem #252530;color:#ecead3;filter:drop-shadow(3px 3px 0 #252530);font-family:Paytone One,sans-serif;font-size:1.2rem;line-height:1.6;margin:1.5rem 0;padding:1.5rem;text-align:center}.answer-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:1.5rem 0}.option{align-items:center;background:#ecead3;border:2px solid #252530;cursor:pointer;display:flex;filter:drop-shadow(3px 3px 0 #252530);font-family:Paytone One,sans-serif;justify-content:center;margin:10px 0;padding:10px;text-align:center;transition:all .3s ease;width:100%}.option:hover{background:#ecead3;filter:drop-shadow(1px 1px 0 #252530)}.option.selected{background:#fccb3e;color:#252530}.option input[type=radio]{display:none;margin-right:10px}.text-answer{border:3px solid #252530;filter:drop-shadow(3px 3px 0 #252530);font-family:Paytone One,sans-serif;font-size:1rem;min-height:100px;padding:15px;resize:vertical;width:100%}.text-answer:focus{border-color:#667eea;outline:none}.audio-player{margin:1rem 0;text-align:center}.audio-player audio{max-width:400px;width:100%}.text-answer-container{margin:1.5rem 0}.question-actions{display:flex;flex-direction:row;justify-content:space-around;text-align:center}@media (max-width:768px){.question-header{flex-direction:row;gap:1rem}.quiz-container{padding:0}}@media (max-width:480px){.question-image,.question-image-container{max-width:300px}.question-text{font-size:1rem}}.timer-expired-message{background:#f44;border:3px solid #252530;color:#fff;filter:drop-shadow(3px 3px 0 #252530);font-weight:700;margin:1rem 0;padding:1rem;text-align:center}.option.disabled{background:#f5f5f5;opacity:.6}.option.disabled,.option.disabled input[type=radio]{cursor:not-allowed}.text-answer.disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6;resize:none}.thank-you-page{min-height:100vh;padding-top:80px}.thank-you-main-content{padding-top:0}.thank-you-content{margin:0 auto;max-width:600px;text-align:center}.sucess-container{background:#6766cc;border:3px solid #252530;color:#e9e7d1;margin-bottom:2rem;padding:1rem}.success-icon{font-size:4rem;margin-bottom:1rem}.thank-you-title{font-size:2.5rem;margin-bottom:2rem}.player-info-title,.thank-you-title{color:#252530;font-family:PT Sans,sans-serif;font-weight:700}.player-info-title{font-size:1.5rem;margin-bottom:1rem}.player-info{background:#e9e7d1;border:3px solid #252530;color:#252530;margin:2rem 0;padding:1.5rem}.player-info p{font-weight:100;margin-bottom:.5rem}.player-info p:last-child{margin-bottom:0}.results-summary{background:#fccb3e;border:3px solid #252530;color:#fff;margin:2rem 0;padding:2rem}.results-summary h3{color:#252530;font-size:1.5rem;margin-bottom:1.5rem}.score-display{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.score-main{color:#252530;font-size:3rem;font-weight:700}.score-total{font-size:2rem}.score-percentage{background:#fccb3e;filter:drop-shadow(4px 4px 0 #252530);font-size:2rem;font-weight:700;padding:.5rem 1rem}.next-quiz-info,.score-percentage{border:3px solid #252530;color:#252530}.next-quiz-info{background:#ebe9d2;margin:2rem 0;padding:2rem}.next-quiz-info h3{color:#252530;font-size:2rem;margin-bottom:1rem}.social-links{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:center;margin-top:1rem}.social-button{border:3px solid #252530;display:inline-block;filter:drop-shadow(4px 4px 0 #252530);font-weight:700;margin:.5rem;padding:12px 24px;text-decoration:none;transition:all .3s ease}.social-button svg{height:30px;width:30px}.social-button.facebook{background:#3b5998;color:#fff}.social-button.instagram{background:#e4405f;color:#fff}.social-button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.quiz-feedback{background:#ebe9d2;border:3px solid #252530;color:#252530;margin-top:2rem;padding:2rem}.quiz-feedback h3{color:#333;margin-bottom:1rem}.quiz-feedback p{color:#666;line-height:1.6}@media (max-width:768px){.sucess-container{flex-direction:column}.success-icon{font-size:2rem}.thank-you-title{font-size:1.5rem}.thank-you-content{max-width:100%}.social-links{flex-direction:column}}.error-404-page{align-items:center;background:linear-gradient(135deg,var(--secondary-color) 0,#f8f9fa 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-4)}.error-container{grid-gap:var(--spacing-6);align-items:center;display:grid;gap:var(--spacing-6);grid-template-columns:1fr;max-width:1200px;width:100%}@media (min-width:768px){.error-container{gap:var(--spacing-8);grid-template-columns:1fr 1fr}}.error-content{order:2;text-align:center}@media (min-width:768px){.error-content{order:1;text-align:left}}.error-number{animation:bounce 2s infinite;color:var(--primary-color);font-family:var(--primary-font);font-size:clamp(4rem,12vw,8rem);line-height:.8;margin-bottom:var(--spacing-3);text-shadow:var(--drop-shadow-6)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.error-title{color:var(--tertiary-color);font-family:var(--primary-font);font-size:var(--header-font-size);line-height:1.2;margin-bottom:var(--spacing-3)}.error-description{color:#666;font-family:var(--secondary-font);font-size:var(--body-font-size);line-height:1.6;margin-bottom:var(--spacing-5);margin-left:auto;margin-right:auto;max-width:500px}@media (min-width:768px){.error-description{margin-left:0;margin-right:0}}.error-actions{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-3)}@media (min-width:480px){.error-actions{flex-direction:row;justify-content:center}}@media (min-width:768px){.error-actions{justify-content:flex-start}}.error-illustration{align-items:center;display:flex;justify-content:center;order:1;padding:var(--spacing-4)}@media (min-width:768px){.error-illustration{order:2}}.quiz-icon{align-items:center;animation:pulse 3s infinite;background:linear-gradient(135deg,var(--primary-color),var(--quinary-color));border-radius:50%;box-shadow:var(--drop-shadow-9);color:#fff;display:flex;font-family:var(--primary-font);font-size:clamp(3rem,8vw,5rem);height:clamp(120px,20vw,200px);justify-content:center;position:relative;width:clamp(120px,20vw,200px)}.quiz-icon:before{animation:ripple 2s infinite;border:3px solid var(--primary-color);border-radius:50%;bottom:-10px;content:"";left:-10px;opacity:.3;position:absolute;right:-10px;top:-10px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes ripple{0%{opacity:.3;transform:scale(.8)}to{opacity:0;transform:scale(1.2)}}@media (max-width:480px){.error-404-page{padding:var(--spacing-2)}.error-container{gap:var(--spacing-4)}.btn{min-width:150px;padding:var(--spacing-2) var(--spacing-4)}}@media (prefers-color-scheme:dark){.error-404-page{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.error-title{color:#f0f0f0}.error-description{color:#ccc}}
/*# sourceMappingURL=main.4d51e4e7.css.map*/