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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container{align-items:center;background-color:#f9f9f9;display:flex;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:5px solid #0003;border-radius:50%;border-top-color:#007bff;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-daily-movie-container{align-items:center;background-color:#fdf8f2;display:flex;height:100vh;justify-content:center}.no-daily-movie-card{background-color:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 4px 16px #0003;max-width:400px;padding:2rem;text-align:center}.no-daily-movie-title{color:#333;margin-bottom:1rem}.no-daily-movie-text{color:#555;font-size:1rem}*{box-sizing:border-box;font-family:Exo,serif;font-optical-sizing:auto;font-style:normal;font-weight:500;margin:0;padding:0}@media screen and (max-width:768px){.hide-on-mobile{display:none}.header-container{align-items:center;display:flex;flex-direction:row;gap:.6rem;justify-content:center;padding:.5rem .75rem}.header-left,.mode-switch-group,.right-section,.side-menu{display:contents!important;flex:initial!important}.challenge-container,.challenge-icon,.leaderboard-icon,.logo,.logo-box,.logo-text{display:none!important}.stats-icon,.trivia-icon{height:1.6rem;margin:0;width:1.6rem}.mode-switch{font-size:.65rem;padding:.25rem .5rem;white-space:nowrap}.mode-switch-badge{display:none}.attemps-box.flex-start-on-mobile,.input-group-box.flex-start-on-mobile{justify-content:flex-start}.attemps-box.flex-start-on-mobile .attempts{width:90vw}.attempts-title.wider-on-mobile,.audio-player.wider-on-mobile,.game-container .game-over .audio-box .audio-player,.input-group.wider-on-mobile{width:100%}.logo-text{display:none}}.light-mode{--bg-color:#fff;--text-color:#333;--accent-color:#007bff;--border-color:#ccc;--box-shadow-color:#00000026}.dark-mode{--bg-color:#121212;--text-color:#fff;--accent-color:#bb86fc;--border-color:#666;--box-shadow-color:#ffffff1a}body{background-color:var(--bg-color);color:var(--text-color);font-family:Helvetica Neue,Arial,sans-serif;transition:background-color .3s ease,color .3s ease}.header-container{background-color:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#ecf0f1;justify-content:space-between;min-height:3rem;padding:.4rem}.header-container,.header-left{align-items:center;display:flex}.header-left{gap:.6rem}.header-right{align-items:center;display:flex;justify-content:flex-end;min-width:3rem}.trivia-icon{cursor:pointer;height:2rem;margin-left:1rem;transition:transform .3s ease;width:2rem}.trivia-icon:hover{transform:scale(1.1)}.logo-box{align-items:center;color:#ffd43b;cursor:pointer;display:flex;left:50%;position:absolute;transform:translateX(-50%)}.logo{height:2.5rem;max-width:300px}.logo-text{font-weight:700;margin-left:.5rem}.logo-box:hover{transform:translateX(-50%) scale(1.1)}.right-section{align-items:center;display:flex;flex:1 1;justify-content:flex-end}.mode-switch-group{display:flex;gap:.5rem;margin-right:.8rem}.mode-switch{background-color:#1f2d3a;border:1px solid #ffd43b;border-radius:999px;color:#ffd43b;cursor:pointer;font-size:.85rem;font-weight:700;padding:.35rem .7rem;position:relative;transition:transform .2s ease,background-color .2s ease}.mode-switch.active{background-color:#ffd43b;color:#2c3e50}.mode-switch-badge{animation:shine 2s infinite;background:linear-gradient(45deg,#ffe033,#ff5733);border-radius:10px;box-shadow:0 2px 5px #0003;color:#fff;font-size:.55rem;font-weight:700;padding:2px 6px;pointer-events:none;position:absolute;right:-10px;top:-8px}.mode-switch:hover{background-color:#ffd43b;color:#2c3e50;transform:translateY(-1px)}.challenge-container{display:inline-flex;margin-right:1rem;position:relative}.challenge-icon{cursor:pointer;height:2rem;transition:transform .3s ease;width:2rem}.challenge-icon:hover{transform:scale(1.1)}.stats-icon{cursor:pointer;height:2rem;margin-right:1rem;transition:transform .3s ease;width:2rem}.stats-icon:hover{transform:scale(1.1)}.new-badge{animation:shine 2s infinite;background:linear-gradient(45deg,#ffe033,#ff5733);border-radius:10px;box-shadow:0 2px 5px #0003;color:#fff;font-size:.6rem;font-weight:700;padding:3px 6px;position:absolute;right:-15px;top:-8px;z-index:1}@keyframes shine{0%{box-shadow:0 0 5px #ffffff4d}50%{box-shadow:0 0 20px #fffc,0 0 30px #ffd70099}to{box-shadow:0 0 5px #ffffff4d}}.leaderboard-icon{cursor:pointer;height:2rem;margin-right:1rem;transition:transform .3s ease;width:2rem}.leaderboard-icon:hover{transform:scale(1.1)}.theme-toggle{background:#0000;border:none;border-radius:50%;color:var(--background-color);cursor:pointer;font-size:1.2rem;height:3rem;transition:background-color .2s ease,color .2s ease;vertical-align:top;width:3rem}.theme-toggle:hover{background-color:var(--text-color);color:var(--bg-color)}.game-container{align-items:center;background-color:var(--bg-color);display:flex;flex-direction:column;justify-content:center;margin:auto}.main-content{padding:0 1.5rem 4rem}@media (max-width:768px){.main-content{padding-bottom:9rem}}.game-over{text-align:center}.status-message{font-size:1.5rem;margin-bottom:1rem}.game-status-icon{height:1.4rem;width:1.4rem}.game-over .btn-primary{padding:.75rem 1.5rem}.daily-five-score{align-items:center;display:flex;flex-direction:column;gap:.4rem;margin:1rem 0 .5rem}.daily-five-score-value{color:#2c3e50;font-size:1.4rem;font-weight:700}.daily-five-score-rating{align-items:center;background-color:#f9f9f9;border:1px solid var(--border-color);border-radius:999px;display:inline-flex;font-size:1rem;gap:.4rem;padding:.3rem .8rem}.daily-five-score-emoji{font-size:1.1rem}.daily-five-score-label{font-weight:700}.daily-five-score-description{color:#555;font-size:.95rem;max-width:420px;text-align:center}.daily-five-answers{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:1rem 0 1.5rem}.daily-five-answer{background-color:#f9f9f9;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #00000014;font-size:.95rem;padding:.5rem .75rem}.daily-five-answer.correct{border-color:#2ecc7199}.daily-five-answer.wrong{border-color:#e74c3c99}.game-active .quote-counter{font-size:2rem;font-weight:900;text-align:center}.quote-text{background-color:#f9f9f9;border:2px solid #ccc;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#333;display:flex;font-size:1.3rem;font-style:italic;line-height:1.6;margin:1rem auto;max-width:720px;padding:1rem 1.5rem;position:relative;text-align:justify}.quote-text:after,.quote-text:before{color:#ccc;content:'"';font-size:3rem;position:absolute}.quote-text:before{left:.5rem;top:-.5rem}.quote-text:after{bottom:-.5rem;right:.5rem}.quote-text:hover{background-color:#f3f3f3;border-color:#bbb;transition:all .3s ease-in-out}.audio-box{margin:0}.audio-box,.audio-player{align-items:center;display:flex;justify-content:center}.audio-player{margin:.2rem 0 .8rem;width:30vw}.audio-player::-webkit-media-controls-panel{background-color:#dadee2fb;border-radius:8px}.input-group-box{align-items:center;display:flex;justify-content:center;margin:0}.input-group{display:flex;margin:.5rem,0;width:30vw}.input-text{background-color:var(--bg-color);border:2px solid var(--border-color);border-radius:8px 0 0 8px;border-right:none;color:var(--text-color);flex:1 1;font-size:1.1rem;padding:.5rem 1rem;transition:border-color .2s ease;width:30vw}.input-text:focus{border-color:#ffd43b;outline:none}.btn-primary{background-color:#2c3e50;border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1.25rem;transition:background-color .2s ease}.btn-primary:hover{background-color:#ffd43b;color:#2c3e50}.guess-container{margin:0 auto;max-width:30vw;width:100%}.previous-guesses{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-top:1rem}.guess-item{background-color:#f9f9f9;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;font-size:1rem;padding:.5rem 1rem;text-align:center;transition:background-color .3s ease,transform .3s ease;width:calc(49% - .25rem)}.guess-item:hover{background-color:#f3f3f3;border-color:#bbb;transform:scale(1.05)}@media (max-width:768px){.guess-container{max-width:90%}.previous-guesses{gap:.4rem;justify-content:center}.guess-item{font-size:.9rem;padding:.4rem .8rem;width:100%}}@media (max-width:480px){.guess-container{max-width:95%}.previous-guesses{gap:.3rem}.guess-item{font-size:.85rem;padding:.3rem .6rem}}.poster-container{align-items:center;background-color:#fff;border:2px solid #444;border-radius:16px;box-shadow:0 10px 20px #00000080;display:flex;height:360px;justify-content:center;margin:.5rem auto;overflow:hidden;position:relative;width:720px}.poster-image{border-radius:16px;height:100%;object-fit:fill;padding:.3rem;width:100%}.final-poster-image{box-shadow:0 4px 8px var(--box-shadow-color);margin:.5rem 0 0;max-height:500px;max-width:100%;transition:transform .3s ease}.poster-image:hover{transform:scale(1.05)}.input-group{position:relative}@media (max-width:768px){.poster-container{border-radius:12px;box-shadow:0 8px 16px #0006;height:auto;width:80%}.poster-image{object-fit:contain;padding:.2rem}}@media (max-width:480px){.poster-container{border-radius:8px;box-shadow:0 6px 12px #0000004d;height:220px;width:90%}.poster-image{object-fit:cover;padding:.1rem}}.search-results{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 8px var(--box-shadow-color);left:0;list-style:none;margin:0;max-height:150px;overflow-y:auto;padding:0;position:absolute;top:100%;transition:opacity .3s ease,visibility .3s ease;width:100%;z-index:10}.search-result-item{cursor:pointer;padding:.5rem;transition:background-color .2s ease}.search-result-item:hover{background-color:#ffd43b;color:#2c3e50}.progress-bar{align-items:center;justify-content:center;margin:.4rem 0}.progress-block{background-color:var(--border-color);border-radius:20%;cursor:pointer;height:30px;margin-right:10px;transition:background-color .3s ease,box-shadow .3s ease;width:30px}.progress-block.active{background-color:#ffd43b;box-shadow:0 4px 6px #c8963280}.progress-block.completed{background-color:#2c3e50;box-shadow:0 4px 6px #32323266;opacity:.8}.progress-block.success{background-color:green;box-shadow:0 0 10px green}.progress-block.series-match{background-color:#3498db;box-shadow:0 0 10px #3498db}.game-over-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.daily-five-cta{background-color:#f9f9f9;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 10px #00000014;color:#2c3e50;cursor:pointer;font-size:.95rem;margin-top:1rem;max-width:520px;padding:.75rem 1.25rem}.daily-five-cta:hover{background-color:#fff4cc;border-color:#ffd43b}.share-result-button,.show-poster-button{background-color:#2c3e50;border:none;border-radius:8px;color:#ffd43b;cursor:pointer;font-size:1rem;padding:.5rem 1.25rem;transition:background-color .2s ease}.footer-container{align-items:center;background-color:#2c3e50;bottom:0;box-shadow:0 2px 4px #0000001a;color:#ecf0f1;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:.5rem;position:fixed;right:0;width:100%;z-index:1000}.footer-container .footer-links{flex:1 1;justify-content:center}@media (max-width:768px){.footer-container{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:space-between;padding:.6rem}.footer-container .share-buttons{flex:0 0 auto;flex-wrap:nowrap;gap:.35rem;justify-content:flex-start}.footer-container .support-button{flex:0 0 auto}.footer-container .footer-links{flex:1 1;justify-self:center}.share-image,.support-image{height:1.4rem;width:1.4rem}.support-image{margin-right:0}}.support-button{align-items:center;color:#fff;display:flex;text-decoration:none}.support-image{border-radius:2rem;height:2rem;margin-right:1rem;transition:transform .3s ease;width:2rem}.support-image:hover{transform:scale(1.1)}.share-buttons{align-items:center;display:flex;gap:.5rem;justify-content:center}.share-image{cursor:pointer;height:2rem;margin-right:.2rem;transition:transform .3s ease;width:2rem}.share-image:hover{transform:scale(1.1)}.email-box{align-items:center;display:flex;justify-content:center}.email-icon{cursor:pointer;height:2rem;margin-left:1rem;transition:transform .3s ease;width:2rem}.email-icon:hover{transform:scale(1.05)}.copied-text-email{animation:fade-in-out 2s ease forwards;color:#f0be61;display:inline-block;font-size:1rem;margin-left:.5rem}.progress-bar-container{display:inline-block;position:relative}.progress-bar{display:flex;gap:.5rem}.banner{animation:fade-in-out 10s ease forwards;background-color:#f9f9f9;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#333;font-size:1rem;font-weight:700;left:15%;max-width:30rem;padding:.5rem .8rem;position:absolute;text-align:left;top:63%;transform:translateY(-50%);z-index:1000}@keyframes fade-in-out{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.poster-transition{opacity:0;transition:opacity 1s ease-in-out}.poster-transition.loaded{opacity:1}.final-poster-container{display:inline-block;position:relative}.poster-link{display:block;position:relative}.tooltip{background-color:#000000d9;border-radius:6px;bottom:50%;color:#fff;font-size:16px;font-weight:700;left:50%;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden;white-space:nowrap;z-index:9999}.poster-link:hover .tooltip{opacity:1;visibility:visible}.side-menu{align-items:center;display:flex}.menu-button{background:#0000;border:1px solid #ffd43b99;border-radius:8px;cursor:pointer;display:inline-flex;flex-direction:column;gap:4px;margin-left:.8rem;padding:.35rem}.menu-button:hover{background-color:#ffd43b26}.menu-bar{background-color:#ffd43b;border-radius:999px;display:block;height:2px;width:20px}.side-drawer{background-color:#1f2d3a;box-shadow:6px 0 16px #0000004d;color:#ecf0f1;display:flex;flex-direction:column;height:100vh;left:0;padding:1.25rem 1rem;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease;width:min(320px,86vw);z-index:1200}.side-drawer.open{transform:translateX(0)}.side-drawer-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-bottom:.75rem}.side-drawer-title{font-size:1.1rem;font-weight:700;letter-spacing:.5px}.drawer-close{background:#0000;border:1px solid #ffd43b99;border-radius:999px;color:#ffd43b;cursor:pointer;font-size:.85rem;padding:.3rem .75rem}.drawer-close:hover{background-color:#ffd43b26}.side-drawer-body{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.drawer-intro{color:#c7d2dc;font-size:.95rem}.drawer-links{display:flex;flex-direction:column;gap:.65rem}.drawer-links-spacer{height:.75rem}.drawer-link{background-color:#2c3e50;border:1px solid #ffd43b33;border-radius:12px;color:#ecf0f1;cursor:pointer;display:flex;flex-direction:column;gap:.35rem;padding:.75rem .85rem;text-align:left;transition:transform .2s ease,border-color .2s ease}.drawer-link:hover{border-color:#ffd43b99;transform:translateY(-1px)}.drawer-link-title{font-size:.95rem;font-weight:700}.drawer-link-description{color:#c7d2dc;font-size:.85rem}.side-drawer-backdrop{background-color:#0006;border:none;cursor:pointer;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1100}@media screen and (max-width:768px){.menu-button{margin-left:0}}.footer-links{align-items:center;display:flex;flex-wrap:wrap;font-size:.9rem;gap:.9rem;justify-content:center;row-gap:.5rem;width:100%}.footer-link{color:#ffd43b;font-weight:600;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#fff}.footer-separator{color:#ffd43bb3}@media (max-width:768px){.footer-links{display:flex;justify-content:center;text-align:center}.footer-link:not(.footer-link-primary),.footer-separator{display:none}}.stats-page{color:#333}.stats-title{color:var(--text-color);font-size:1.3rem;font-weight:700}.stats-container{background-color:#fff;border:2px solid #ccc;border-radius:12px;box-shadow:0 4px 8px #0000001a,0 1px 3px #0000000d;margin:2rem auto;max-width:800px;padding:2rem}.stats-container:hover{box-shadow:0 6px 12px #0003,0 2px 4px #0000001a;transform:translateY(-2px);transition:transform .3s ease,box-shadow .3s ease}.guess-distribution{margin-top:1rem;text-align:left}.guess-title{color:var(--text-color);font-size:1.3rem;font-weight:700}.stats-overview{flex-wrap:wrap;gap:1rem;justify-content:space-around;margin-top:1.5rem}.stats-box,.stats-overview{align-items:center;display:flex}.stats-box{background-color:#f3f0f0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;flex-direction:column;justify-content:center;padding:.5rem;text-align:center;transition:transform .3s ease;width:calc(20% - 1rem)}.stats-box:hover{box-shadow:0 4px 8px #00000026;transform:scale(1.05)}.stats-label{color:#666;font-size:1rem;font-weight:700;margin-bottom:.5rem}.stats-value{color:#333;font-size:1.5rem;font-weight:700}.go-home-button-container{align-items:center;display:flex;justify-content:center}.go-home-button{background-color:#2c3e50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.5rem;transition:background-color .2s ease}.go-home-button:hover{background-color:#ffd43b;color:#2c3e50}.trivia-container{background-color:#fdf8f2;border:none;border-radius:12px;box-shadow:0 4px 16px #0006;margin:2rem auto;max-width:800px;padding:2rem}.trivia-image-container{align-items:center;display:flex;justify-content:center}.trivia-image{border-radius:8px;height:auto;margin-bottom:.5rem;max-height:15vw;width:30vw}@media only screen and (max-width:600px){.trivia-image{display:block;height:auto;margin-left:auto;margin-right:auto;max-height:50vh;object-fit:contain;width:90vw}}.trivia-title-section{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:.5rem}.trivia-title-text{font-size:1.6rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trivia-title-icon{height:auto;width:30px}.trivia-text{background-color:#f9f9f9;border:2px solid #2c3e50;border-left-width:6px;border-radius:8px;color:#333;font-size:1.25rem;font-weight:700;line-height:1.6;margin-bottom:1rem;margin-top:1rem;padding:1rem;text-align:justify}.vote-buttons{display:flex;gap:6rem;justify-content:center;margin-bottom:3rem;margin-top:1rem}.vote-box{align-items:center;background-color:#2c3e50;border:2px solid #0000;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;gap:.4rem;padding:.25rem .5rem;transition:background-color .3s ease,transform .2s ease}.vote-box:hover{background-color:#34495e;transform:scale(1.03)}.vote-label{color:#fff;font-size:1rem;font-weight:600}.vote-box img{height:20px;width:20px}.vote-count{color:#fff;font-size:1.2rem;font-weight:700}.vote-box.voted{background-color:#2c3e50;border:2px solid #f39c12}.vote-box.muted{background-color:#bbb;color:#777;cursor:not-allowed}.vote-box.muted img{filter:grayscale(100%)}.challenge-page-container{align-items:center;background-color:#fdf8f2;display:flex;height:100vh;justify-content:center}.challenge-page-wrapper{display:flex;flex-direction:column;min-height:100vh}.challenge-footer{background-color:#2c3e50;display:flex;justify-content:center;padding:.75rem 1rem 1rem}.challenge-card{background:linear-gradient(135deg,#fff,#f9f9f9);border:2px solid #2c3e50;border-radius:12px;box-shadow:0 4px 16px #0003;max-width:600px;padding:2rem;position:relative;width:90%}.card-corner{align-items:center;background:#fff;border-radius:4px;color:#2c3e50;display:flex;font-size:2.6rem;font-weight:700;height:40px;justify-content:center;position:absolute;width:40px}.top-left{left:10px;top:10px}.bottom-right{bottom:10px;right:10px;transform:rotate(180deg)}.sketch-area{text-align:center}.challenge-sketch-image{border-radius:8px;height:210px;object-fit:fill;transition:transform .3s ease;width:510px}@media screen and (max-width:768px){.challenge-page-container{align-items:flex-start;justify-content:center;margin-top:1rem}.challenge-card{padding:.5rem}.challenge-card .quote-area{margin:.2rem 0}.challenge-card .audio-area{margin:.3rem 0;text-align:center}.challenge-card .quote-area .challenge-quote-text{align-items:flex-start;justify-content:flex-start;text-align:left}.challenge-sketch-image{border-radius:8px;height:160px;object-fit:fill;width:320px}.challenge-page-container .challenge-card.instruction-card{max-width:320px;padding:1.5rem;width:80%}.options-container .option-button{font-size:1rem;padding:.3rem}.options-container{gap:.25rem;grid-template-columns:repeat(3,1fr);margin:.5rem 0}.options-container .option-button:last-child{grid-column:1/-1}}.quote-area{margin:1rem 0}.challenge-quote-text{align-items:flex-start;background-color:#f9f9f9;border:2px solid #ccc;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#333;display:flex;font-size:1.25rem;font-style:italic;height:80px;justify-content:center;line-height:1.2;margin:.1rem auto;max-width:720px;overflow-y:auto;padding:.2rem 1.2rem;position:relative;text-align:justify;transition:color .3s ease}.challenge-quote-text:after,.challenge-quote-text:before{color:#ccc;content:'"';font-size:3rem;pointer-events:none;position:absolute}.challenge-quote-text:before{left:0;position:absolute;top:0}.challenge-quote-text:after{bottom:1rem;position:absolute;right:0}.quote-text:hover{color:#2c3e50}.audio-area{margin:1rem 0;text-align:center}.audio-player{border-radius:4px;transition:transform .3s ease;width:100%}.audio-player:hover{transform:scale(1.02)}.options-container{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin:1rem 0}.option-button{background-color:#2c3e50;border:2px solid #2c3e50;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;text-align:center;transition:background-color .3s ease,transform .2s ease}.option-button:hover{transform:scale(1.03)}.option-button.selected,.option-button:hover{background-color:#ffd43b;color:#2c3e50}.options-container .option-button:last-child{grid-column:1/-1}.submit-container{margin:1rem 0;text-align:center}.submit-button{background-color:#2c3e50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:transform .2s ease,background-color .3s ease}.submit-button:hover{background-color:#ffd43b;color:#2c3e50;transform:scale(1.05)}.timer-display{animation:pulse 1.5s ease-in-out infinite;color:#e74c3c;font-size:1.2rem;font-weight:700;margin-top:1rem;text-align:center}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.challenge-card.instruction-card{max-width:480px;padding:1.5rem;width:100%}.instruction-content{font-size:1.4rem;line-height:1.4;text-align:center}.instruction-content p{margin-bottom:.5rem}.instruction-content ol{font-size:1.2rem;margin:1rem 0;padding-left:1.2rem;text-align:left}.instruction-content li{margin-bottom:.5rem}.start-button{background-color:#2c3e50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.7rem 1rem;transition:background-color .3s ease}.start-button:hover{background-color:#ffd43b;color:#2c3e50}.instruction-home-button-container{align-items:center;display:flex;justify-content:center;width:100%}.instruction-home-button{background-color:#2c3e50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:1.8rem;padding:.7rem 1rem;transition:background-color .3s ease}.instruction-home-button:hover{background-color:#ffd43b;color:#2c3e50}.challenge-over-container{align-items:center;background-color:#fdf8f2;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.challenge-over-title{color:#2c3e50;font-size:2rem;margin-bottom:1.5rem}.challenge-summary-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #0003;max-width:500px;padding:2rem;text-align:center;width:90%}.challenge-summary-card p{color:#333;font-size:1.2rem;margin:.8rem 0}.challenge-leaderboard-entry{border-top:1px solid #ccc;margin-top:1.5rem;padding-top:1rem}.challenge-input{border:1px solid #ccc;border-radius:6px;font-size:1rem;margin:.4rem 0;padding:.6rem;width:80%}.challenge-submit-button{background-color:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-top:.5rem;padding:.6rem 1.2rem;transition:background-color .3s ease}.challenge-submit-button:hover{background-color:#219150}.challenge-confirmation-message{color:#27ae60;font-weight:700;margin-top:1rem}.challenge-country-select{font-size:1rem;margin:.5rem auto;width:80%;z-index:10}.challenge-country-select .rs__control{box-shadow:none;min-height:40px}.challenge-country-select .rs__value-container{padding:4px 8px}.challenge-country-select .rs__single-value{margin-top:0}.challenge-country-select .rs__indicators{padding:0 8px}.challenge-action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.home-button,.play-again-button{background-color:#2c3e50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem 1.25rem;transition:background-color .2s ease}.home-button:hover,.play-again-button:hover{background-color:#ffd43b;color:#2c3e50}.leaderboard-container{align-items:center;background:#f8f9fa;color:#333;display:flex;flex-direction:column;font-family:Exo,serif;min-height:100vh;padding:1.5rem}.leaderboard-title{color:#222;font-size:2rem;font-weight:700;letter-spacing:.5px;margin-bottom:1.2rem}@media screen and (max-width:768px){.leaderboard-title{color:#222;font-size:1.4rem;font-weight:700;letter-spacing:.5px;margin-bottom:1.2rem}.leaderboard-list .leaderboard-row{align-items:center;border-bottom:1px solid #eee;color:#444;display:flex;font-size:1.1rem;justify-content:space-between;padding:.6rem .2rem;transition:background-color .15s ease}.leaderboard-list .leaderboard-username{color:#333;flex:4 1;font-weight:600;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row .leaderboard-country{align-items:center;color:#666;display:flex;flex:1 1;font-weight:500;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.leaderborad-country-text{display:none}.leaderboard-back .back-button,.leaderboard-back .challenge-share-button,.leaderboard-back .play-again-button{background-color:#2c3e50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.3rem 1rem;transition:background-color .2s ease}}.leaderboard-list{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 6px 12px #0000001a,0 3px 6px #00000014;max-width:800px;overflow:hidden;padding:.8rem;width:100%}.leaderboard-row{align-items:center;border-bottom:1px solid #eee;color:#444;display:flex;font-size:1.1rem;justify-content:space-between;padding:1rem 1.2rem;transition:background-color .15s ease}.leaderboard-row:hover{background-color:#f5f7fa}.leaderboard-row:first-child{background-color:#f5f5f5;border-bottom:2px solid #e0e0e0;color:#333;font-weight:600}.leaderboard-row:last-child{border-bottom:none}.leaderboard-rank{color:#333;flex:1 1;font-weight:700;text-align:center}.leaderboard-username{color:#333;font-weight:600}.leaderboard-country,.leaderboard-username{flex:3 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.leaderboard-country{align-items:center;color:#666;display:flex;font-weight:500}.leaderboard-country img{border:1px solid #eee;border-radius:3px;height:20px;margin-right:.6rem;object-fit:cover;width:30px}.leaderboard-level{flex:2 1;font-size:1.2rem;font-weight:800;text-align:right}.leaderboard-time{color:#6c757d;flex:2 1;font-weight:500;text-align:right}.leaderboard-row:nth-child(2) .leaderboard-rank{color:#d4af37}.leaderboard-row:nth-child(3) .leaderboard-rank{color:#a7a7ad}.leaderboard-row:nth-child(4) .leaderboard-rank{color:#a97142}.leaderboard-row:nth-child(2n){background-color:#fcfcfc}.leaderboard-row:nth-child(odd):not(:first-child){background-color:#fff}.pagination-controls{align-items:center;display:flex;gap:1rem;justify-content:center;margin:1rem 0}.pagination-button{background:#2c3e50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin:.2rem;padding:.3rem 1.2rem;transition:background .2s ease}.pagination-button:hover{background-color:#ffd43b;color:#2c3e50}.pagination-button:disabled{background:#adb5bd;cursor:not-allowed}.back-button,.challenge-share-button,.play-again-button{background-color:#2c3e50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem 1.25rem;transition:background-color .2s ease}.back-button:hover,.challenge-share-button:hover,.play-again-button:hover{background-color:#ffd43b;color:#2c3e50}.leaderboard-back{display:flex;gap:1rem;margin-top:0}.leaderboard-footer{background-color:#2c3e50;display:flex;justify-content:center;margin-top:1.5rem;padding:.75rem 1rem 1rem;width:100%}.legal-page{background-color:#fdf8f2;min-height:100vh;padding-bottom:3.5rem}.legal-content{background-color:#fff;border:1px solid #e1e1e1;border-radius:16px;box-shadow:0 4px 16px #00000026;margin:2rem auto 3rem;max-width:860px;padding:2rem 2.5rem}.legal-title{color:#2c3e50;font-size:2rem;margin-bottom:1rem}.legal-body{color:#333;display:flex;flex-direction:column;gap:1rem;line-height:1.7}.legal-body h2{color:#2c3e50;font-size:1.2rem;margin-top:.5rem}.legal-body ul{padding-left:1.2rem}.legal-body li{margin-bottom:.5rem}.legal-footer{color:#666;font-size:.9rem;padding:1rem 0 2rem;text-align:center}.legal-header-right{align-items:center;display:flex;justify-content:flex-end;margin-right:1rem;min-width:120px}.legal-home-button{background-color:initial;border:1px solid #ffd43b99;border-radius:999px;color:#ffd43b;cursor:pointer;font-size:.9rem;padding:.35rem .85rem}.legal-home-button:hover{background-color:#ffd43b26}@media (max-width:768px){.legal-content{margin:1.5rem 1rem 2.5rem;padding:1.5rem}.legal-title{font-size:1.6rem}}.how-to-play-instructions{display:flex;flex-direction:column;gap:1.5rem;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:820px}.instruction-card{background-color:#f9f9f9;border:1px solid #e1e1e1;border-radius:12px;box-shadow:0 4px 10px #00000014;display:flex;flex-direction:column;gap:.75rem;padding:1rem;width:100%}.instruction-header{align-items:center;display:flex;gap:.6rem}.instruction-step{align-items:center;background-color:#2c3e50;border-radius:50%;color:#ffd43b;display:inline-flex;font-weight:700;height:28px;justify-content:center;width:28px}.instruction-title{color:#2c3e50;font-weight:700}.instruction-card img{border:1px solid #ddd;border-radius:10px;height:auto;width:100%}.instruction-highlight{background-color:#2c3e50;border-radius:999px;color:#ffd43b;font-weight:700;padding:.4rem .8rem;width:fit-content}.how-to-play-home{display:flex;justify-content:center;margin-top:2rem}.how-to-play-home-button{background-color:#2c3e50;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1.6rem;transition:background-color .2s ease}.how-to-play-home-button:hover{background-color:#ffd43b;color:#2c3e50}.how-to-play-steps{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:1rem}.how-to-play-step{background-color:#f9f9f9;border:1px solid #e1e1e1;border-radius:12px;box-shadow:0 4px 10px #00000014;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.how-to-play-step img{border:1px solid #ddd;border-radius:10px;height:auto;width:100%}.how-to-play-step h3{color:#2c3e50;font-size:1.05rem}.how-to-play-step p{color:#555;font-size:.95rem}
/*# sourceMappingURL=main.fd1f7e3e.css.map*/