@import"https://fonts.googleapis.com/css?family=Cairo&display=swap";.header{background-color:#190523;border-bottom:1px solid #333;width:100%;height:70px;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:1000}.header-content{position:relative;width:100%;max-width:720px;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}.logo-svg{width:180px;height:auto;display:block}.nav-icons{margin-left:auto;display:flex;gap:1rem;align-items:center}.icon{width:24px;height:24px;stroke:#fff;cursor:pointer;transition:stroke .2s ease}.icon:hover{stroke:#f0f}@media (max-width: 768px){.header-content{padding:0 2rem;max-width:1100px;margin:0 auto}.logo-svg{margin-right:2rem}.nav-icons{gap:.9rem}}@media (max-width: 390px){.header-content{padding:0 2rem;max-width:390px;margin:0 auto}.logo-svg{margin-right:2rem}.nav-icons{gap:.5rem}}@media (max-width: 600px){.temple-icon{width:7%}}@media (max-width: 600px){.modal-content{width:340px!important}}@media (max-width: 390px){.temple-icon{width:7%}.modal-content{width:310px!important}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#190523;color:#fff;padding:2rem;border-radius:8px;width:90%;max-width:500px;position:relative;box-shadow:0 0 20px #f0f6}.modal-close{position:absolute;right:1rem;top:1rem;background:transparent;border:none;font-size:1.5rem;color:#fff;cursor:pointer}.donate-button{margin:1rem 0;background-color:#f0f;border:none;color:#000;padding:.6rem 1.2rem;font-weight:700;border-radius:6px;cursor:pointer}.temple-icon{width:5%}@media (max-width: 600px){.temple-icon{width:7%}.modal-content{width:340px!important}}@media (max-width: 390px){.temple-icon{width:7%}.modal-content{width:300px!important}}.stats-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center}.stats-modal{background-color:#190523;color:#fff;border-radius:8px;padding:2rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 0 20px #f0f6;position:relative}.close-btn{position:absolute;right:1rem;top:1rem;background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.stats-summary{display:flex;justify-content:space-between;margin:1.5rem 0;gap:1.5rem}.stats-number{font-size:2rem;font-weight:700;text-align:center}.stats-label{font-size:1rem;text-align:center;opacity:.8}.win-distribution{margin-top:1rem}.win-row{display:flex;align-items:center;margin-bottom:.5rem}.guess-num{width:1.5rem;text-align:right;margin-right:.5rem;font-weight:700}.win-bar{height:1.5rem;min-width:2rem;border-radius:.5rem;display:flex;align-items:center;color:#fff;font-weight:700;position:relative;transition:width .3s;background-color:#f0f}.win-count{position:absolute;left:.5rem;font-size:1rem}.radar-chart-container{margin-top:20px;position:relative}.radar-teaser{position:relative;cursor:pointer}.blurred-radar{position:relative;overflow:hidden}.become-member-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#2c3a4ab3;color:#fff;font-weight:700;text-align:center}.become-member-btn{margin-top:10px;background:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:700;transition:background .3s}.become-member-btn:hover{background:#45a049}@media (max-width: 600px){.stats-modal{width:340px!important}}@media (max-width: 390px){.stats-modal{width:300px!important}}.anime-frame-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0rem auto;width:100%;max-width:720px}.frame-wrapper{position:relative;width:720px;height:450px;display:flex;justify-content:center;align-items:center}.frame-svg{position:absolute;width:100%;height:100%;z-index:2;pointer-events:none}.image-container{position:relative;width:670px;height:380px;border-radius:8px;overflow:hidden;z-index:1;background-color:#1e293b;display:flex;justify-content:center;align-items:center}.anime-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease-in-out;opacity:0}.anime-class{color:#f0f;margin-bottom:0rem;margin-top:-1rem;text-align:center;font-size:1.2rem;font-weight:700}.anime-number{fill:#f0f!important}.anime-hint{height:1rem;margin-bottom:1rem;align-self:flex-start;color:#fff;font-size:1rem;font-weight:500}.anime-hint.hidden{visibility:hidden}.hint-check-icon{width:14px;height:14px;margin-left:6px;vertical-align:middle}.anime-image.loaded{opacity:1}.image-loading{position:absolute;color:#f0f;font-weight:700;z-index:3}.image-indicator{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:3}@media (max-width: 768px){.frame-wrapper{width:350px;height:350px}.image-container{width:280px;height:280px}.anime-frame-container{margin:1.5rem auto}.anime-class{font-size:1rem;margin-bottom:.75rem}.anime-hint{margin-left:1rem}}@media (max-width: 480px){.frame-wrapper{width:320px;height:200px}.image-container{width:300px;height:180px}.anime-frame-container{margin:2rem auto -.5rem}.anime-class{font-size:.9rem;margin-bottom:.5rem}.anime-hint{margin-left:2rem}}@media (max-width: 430px){.frame-wrapper{width:370px;height:240px}.image-container{width:350px;height:200px}.anime-frame-container{margin:3rem auto -.5rem}.anime-class{margin-top:1rem;font-size:.9rem;margin-bottom:.5rem}.anime-hint{margin-left:2rem}}@media (max-width: 390px){.frame-wrapper{width:340px;height:200px}.image-container{width:320px;height:180px}.anime-frame-container{margin:2rem auto -.5rem}.anime-class{font-size:.9rem;margin-top:1.5rem;margin-bottom:.5rem}.anime-hint{margin-left:1.5rem}}.guess-bar{display:flex;flex-direction:column;align-items:center;margin-top:1rem}.guess-icons{display:flex;gap:.5rem;align-items:center;margin-bottom:.25rem}.guess-box{width:30px;height:38px;border-radius:4px;font-weight:700;display:flex;align-items:center;justify-content:center;background-color:#444;color:#fff}.guess-box.used{border:1px solid rgb(255,255,255);border-radius:5px;background-color:#000;color:#fff}.guess-box.current{background-color:#fff;color:#000}.skip-button{background-color:#f0f;color:#000;border:none;font-weight:700;border-radius:6px;padding:.4rem 1.75rem;display:flex;align-items:center;gap:4px;font-size:.9rem;min-height:2vw;cursor:pointer}.guess-remaining{color:#fff;font-size:1.1rem;margin-top:.25rem}.fail-icon{width:18px;height:18px;fill:#fff}.angry-icon{width:18px;height:18px}.guess-history{margin-top:1rem;width:100%;text-align:center;font-size:1rem}.guess-entry{padding:4px 0}.guess-entry.correct{color:#f0f;font-weight:700}.guess-entry.incorrect{color:#ff4e4e}.guess-entry.skipped{color:#fa0;font-style:italic}@media (max-width:600px){.skip-button{height:37px}}.search-bar{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:720px;margin:1rem auto}.search-input{padding:.75rem 1rem;border-radius:8px;border:none;font-size:1rem}.submit-button{padding:.75rem;background-color:#f0f;border:none;color:#000;font-weight:700;font-size:1rem;border-radius:8px;cursor:pointer}.suggestions{width:94%;border:1px solid #333;border-radius:6px}.suggestions li{padding:.6rem 1rem;cursor:pointer;color:#fff;transition:background .2s ease}.suggestions li:hover{background-color:#f0f}@media (max-width: 600px){.suggestions{width:88%}.search-bar{width:380px}}@media (max-width: 390px){.suggestions{width:88%}.search-bar{width:350px}}.anime-controls{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;color:#fff;width:100%;max-width:720px;margin-inline:auto}.nav-button{width:6%;background-color:#f0f;border:none;padding:.6rem;border-radius:8px;cursor:pointer;align-items:center;justify-content:center}.anime-timer{color:#666;font-size:1.2rem}@media (max-width: 600px){.nav-button{width:12%}.anime-controls{width:380px}}@media (max-width: 390px){.anime-controls{width:350px}}.guess-result-container{background-color:#11181f;padding:1.2rem 1.5rem;border-radius:12px;color:#fff;max-width:680px;margin:1.5rem auto 2rem}.guess-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.song-info{display:flex;align-items:center}.song-icon{font-size:1.2rem;margin-right:.6rem}.song-title{font-size:1.2rem;font-weight:700;color:#f0f;margin:0}.affiliate-icons{display:flex;gap:10px}.affiliate-icon{width:80px;height:30px;cursor:pointer;transition:transform .2s ease}.affiliate-icon:hover{transform:scale(1.1)}.song-description{color:#ccc;font-size:.95rem;line-height:1.5;margin:0}.temple-icon{width:30px}@media (max-width: 600px){.affiliate-icon{width:65px}.guess-result-container{max-width:340px}}@media (max-width: 390px){.affiliate-icon{width:50px}.guess-result-container{max-width:300px}}body,html,#root{margin:0;padding:0;height:100%;width:100%;background-color:#190523;color:#fff;font-family:Cairo}.app{display:flex;flex-direction:column;min-height:100vh;width:100%}.main-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:3vw;width:100%}.site-footer{margin-top:4rem;padding:2rem 1rem;text-align:center;color:#888;font-size:.5rem;max-width:800px;margin-inline:auto}.footer-logo{width:20%;height:auto;margin-bottom:0rem}.footer-separator{border:none;height:2px;background-color:#f0f;width:50%;margin:1rem auto}.madeby-logo{margin-top:5%;width:30%}.footer-text{color:#666;line-height:1.4;font-size:.7rem;max-width:600px;margin:0 auto}.footer-text a{color:#f0f;text-decoration:none}.social-icons a{color:#f0f}.social-icons{display:flex;justify-content:center;gap:30px;margin-bottom:1rem}.anime-card{border:2px solid #fff;border-radius:18px;padding:1.1rem .7rem;text-align:center;font-size:.9rem;line-height:1.25;transition:transform .15s;cursor:pointer}.anime-card:hover{transform:translateY(-4px)}.anime-card.correct{background:#a8f0c2;border-color:#a8f0c2;color:#034d2d}.anime-card.wrong{background:#f7b4b4;border-color:#f7b4b4;color:#5b1111}.anime-card.not-played{background:#151b1b;border-color:#fff;color:#eee}.anime-card .title{font-weight:700}.anime-card .date{font-size:.85rem;margin-top:.2rem}.anime-card .note{margin-top:.6rem;font-size:.85rem}.previous-wrapper{width:min(1020px,90%);margin-inline:auto;margin-top:6rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:2rem 1.2rem}.card-link{text-decoration:none}.cookie-consent-overlay{position:fixed;bottom:20px;right:20px;z-index:10000;animation:slideIn .3s ease-out}.cookie-consent-popup{max-width:350px;background:#1a1a2e;border:1px solid #ff00ff;border-radius:8px;padding:1rem;box-shadow:0 4px 20px #000000b3}.cookie-content h3{color:#f0f;margin:0 0 .5rem;font-size:1.1rem;font-weight:700}.cookie-content p{color:#fff;margin:0 0 .75rem;line-height:1.4;font-size:.85rem}.cookie-content p:last-child{margin-bottom:1rem}.cookie-content a{color:#f0f;text-decoration:underline}.cookie-content a:hover{color:#f0f}.cookie-buttons{display:flex;gap:.5rem;justify-content:flex-end}.cookie-btn{padding:.5rem 1rem;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:all .2s ease;font-size:.85rem;min-width:70px}.cookie-decline{background:transparent;color:#ccc;border:1px solid #666}.cookie-decline:hover{background:#333;color:#fff}.cookie-accept{background:#f0f;color:#1a1a2e;border:1px solid #ff00ff}.cookie-accept:hover{background:#f0f;border-color:#f0f}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 480px){.cookie-consent-overlay{bottom:10px;right:10px;left:10px}.cookie-consent-popup{max-width:none;padding:.875rem}.cookie-content h3{font-size:1rem}.cookie-content p{font-size:.8rem}.cookie-buttons{justify-content:center}}