@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#2d3748;color:#f8f9fa;line-height:1.6}#root{min-height:100vh;background-color:#2d3748}.footer-home{display:flex;justify-content:center;align-items:center;font-size:.95rem;position:relative;width:100%;background:transparent;margin-bottom:22px}.footer-home p{margin:0}.footer-home a{color:#fff;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:8px;text-decoration-color:#fff;display:inline-block;padding:10px;position:relative;transition:text-decoration-color .3s,text-decoration-thickness .3s,transform .3s}.footer-home a:hover{color:#fff;text-decoration-color:#60a5fa;text-decoration-thickness:3px;transform:translateY(-2px)}@media (max-width: 600px){.footer-home{font-size:.85rem}}h1{font-size:3.2em;line-height:1.1;color:#000}.home{min-height:100vh;min-height:100dvh;background-color:#2d3748;display:flex;align-items:center;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:0 20px 20px;position:relative}.footer-container{position:absolute;bottom:0;left:0;right:0}.home-content{text-align:center;max-width:600px;width:100%;margin-top:-18vh}.subtitle{font-size:clamp(.8rem,2vw,1rem);font-weight:700;color:#f8f9fa;margin-bottom:.05rem;letter-spacing:.02em;text-transform:lowercase}.title{font-size:clamp(3rem,10vw,5rem);font-weight:700;color:#f8f9fa;margin-bottom:clamp(1.5rem,4vw,2rem);letter-spacing:-.02em;text-shadow:0 4px 8px rgba(0,0,0,.3);line-height:1.1}.button-container{display:flex;gap:clamp(1rem,3vw,1.5rem);justify-content:center;flex-wrap:wrap}.nav-button{padding:clamp(.75rem,2vw,.875rem) clamp(1.5rem,4vw,2rem);font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:160px;height:44px;white-space:nowrap;background:#60a5fa;color:#fff;text-align:center;position:relative;overflow:hidden}.nav-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}.nav-button:hover{transform:translateY(-3px) scale(1.05);background:#3b82f6}.nav-button:hover:before{left:100%}.start-game{background:#60a5fa;color:#fff}.start-game:hover{transform:translateY(-3px) scale(1.05);background:#3b82f6}.leaderboard{background:#60a5fa;color:#fff}.leaderboard:hover{transform:translateY(-3px) scale(1.05);background:#3b82f6}@media (max-width: 480px){.home{padding:16px}.button-container{flex-direction:column;align-items:center}.nav-button{width:100%;max-width:280px}}@media (min-width: 481px) and (max-width: 768px){.button-container{flex-direction:column;align-items:center}.nav-button{width:100%;max-width:320px}}@media (min-width: 769px) and (max-width: 1024px){.home-content{max-width:500px}}@media (min-width: 1025px){.home-content{max-width:600px}}@media (max-width: 768px){.nav-button{padding:.85rem 1.7rem;font-size:1rem;width:210px;height:38px;max-width:210px}}@media (max-width: 500px){.title{font-size:clamp(3.5rem,11vw,5.5rem)}}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content{background:#323c4d;border-radius:18px;box-shadow:0 8px 32px #00000040;padding:32px 24px 28px;max-width:95vw;width:370px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:480px;animation:modal-pop .35s cubic-bezier(.68,-.55,.27,1.55);box-sizing:border-box}@keyframes modal-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.modal-animation{width:100%;display:flex;justify-content:center}.modal-img{max-width:340px;max-height:340px;width:100%;height:auto;display:block;margin:0 auto;border-radius:12px;box-shadow:0 2px 12px #0000001a;background:#fff}.modal-img.small-score{max-width:280px;max-height:280px}.modal-img.medium-score{max-width:350px;max-height:350px}.modal-img.bateman-score{max-width:280px;max-height:280px}.modal-title{color:#fff;font-size:1.35rem;font-weight:700;text-align:center;word-break:break-word;flex:1;display:flex;align-items:center;justify-content:center;margin:0;padding:28px 0}.modal-buttons{width:100%;display:flex;flex-direction:column;gap:14px}.modal-btn{width:75%;padding:11px 0;font-size:1.08rem;font-weight:600;border:none;border-radius:8px;background:#60a5fa;color:#fff;cursor:pointer;transition:background .2s,transform .2s;box-shadow:0 2px 8px #60a5fa26;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0 auto;line-height:1.2;min-height:44px}.modal-btn:hover{background:#3b82f6;transform:translateY(-2px) scale(1.04)}.name-input-container{width:100%;display:flex;flex-direction:column;gap:14px}.name-input{width:75%;padding:11px 16px;font-size:1.08rem;font-weight:500;border:2px solid #60a5fa;border-radius:8px;background:#1e293b;color:#fff;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;margin:0 auto}.name-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.name-input::placeholder{color:#94a3b8}.submit-btn.enabled{background:#60a5fa}.submit-btn.enabled:hover{background:#3b82f6;transform:translateY(-2px) scale(1.04);box-shadow:none}.submit-btn.disabled{background:#6b7280;cursor:not-allowed;transform:none}.submit-btn.disabled:hover{background:#6b7280;transform:none;box-shadow:0 2px 8px #60a5fa26;cursor:not-allowed}.password-container{margin-bottom:20px;text-align:center}.password-text{font-size:1.2rem;font-weight:600;color:#60a5fa;cursor:pointer;transition:all .3s ease;padding:8px 16px;border-radius:8px;background:#60a5fa1a;border:1px solid rgba(96,165,250,.2)}.password-text.blurred{filter:blur(4px);-webkit-user-select:none;user-select:none}.password-text.revealed{filter:blur(0);-webkit-user-select:text;user-select:text}.password-text:hover{background:#60a5fa33;border-color:#60a5fa66}@media (max-width: 900px){.modal-content{width:90vw;padding:24px 10vw 20px;min-height:430px}.modal-img{max-width:320px;max-height:320px}.modal-img.bateman-score{max-width:260px;max-height:260px}.modal-title{font-size:1.18rem;padding:22px 0}.name-input,.modal-btn.submit-btn{width:65%}}@media (max-width: 600px){.modal-content{width:98vw;padding:14px 2vw 16px;min-height:380px}.modal-img{max-width:220px;max-height:220px}.modal-img.bateman-score{max-width:180px;max-height:180px}.modal-title{font-size:1.08rem;padding:18px 0}.modal-btn{font-size:.98rem;padding:8px 0}.name-input,.modal-btn.submit-btn{width:60%}}.back-button{position:absolute;top:25px;left:40px;padding:4px 32px;font-size:.9rem;font-weight:600;text-decoration:none;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:#60a5fa;color:#fff;text-align:center;overflow:hidden;z-index:10}.back-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}.back-button:hover{background:#3b82f6;transform:translateY(-2px) scale(1.04)}.top-secret{position:relative}@media (max-width: 800px){.back-button{left:50%;transform:translate(-50%);padding:3px 24px;font-size:.8rem}.back-button:hover{transform:translate(-50%) translateY(-2px) scale(1.04)}}.game{min-height:100vh;min-height:100dvh;background-color:#2d3748;display:flex;flex-direction:column;align-items:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:40px 20px 20px;position:relative}.score-display{position:absolute;top:20px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 40px;z-index:10}.score-text{font-size:1.2rem;font-weight:600;color:#fff}.score-display .back-button{position:static;transform:none}.score-display .back-button:hover{background:#3b82f6;transform:translateY(-2px) scale(1.04)}@media (max-width: 800px){.game{padding-top:60px}.score-display{font-size:1.3rem;top:15px}.countries-container{flex-direction:column;gap:20px}.country-card{width:100%;max-width:350px;padding:25px 15px;min-height:280px}.country-flag{width:120px;height:72px}.country-name{font-size:1.6rem}.country-population{font-size:1.3rem}.vs-divider{width:50px;height:50px;font-size:1.1rem;margin:2px 0}.country-card{min-height:40px;padding:4px 2px 2px}.country-card .country-flag{width:140px;height:84px}}.countries-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;gap:40px;flex:1;justify-content:center}.country-card{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;background:#ffffff14;border-radius:20px;border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 24px #0000001a;min-height:370px;height:100%;box-sizing:border-box;align-self:center}.flag-container{margin-bottom:20px}.country-flag{width:180px;height:108px;min-width:70px;min-height:42px;object-fit:cover;border-radius:8px;margin-bottom:0;box-shadow:0 4px 15px #00000040}.country-info{display:flex;flex-direction:column;gap:2px}.country-name{font-size:2rem;font-weight:700;color:#f8f9fa;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);min-font-size:1.2rem}.country-population{font-size:1.5rem;font-weight:600;color:#fff;margin:0;background:none;padding:0;border-radius:0;border:none}.vs-divider{display:flex;align-items:center;justify-content:center;width:70px;height:70px;min-width:50px;min-height:50px;font-size:1.3rem;font-weight:800;color:#fff;background:transparent;border:2.5px solid #60a5fa;border-radius:50%;box-shadow:0 4px 16px #667eea2e;margin:0 4px;position:relative;z-index:1;align-self:center;transition:background .3s,color .3s,border .3s}.vs-divider.correct{background:#10b981;border:none}.vs-divider.wrong{background:#ef4444;border:none}.country-population-buttons{display:flex;gap:18px;justify-content:center;margin:8px 0 0}.guess-btn{padding:6px 24px;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;background:#60a5fa;color:#fff;cursor:pointer;transition:background .2s,transform .2s;box-shadow:0 2px 8px #60a5fa26}.guess-btn:hover{background:#3b82f6;transform:translateY(-2px) scale(1.04)}@media (max-width: 800px){.countries-container{gap:12px}.country-card{min-height:100px;padding:14px 8px 12px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.flag-container{margin-bottom:12px;display:flex;justify-content:center;align-items:center;width:100%}.country-card .country-flag{width:110px;height:66px;border-radius:6px}.country-info{gap:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.country-name{font-size:1.3rem;margin:0 0 4px}.country-has,.country-population-label{font-size:1.05rem;margin:0}.country-population{font-size:1.15rem;margin:0 0 4px}.country-population-buttons{gap:18px;margin-top:8px}.guess-btn{padding:6px 20px;font-size:1rem;border-radius:8px}.vs-divider{width:32px;height:32px;font-size:1.1rem;margin:8px 0;border-width:2px}.score-text{font-size:1.1rem;font-weight:600;color:#fff}}@media (max-width: 435px){.score-display{padding:0 15px;justify-content:space-between}.score-text{font-size:1rem}.score-display .back-button{font-size:.8rem;padding:1px 21px}}@media (max-height: 700px) and (max-width: 800px){.countries-container{gap:8px}.country-card{min-height:180px;padding:10px 4px 8px;border-radius:10px}.flag-container{margin-bottom:8px}.country-flag{width:80px;height:48px;border-radius:5px}.country-name{font-size:1.1rem}.country-population{font-size:1rem}.vs-divider{width:40px;height:40px;font-size:.75rem;margin:2px 0;border-width:1.5px;min-width:0;min-height:0}.country-has,.country-population-label{font-size:.85rem}.guess-btn{padding:4px 20px;font-size:.85rem;border-radius:6px}}@media (max-height: 700px){.countries-container{margin-top:10px}}.leaderboard-page{min-height:100vh;min-height:100dvh;background-color:#2d3748;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px;position:relative}.loading,.empty-state{font-size:1.2rem;color:#94a3b8;text-align:center}.leaderboard-list{width:100%;max-width:700px;display:flex;flex-direction:column;gap:6px;transform:translateY(-20px);min-height:400px;margin:130px auto 0}.leaderboard-header{display:flex;align-items:center;padding:10px 16px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1);margin-bottom:6px;box-sizing:border-box;min-height:44px}.header-rank{width:50px;font-size:.85rem;font-weight:700;color:#f8f9fa;text-transform:uppercase;letter-spacing:1px;text-align:center;margin-right:16px}.header-name{flex:1;font-size:.85rem;font-weight:700;color:#f8f9fa;text-transform:uppercase;letter-spacing:1px}.header-score{font-size:.85rem;font-weight:700;color:#f8f9fa;text-transform:uppercase;letter-spacing:1px;margin-left:16px}.leaderboard-row{display:flex;align-items:center;padding:8px 14px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1);box-sizing:border-box;margin:0;min-height:36px;font-size:.92rem}.leaderboard-row.top-three{background:linear-gradient(135deg,#ffd7001a,#ffed4e0d);border-color:#ffd70033}.leaderboard-row:nth-child(3){background:linear-gradient(135deg,#c0c0c026,#d3d3d314);border-color:#c0c0c04d;box-shadow:0 2px 8px #c0c0c01a;margin:0}.leaderboard-row:nth-child(3) .score{color:#e5e4e2;text-shadow:0 0 8px rgba(192,192,192,.3)}.leaderboard-row:nth-child(4){background:linear-gradient(135deg,#cd7f321a,#d2b48c0d);border-color:#cd7f3233}.leaderboard-row:nth-child(4) .score{color:#cd7f32}.rank{width:50px;display:flex;align-items:center;justify-content:center;margin-right:16px}.medal{font-size:1.3rem}.rank-number{background:#ffffff1a;color:#f8f9fa;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.name{flex:1;font-size:.88rem;font-weight:500;color:#f8f9fa}.score{font-size:.98rem;font-weight:700;color:#60a5fa;margin-left:10px;display:flex;align-items:center;gap:6px}.pts{font-size:.7rem;font-weight:500;color:#f8f9fa;text-transform:uppercase;letter-spacing:.5px}.top-three .score{color:#fbbf24}@media (max-width: 480px){.leaderboard-header{padding:8px 12px}.header-rank{width:40px;font-size:.75rem;margin-right:12px}.header-name{font-size:.75rem}.header-score{font-size:.75rem;margin-left:12px}.leaderboard-row{padding:8px 12px}.rank{width:40px;margin-right:12px}.medal{font-size:1.2rem}.rank-number{width:24px;height:24px;font-size:.75rem}.name{font-size:.85rem}.score{font-size:.95rem;margin-left:12px;gap:4px}.pts{font-size:.65rem}}@media (max-width: 480px){.leaderboard-page{padding:10px}.leaderboard-row{padding:8px 12px}.rank{width:40px;margin-right:12px}.medal{font-size:1.1rem}.rank-number{width:24px;height:24px;font-size:.7rem}.name{font-size:.85rem}.score{font-size:.9rem;margin-left:12px}}@media (max-height: 790px){.leaderboard-list{margin:90px auto 0}}@media (max-height: 700px){.leaderboard-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden}.leaderboard-list{min-height:220px;margin:-3px auto 0}.leaderboard-row{padding:4px 8px;min-height:24px;font-size:.85rem}.leaderboard-header{min-height:28px;padding:6px 10px}}.not-found{min-height:100vh;min-height:100dvh;background-color:#2d3748;display:flex;align-items:center;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:0 20px 20px}.not-found-content{text-align:center;max-width:600px;width:100%;margin-top:-10vh}.not-found-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:#f8f9fa;margin-bottom:clamp(1.5rem,4vw,2rem);letter-spacing:-.02em;text-shadow:0 4px 8px rgba(0,0,0,.3);line-height:1.1}.return-home-btn{padding:clamp(.75rem,2vw,.875rem) clamp(1.25rem,3vw,1.5rem);font-size:1rem;font-weight:600;text-decoration:none;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:200px;height:40px;white-space:nowrap;background:#60a5fa;color:#fff;text-align:center;position:relative;overflow:hidden}.return-home-btn: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}.return-home-btn:hover{transform:translateY(-3px) scale(1.05);background:#3b82f6}.return-home-btn:hover:before{left:100%}@media (max-width: 700px){.not-found{padding:16px}}.top-secret{min-height:100vh;min-height:100dvh;background-color:#2d3748;display:flex;align-items:center;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px}.secret-container{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px;box-shadow:0 20px 40px #0000001a;max-width:500px;width:100%;text-align:center;border:1px solid rgba(255,255,255,.2);animation:slideIn .6s ease-out;margin-top:-40px}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.secret-header{margin-bottom:30px}.secret-title{color:#60a5fa;font-size:2.2rem;font-weight:800;margin:0}.secret-content{margin-bottom:20px}.congrats-text{color:#2d3748;font-size:1.4rem;font-weight:600;margin:0 0 15px;line-height:1.4}.instruction-text{color:#4a5568;font-size:1.1rem;margin:0 0 10px;line-height:1.5}.warning-text{color:#e53e3e;font-size:1rem;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.5px}.password-form{margin-top:10px}.input-group{display:flex;gap:12px;max-width:400px;margin:0 auto}.password-input{flex:1;padding:16px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-family:inherit;background:#fff;transition:all .3s ease;outline:none}.password-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.password-input.wrong-password{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.password-input::placeholder{color:#a0aec0}.submit-btn{display:flex;align-items:center;gap:8px;padding:16px 24px;background:#60a5fa;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;min-width:120px;justify-content:center}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #60a5fa4d}.submit-btn:active{transform:translateY(0)}.lock-icon{width:18px;height:18px;transition:transform .3s ease}.submit-btn:hover .lock-icon{transform:scale(1.1)}.troll-container{animation:fadeIn .8s ease-out;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.troll-text{color:#f8f9fa;font-size:1.5rem;font-weight:600;margin-bottom:10px;text-align:center}.troll-image{max-width:300px;height:auto}@media (max-width: 768px){.secret-container{padding:30px 20px;margin:20px}.secret-title{font-size:2rem}.congrats-text{font-size:1.2rem}.input-group{flex-direction:column}.submit-btn{width:100%}.video-container{padding:20px;margin:20px}.video-container iframe{width:100%;height:200px}}@media (max-width: 480px){.secret-title{font-size:1.8rem}.congrats-text{font-size:1.1rem}.instruction-text{font-size:1rem}}@media (max-height: 700px){.top-secret{overflow:hidden}.secret-container{padding:18px 8px;border-radius:14px;margin-top:-18px}.secret-title{font-size:1.3rem}.congrats-text{font-size:.95rem}.instruction-text{font-size:.85rem}.warning-text{font-size:.8rem}.troll-text{font-size:1rem}.submit-btn{padding:10px 16px;font-size:.85rem;min-width:80px;border-radius:8px}.password-input{padding:8px 10px;font-size:.85rem;border-radius:8px}}