@import"https://fonts.googleapis.com/css?family=Cairo&display=swap";.header{background-color:#0b0b0b;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:#fed505}@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: 360px){.header-content{padding:0 2rem;max-width:360px;margin:0 auto}.logo-svg{margin-right:1rem}.nav-icons{gap:.3rem}}@media (max-width: 390px){.temple-icon{width:7%}.modal-content{width:300px!important}}.sfx-setting{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;font-size:1.1rem}.toggle-switch{position:relative;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#000;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#fed505}input:checked+.slider:before{transform:translate(26px)}@media (max-width: 600px){.eye-icon{width:7%}}@media (max-width: 600px){.modal-content{width:340px!important}}@media (max-width: 390px){.eye-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:#0b0b0b;color:#fff;padding:2rem;border-radius:8px;width:90%;max-width:500px;position:relative;box-shadow:0 0 20px #fed505b3}.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:#fed505;border:none;color:#000;padding:.6rem 1.2rem;font-weight:700;border-radius:6px;cursor:pointer}.eye-icon{width:5%}@media (max-width: 600px){.eye-icon{width:7%}.modal-content{width:340px!important}}@media (max-width: 390px){.eye-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:#0b0b0b;color:#fff;border-radius:8px;padding:2rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 0 20px #fed505b3;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:#fed505}.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}}.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:#fed505;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}.skip-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:#fed505;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:#fed505;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:#fed505}@media (max-width: 600px){.suggestions{width:88%}.search-bar{width:380px}}@media (max-width: 390px){.suggestions{width:88%}.search-bar{width:350px}}.guess-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:#fed505;border:none;padding:.6rem;border-radius:8px;cursor:pointer;align-items:center;justify-content:center}.guess-timer{color:#666;font-size:1.2rem}@media (max-width: 600px){.nav-button{width:12%}.guess-controls{width:380px}}@media (max-width: 390px){.guess-controls{width:350px}}.guess-result-container{background-color:#11181f;padding:1.2rem 1.5rem;border-radius:12px;color:#fff;max-width:680px;width:100%;margin:1.5rem auto 2rem}.guess-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.guess-info{display:flex;align-items:center}.guess-icon{font-size:1.2rem;margin-right:.6rem}.guess-title{font-size:1.2rem;font-weight:700;color:#fed505;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)}.guess-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;width:100%}}@media (max-width: 390px){.affiliate-icon{width:50px}.guess-result-container{max-width:300px;width:100%}}.card-display{width:100%;max-width:720px;margin:0 auto;padding:1rem}.card-number{text-align:center;margin-bottom:2rem}.card-number h1{font-size:1.2rem;font-weight:700;color:#fff;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.card-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.card-image-container{display:flex;justify-content:center;align-items:center;background:#ffffff1a;border-radius:12px;padding:1rem;min-height:400px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-image-container.correct-glow{box-shadow:0 0 10px #15ff00}.card-image-container.wrong-glow{box-shadow:0 0 10px red}.card-image{max-width:100%;max-height:500px;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000004d}.image-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#ccc;background:#0003;border:2px dashed #555;border-radius:8px;padding:2rem;width:100%;min-height:300px}.image-placeholder span{font-size:1.2rem;margin-bottom:.5rem}.image-placeholder small{font-size:.9rem;opacity:.7}.hints-container{background:#ffffff1a;max-height:385px;height:100%;border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hints-container.correct-glow{box-shadow:0 0 10px #15ff00}.hints-container.wrong-glow{box-shadow:0 0 10px red}.hints-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:2px solid rgba(255,255,255,.2);padding-bottom:.5rem}.hints-header h3{color:#fff;margin:0;font-size:1.2rem}.hints-progress{background:#fed505;color:#000;padding:.25rem .75rem;border-radius:20px;font-size:.9rem;font-weight:700}.hints-list{min-height:200px;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:.5rem}.hints-list::-webkit-scrollbar{width:6px}.hints-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.hints-list::-webkit-scrollbar-thumb{background:#fed505b3;border-radius:3px}.hints-list::-webkit-scrollbar-thumb:hover{background:#fed505b3}.no-hints{display:flex;justify-content:center;align-items:center;height:200px;text-align:center}.no-hints p{color:#ccc;font-size:1.1rem;font-style:italic}.hints-list ul{list-style:none;padding:0;margin:0}.hint-item{display:flex;align-items:flex-start;margin-bottom:1rem;padding:.75rem;background:#ffffff0d;border-radius:8px;border-left:4px solid #fed505;transition:all .3s ease;overflow:hidden;word-wrap:break-word}.hint-item.locked{border-left-color:#666;background:#0003;opacity:.6}.hint-item:hover:not(.locked){background:#ffffff1a;transform:translate(4px)}.hint-number{color:#fed505;font-weight:700;margin-right:.75rem;min-width:20px}.hint-item.locked .hint-number{color:#666}.hint-text{color:#fff;line-height:1.4;flex:1;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.hint-item.locked .hint-text{color:#999;font-style:italic}.locked-hints{margin-top:1rem;padding-top:1rem}@media (max-width: 600px){.card-display{max-width:370px;padding:.5rem;margin-top:15%}.card-content{grid-template-columns:1fr;gap:1.5rem}.card-number h1{font-size:1.2rem}.card-image-container{min-height:250px}.hints-container{padding:1rem}}@media (max-width: 390px){.card-display{max-width:370px;padding:.5rem;margin-top:15%}.card-number h1{font-size:1.2rem}.hints-header{flex-direction:column;gap:.5rem;align-items:flex-start}}@media (max-width: 360px){.card-display{max-width:340px;padding:.5rem;margin-top:15%}.card-number h1{font-size:1.2rem}.hints-header{flex-direction:column;gap:.5rem;align-items:flex-start}}.full-card-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:1000;cursor:pointer;overflow:hidden;display:flex;justify-content:center;align-items:center}.full-card-container{position:relative;z-index:1001;transition:transform .1s ease-out;transform-style:preserve-3d;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4));overflow:hidden;border-radius:12px}.spotlight-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:2;border-radius:12px;opacity:0;transition:opacity .15s ease-out;background:radial-gradient(circle at var(--spotlight-x, 50%) var(--spotlight-y, 50%),rgba(255,255,255,.6) 0%,rgba(255,255,255,.4) 15%,rgba(255,255,255,.2) 30%,rgba(255,255,255,.1) 50%,transparent 70%),radial-gradient(circle at var(--spotlight-x, 50%) var(--spotlight-y, 50%),rgba(255,255,255,.3) 0%,transparent 40%);mix-blend-mode:overlay}.spotlight-overlay.active{opacity:1}.full-card-image{width:400px;height:auto;border-radius:12px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:block;position:relative;z-index:1}.full-card-error{width:400px;height:560px;background:#ffffff1a;border:2px dashed #666;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#ccc;text-align:center;padding:2rem;position:relative;z-index:1}.full-card-error span{font-size:1.2rem;margin-bottom:1rem}.full-card-error small{font-size:.9rem;opacity:.7;word-break:break-all}.modal-instructions{position:fixed;bottom:.5rem;left:50%;transform:translate(-50%);text-align:center;color:#fffc;z-index:1002;pointer-events:none;display:flex;flex-direction:column;align-items:center}.modal-instructions p{margin:0 0 .5rem;font-size:1.1rem;font-weight:500}.modal-instructions small{font-size:.9rem;opacity:.7}.gyro-toggle-btn{margin-top:1rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#ffffffe6;font-size:.9rem;cursor:pointer;transition:all .2s ease;pointer-events:auto;display:flex;align-items:center;gap:.5rem;justify-content:center}.gyro-toggle-btn:hover{background:#fff3;border-color:#ffffff80}@media (max-width: 600px){.full-card-image{width:300px}.full-card-error{width:300px;height:420px}.modal-instructions{bottom:7rem}.modal-instructions small{font-size:.8rem}.gyro-toggle-btn{padding:.75rem 1.25rem;font-size:.95rem;margin-top:1.25rem}}@media (max-width: 390px){.full-card-image{width:280px}.modal-instructions{bottom:6rem}.full-card-error{width:280px;height:350px}.modal-instructions p{font-size:1rem}.modal-instructions small{font-size:.75rem}}@media (max-width: 320px){.full-card-image{width:280px}.modal-instructions{bottom:2rem}.full-card-error{width:280px;height:350px}.modal-instructions p{font-size:1rem}.modal-instructions small{font-size:.75rem}}.view-full-card-container{width:100%;display:flex;justify-content:center;margin:1.5rem 0}.view-full-card-button{background:linear-gradient(135deg,#fed505,#e6c004);border:none;border-radius:12px;color:#fff;padding:1rem 2rem;font-size:1.1rem;font-weight:600;font-family:Cairo,sans-serif;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;box-shadow:0 4px 12px #4caf504d;position:relative;overflow:hidden;max-width:311px;width:100%}.view-full-card-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066;background:linear-gradient(135deg,#fed505,#e6c004)}.view-full-card-button:active{transform:translateY(0);box-shadow:0 2px 8px #4caf504d}.view-full-card-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.view-full-card-button:hover:before{left:100%}.button-icon{width:1.5rem;animation:pulse 2s infinite}.button-text{color:#333;position:relative;z-index:2;font-family:Cairo,sans-serif}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 600px){.view-full-card-button{padding:.875rem 1.5rem;font-size:1rem}.button-icon{font-size:1.2rem}}@media (max-width: 390px){.view-full-card-container{margin:1rem 0}.view-full-card-button{padding:.75rem 1.25rem;font-size:.9rem;gap:.5rem}.button-icon{font-size:1.1rem}}@media (max-width: 360px){.view-full-card-container{margin:1rem 0}.view-full-card-button{padding:.75rem 1.25rem;font-size:.9rem;gap:.5rem}.button-icon{font-size:1.1rem}}body,html,#root{margin:0;padding:0;height:100%;width:100%;background-color:#0b0b0b;color:#fff;font-family:Cairo;position:relative;background-image:url(/backgroundPattern.svg);background-repeat:repeat;background-size:200px 200px;opacity:1}.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%;position:relative;z-index:1}.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:#fed505;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:#fed505;text-decoration:none}.social-icons a{color:#fed505}.social-icons{display:flex;justify-content:center;gap:30px;margin-bottom:1rem}.guess-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}.guess-card:hover{transform:translateY(-4px)}.guess-card.correct{background:#a8f0c2;border-color:#a8f0c2;color:#034d2d}.guess-card.wrong{background:#f7b4b4;border-color:#f7b4b4;color:#5b1111}.guess-card.not-played{background:#151b1b;border-color:#fff;color:#eee}.guess-card .title{font-weight:700}.guess-card .date{font-size:.85rem;margin-top:.2rem}.guess-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 #fed505;border-radius:8px;padding:1rem;box-shadow:0 4px 20px #000000b3}.cookie-content h3{color:#fed505;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:#fed505;text-decoration:underline}.cookie-content a:hover{color:#fed505}.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:#fed505;color:#1a1a2e;border:1px solid #fed505}.cookie-accept:hover{background:#fed505;border-color:#fed505}@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}}