#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{margin:0;background-color:#0e0e12;color:#e0e0e0;font-family:sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:#d6d6d6}a:hover{color:#9fc5ff}h1,h2{color:#8b5cf6}h3{color:#e0e0e0}.container{max-width:1200px;margin:0 auto;padding:32px 20px;text-align:left}.menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;gap:12px;background-color:#252134;border-radius:20px;border:1px solid #332f47;padding:30px;max-width:400px;text-align:center;box-shadow:0 18px 40px #0000008c;color:#e0e0e0}.btn{display:inline-block;margin-top:30px;padding:10px 20px;border-radius:10px;text-align:center;cursor:pointer;border:1px solid transparent;transition:transform .15s ease,background-color .2s ease,border-color .2s ease;box-shadow:0 6px 16px #00000073}.btn-purple{background-color:#8b5cf6;color:#fff}.btn-purple:hover{background-color:#6d28d9;transform:translateY(-1px)}.btn-red{background-color:#dc3545;color:#fff}.btn-red:hover{background-color:#bb2d3b;transform:translateY(-1px)}.asdasd{background-color:#1c1a27;border:1px solid #332f47;padding:40px;border-radius:16px;box-shadow:0 10px 24px #00000080}.asdasd h1,.asdasd h2,.asdasd h3,.asdasd p{color:#e0e0e0}.asdasd h2{color:#8b5cf6}.asdasd span{color:#a5a5a5}.countries-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;max-width:1200px;margin:30px auto 0}.country-card{background:#1c1a27;border:1px solid #332f47;border-radius:12px;overflow:hidden;box-shadow:0 10px 24px #00000073;text-align:center;transition:transform .15s ease,border-color .2s ease;height:220px;display:flex;flex-direction:column;justify-content:space-between}.country-card:hover{transform:translateY(-3px);border-color:#8b5cf6}.country-flag{width:100%;height:150px;object-fit:cover;flex-shrink:0;border-bottom:1px solid #3d3952}.country-name{padding:12px;font-weight:700;color:#e0e0e0}.select{border-radius:8px;padding:6px 10px;outline:none}label.select{color:#a5a5a5;margin-right:8px}select.select{background:#1c1a27;color:#e0e0e0;border:1px solid #332f47}select.select:hover{border-color:#6d28d9}select.select:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #0e0e12,0 0 0 4px #8b5cf6}input{background:#1c1a27;color:#e0e0e0;border:1px solid #332f47;border-radius:8px;padding:6px 10px;outline:none}input:hover{border-color:#6d28d9}input:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #0e0e12,0 0 0 4px #8b5cf6}.leaderboard-list{list-style:none;padding:0;margin-top:1rem}.leaderboard-empty{color:#777;font-style:italic}.region-section{margin-bottom:2rem}.region-title{text-transform:capitalize;color:#8b5cf6;margin-bottom:.5rem;border-bottom:1px solid #e0e0e0;padding-bottom:4px}