@import"https://fonts.googleapis.com/css2?family=Graduate&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--bg-color: #342F33;--green-color: #47E18D;--orange-color: #E39B6B;--red-color: #FF3860;--secondary-color: rgba(71, 225, 141, .1);--font-color: #FFEADB;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--blue-color: #4fc3f7;--purple-color: #ba68c8;--card-bg: rgba(255, 255, 255, .08);--glass-bg: rgba(255, 255, 255, .1);--border-color: rgba(255, 255, 255, .2);--main-size: clamp(1rem, 1.5vw, 1.05rem);--subheading-size: clamp(1.5rem, 2vw, 2rem);--heading-size: clamp(2rem, 3vw, 2.5rem);--caption-size: clamp(.7rem, 1vw, .9rem);--spacing-small: 8px;--spacing-medium: 16px;--spacing-large: 32px}*,*:after,*:before,html,body{margin:0;padding:0;border:0;box-sizing:border-box}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px;box-shadow:inset 0 0 5px var(--border-color)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--green-color),var(--blue-color));border-radius:10px;border:2px solid var(--bg-secondary);transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--orange-color),var(--purple-color))}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,var(--red-color),var(--green-color))}::-webkit-scrollbar-corner{background:var(--bg-secondary)}#root{min-height:100vh}html,body{font-family:Poppins,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:16px;color:var(--font-color);line-height:1.4;overflow-x:hidden;position:relative;background:linear-gradient(135deg,var(--bg-color) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);min-height:100vh;background-color:var(--bg-color);scroll-behavior:smooth}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(71,225,141,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(227,155,107,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,56,96,.1) 0%,transparent 50%);pointer-events:none;z-index:-1}.wrapper{display:flex;flex-direction:column;min-height:100vh}main{flex:1;margin-top:64px;margin-bottom:2rem;padding:5rem 0 6rem;display:flex;align-items:center;position:relative;overflow:hidden}.container{position:relative;z-index:2;max-width:1264px;width:100%;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.about,.settings,.stats,.countrybase{margin-top:2rem}@media screen and (max-width: 1100px){html,body{font-size:14px}.about,.settings,.stats,.countrybase{margin-top:1.5rem}}@media screen and (max-width: 860px){html,body{font-size:12px}.about,.settings,.stats,.countrybase{margin-top:1rem}}h1{font-family:Graduate,serif;font-weight:400;font-style:normal;font-size:var(--heading-size);color:var(--orange-color);line-height:1.2}h2,h3,h4,h5,h6{font-family:Graduate,serif;font-weight:400;font-style:normal;font-size:var(--subheading-size);color:var(--orange-color);line-height:1.2}a{position:relative;font-size:var(--main-size);font-weight:400;color:var(--font-color);text-transform:lowercase;text-decoration:none;cursor:pointer}a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:linear-gradient(135deg,var(--green-color),var(--orange-color));border-radius:1px;transform:scaleX(0);transform-origin:left;transition:transform .5s ease-in-out}a:hover{background:linear-gradient(135deg,var(--green-color),var(--orange-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}a:hover:after{transform:scaleX(1)}a:active{color:#b3633b}li{list-style:none;text-transform:uppercase}blockquote{max-width:35rem!important;margin:1rem auto!important;padding:2rem 0!important;position:relative;display:flex;align-items:center;font-family:Graduate,serif;font-size:var(--subheading-size);color:var(--orange-color);justify-content:center;line-height:1.3}blockquote img{padding-right:1rem}blockquote:before,blockquote:after{content:"";position:absolute;left:0;right:0;height:1px;width:100%;background:var(--gradient-line-one)}blockquote:before{top:.1px}blockquote:after{bottom:0}cite{display:block;position:absolute;bottom:.5rem;right:0;font-family:Poppins,sans-serif;font-weight:200;font-size:var(--caption-size);opacity:.4}.start-game{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2rem;z-index:1}.btn{position:relative;display:inline-block;padding:1rem 6rem;cursor:pointer;text-transform:uppercase;border:2px solid var(--green-color);font-family:Graduate,serif;font-size:1.05rem;background-color:#3fc37d;transform:translateY(-3px);box-shadow:0 8px 25px #4ade8080,0 0 40px #4ade804d,inset 0 1px #ffffff4d;border-color:#6effab;text-decoration:none;text-align:center;transition:all .4s cubic-bezier(.25,.8,.25,1);overflow:hidden;border-radius:8px}.btn{background-color:var(--green-color);color:var(--bg-color);box-shadow:0 4px 15px #4ade804d,inset 0 1px #fff3}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.btn:hover{background-color:#3fc37d;transform:translateY(-3px);box-shadow:0 8px 25px #4ade8080,0 0 40px #4ade804d,inset 0 1px #ffffff4d;border-color:#6effab}.btn:hover:before{left:100%}.btn:active{transform:translateY(-1px);box-shadow:0 4px 15px #4ade8066,inset 0 2px 4px #0003}.btn:nth-child(2){background:#4ade801a;color:var(--green-color);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn:nth-child(2):before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(74,222,128,.2) 0%,transparent 70%);transition:all .6s cubic-bezier(.25,.8,.25,1);transform:translate(-50%,-50%);border-radius:50%}.btn:nth-child(2):after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background:linear-gradient(45deg,var(--green-color),#6effab) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.btn:nth-child(2):hover{color:#6effab;background:#4ade8033;transform:translateY(-3px);box-shadow:0 8px 25px #4ade804d,0 0 40px #4ade8033,inset 0 1px #4ade8033;border-color:#6effab}.btn:nth-child(2):hover:before{width:300px;height:300px}.btn:nth-child(2):hover:after{opacity:1}.btn:nth-child(2):active{transform:translateY(-1px);background:#4ade804d}.btn .ripple{position:absolute;border-radius:50%;background:#ffffff4d;transform:scale(0);animation:ripple .6s linear;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes glow{0%,to{box-shadow:0 4px 15px #4ade804d,0 0 20px #4ade8033}50%{box-shadow:0 8px 25px #4ade8080,0 0 40px #4ade8066}}.country-shapes{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.country-shape{position:absolute;left:0%;opacity:.5;filter:blur(1px);animation:floatCountry 20s infinite linear}.country-shape img{width:15rem;height:auto}.country-shape:nth-child(2){left:45%;animation:floatCountry2 20s infinite linear}.country-shape:nth-child(3){left:auto;right:-0%}@keyframes floatCountry{0%{transform:translateY(110vh);opacity:0}10%{opacity:.15}90%{opacity:.15}to{transform:translateY(-10vh);opacity:0}}@keyframes floatCountry2{0%{transform:translateY(-10vh);opacity:0}10%{opacity:.15}90%{opacity:.15}to{transform:translateY(110vh);opacity:0}}.glow-orb{position:fixed;border-radius:50%;filter:blur(40px);pointer-events:none;z-index:0}.glow-orb-1{width:300px;height:300px;background:radial-gradient(circle,rgba(71,225,141,.12),transparent);top:20%;left:-10%;animation:orbFloat1 6s ease-in-out infinite alternate}.glow-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(227,155,107,.2),transparent);bottom:10%;right:-15%;animation:orbFloat2 8s ease-in-out infinite alternate}@keyframes orbFloat1{0%{transform:translate(0) scale(1)}to{transform:translate(50px,30px) scale(1.2)}}@keyframes orbFloat2{0%{transform:translate(0) scale(1)}to{transform:translate(-30px,-50px) scale(.75)}}@media screen and (max-width: 650px){.img-portraits:nth-child(2){visibility:hidden}.img-portraits{width:45vw}}.about .container{flex-direction:column}.team,.project{width:100%;text-align:center;z-index:2;position:relative}.project-content{max-width:35rem;width:100%;display:flex;margin:0 auto;flex-direction:column;justify-content:center;gap:1rem}.project-content p{text-align:start}.heading{font-size:var(--heading-size);font-weight:700;margin-bottom:3rem;background:linear-gradient(135deg,var(--green-color),var(--orange-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;text-align:center}.heading span{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:initial!important;color:inherit!important}.heading:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(135deg,var(--green-color),var(--orange-color));border-radius:2px}.about .start-game{position:relative;top:auto;left:auto;transform:none;flex-direction:row;padding:3rem 0}.team-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem;max-width:1000px;margin:0 auto;padding:0 1rem 3rem}.team-member{background:#47e18d0d;border:1px solid rgba(71,225,141,.2);border-radius:20px;padding:2rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.team-member:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(71,225,141,.1),transparent);transition:left .5s ease}.team-member:hover:before{left:100%}.team-member:hover{background:#47e18d40;transform:translateY(-8px);border-color:var(--green-color);box-shadow:0 20px 40px #47e18d26}.team-member:last-child{grid-column-start:2}.card-img{width:100px;height:100px;border-radius:50%;border:3px solid var(--green-color);margin:0 auto 1.5rem;display:block;transition:all .3s ease;background:linear-gradient(135deg,var(--green-color),var(--orange-color));padding:3px}.card-img img{width:100%;height:100%;border-radius:50%;object-fit:cover}.team-member:hover .card-img{transform:scale(1.1);filter:brightness(1.1)}.card-content{text-align:center}.card-content__text{font-size:var(--main-size);font-weight:600;margin-bottom:1rem;color:var(--font-color)}.card-content__social{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.social-icon{width:35px;height:35px;background:#47e18d1a;border:1px solid rgba(71,225,141,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.social-icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--green-color),var(--orange-color));opacity:0;transition:opacity .3s ease}.social-icon:hover:before{opacity:1}.social-icon img{width:18px;height:18px;transition:all .3s ease;z-index:1;position:relative;filter:brightness(0) invert(1)}.social-icon:hover{transform:translateY(-3px);box-shadow:0 8px 20px #47e18d4d}.social-icon:hover img{filter:brightness(0)}.portrait-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.25}.img-portraits{position:absolute;width:12rem;height:12rem;object-fit:cover;border-radius:50%;filter:grayscale(100%) blur(2px)}.img-portraits:nth-child(1){bottom:20%;left:5%;animation:float 6s ease-in-out infinite}.img-portraits:nth-child(2){top:70%;left:45%;animation:float 8s ease-in-out infinite reverse}.img-portraits:nth-child(3){bottom:20%;right:5%;animation:float 7s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.project,.refs{margin:6rem 0;padding:3rem 2rem;background:#47e18d08;border:1px solid rgba(71,225,141,.15);border-radius:24px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project:before,.refs:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--green-color),var(--orange-color));border-radius:24px 24px 0 0}.project-content{display:flex;flex-direction:column;gap:1.5rem}.project-content__text{font-size:var(--main-size);line-height:1.7;color:var(--font-color);opacity:.9;position:relative;padding-left:1.5rem;transition:all .3s ease}.project-content__text:before{content:"";position:absolute;left:0;top:.6rem;width:4px;height:4px;background:var(--green-color);border-radius:50%;transition:all .3s ease}.project-content__text:hover{opacity:1;transform:translate(5px)}.project-content__text:hover:before{background:var(--orange-color);transform:scale(1.5)}.refs-content{position:relative}.content-list{list-style:none;counter-reset:ref-counter;display:flex;flex-direction:column;gap:1rem}.content-list__item{counter-increment:ref-counter;position:relative;padding:1rem 2rem;background:#47e18d0d;border:1px solid rgba(71,225,141,.1);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.content-list__item:before{content:counter(ref-counter);position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:30px;height:30px;background:linear-gradient(135deg,var(--green-color),var(--orange-color));color:var(--bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;box-shadow:0 4px 12px #47e18d4d;transition:all .3s ease}.content-list__item:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(71,225,141,.1),transparent);transition:left .5s ease}.content-list__item:hover{transform:translate(10px);border-color:var(--green-color);box-shadow:0 8px 25px #47e18d33}.content-list__item:hover:before{transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #47e18d66}.content-list__item:hover:after{left:100%}.content-list__link{color:var(--font-color);font-size:var(--main-size);transition:all .3s ease;position:relative;z-index:2;display:block;word-break:break-all}.content-list__link:hover{color:var(--green-color)}.content-list__link:hover:after{display:none}.content-list__link:empty{color:#ffeadb66;font-style:italic}.content-list__link:empty:before{content:"Reference link to be added"}@media screen and (max-width: 1100px){html,body{font-size:14px}.team-card{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}}@media screen and (max-width: 860px){html,body{font-size:12px}.team-card{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.team-member{padding:1.5rem 1rem}.img-portraits{width:100px;height:100px}.project,.refs{margin:3rem 0;padding:2rem 1.5rem}.project-content__text{padding-left:1rem}.content-list__item{padding:.75rem 1rem}.content-list__item:before{width:25px;height:25px;font-size:.8rem;left:-12px}}@media screen and (max-width: 600px){.team-card{grid-template-columns:1fr;max-width:300px}.team-member:last-child{grid-column-start:auto}.about{margin-top:calc(64px + 2rem)}.container{padding:0 1rem}.project,.refs{margin:2rem 0;padding:1.5rem 1rem}.heading{margin-bottom:1.5rem}.project-content{gap:1rem}}.settings-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.settings-modal{position:relative;background:radial-gradient(circle at 20% 50%,rgba(71,225,141,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(227,155,107,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,56,96,.1) 0%,transparent 50%);border:2px solid rgba(71,225,141,.1);border-radius:12px;padding:3rem 2.5rem;margin:0 auto;margin-bottom:4rem;min-width:400px;max-width:1000px;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #0006,0 0 80px #47e18d1a}.settings-title{text-align:center;margin-bottom:2.5rem;font-size:2rem;letter-spacing:2px;text-transform:uppercase}.setting-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:2rem}.setting-group{margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.setting-label{font-family:Graduate,serif;font-size:1rem;color:var(--font-color);text-transform:uppercase;letter-spacing:1px;min-width:140px}.setting-dropdown{position:relative;min-width:200px}.dropdown-button{width:100%;background:#ffffff1a;border:1px solid var(--border-color);border-radius:6px;padding:.75rem 1rem;color:var(--font-color);font-family:Poppins,sans-serif;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.dropdown-button:hover{background:#ffffff26;border-color:var(--green-color);box-shadow:0 0 20px #47e18d33}.dropdown-arrow{font-size:.8rem;transition:transform .3s ease}.dropdown-button.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;overflow:scroll;max-height:130px;background:#342f33fa;border:1px solid var(--border-color);border-radius:6px;margin-top:4px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 30px #0000004d}.dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-option{padding:.75rem 1rem;color:var(--font-color);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.dropdown-option:hover{background:#47e18d1a;color:var(--green-color)}.dropdown-option:first-child{border-radius:6px 6px 0 0}.dropdown-option:last-child{border-radius:0 0 6px 6px}.settings-actions{display:flex;gap:1rem;justify-content:center;margin-top:3rem}.settings .settings-modal .btn{position:relative;display:inline-block;padding:.75rem 2rem;cursor:pointer;text-transform:uppercase;border:2px solid var(--green-color);font-family:Graduate,serif;font-size:.9rem;text-decoration:none;text-align:center;transition:all .4s cubic-bezier(.25,.8,.25,1);overflow:hidden;border-radius:8px;background:none;color:var(--font-color)}.btn-primary{background-color:var(--green-color);color:var(--bg-color);box-shadow:0 4px 15px #4ade804d,inset 0 1px #fff3}.btn-primary:hover{background-color:#3fc37d;transform:translateY(-2px);box-shadow:0 8px 25px #4ade8080,0 0 40px #4ade804d}.btn-secondary{background:#4ade801a;color:var(--green-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#4ade8033;transform:translateY(-2px);box-shadow:0 8px 25px #4ade804d}.settings .start-game{position:relative;top:auto;left:auto;transform:none;flex-direction:row;padding:3rem 0}.settings .container{flex-direction:column}@media screen and (max-width: 860px){.setting-grid{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width: 600px){main{padding:4.5rem 0 2rem}.settings-modal{min-width:90%;padding:2rem 1.5rem}.setting-group{flex-direction:column;align-items:stretch;gap:.5rem}.setting-label{min-width:auto;text-align:center}.settings-actions{flex-direction:column;align-items:center;margin-top:1rem}}.stats .start-game{position:relative;top:auto;left:auto;transform:none;flex-direction:row;padding:3rem 0}.stats .container{flex-direction:column}section.stats{width:100%}.stats-numbers{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:3rem;animation:fadeInUp .8s ease-out}.stats-numbers__countries{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:20px;padding:3rem 2rem;text-align:center;position:relative;overflow:hidden;transition:all .3s ease}.stats-numbers__countries:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,var(--green-color),transparent);animation:rotate 3s linear infinite;opacity:0;transition:opacity .3s ease}.stats-numbers__countries:hover:before{opacity:.1}.stats-numbers__countries:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px #47e18d33}.stats-numbers__countries h3{font-size:4rem;font-weight:800;color:var(--green-color);margin-bottom:.5rem;animation:countUp 2s ease-out}.stats-numbers__countries p{font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;opacity:.8}.stats-numbers__regimes{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.numbers-regimes__card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:15px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.numbers-regimes__card:nth-child(1){--accent: var(--green-color)}.numbers-regimes__card:nth-child(2){--accent: var(--red-color)}.numbers-regimes__card:nth-child(3){--accent: var(--orange-color)}.numbers-regimes__card:nth-child(4){--accent: var(--purple-color)}.numbers-regimes__card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--accent);transform:scaleX(0);transition:transform .3s ease}.numbers-regimes__card:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);transform:translate(-50%,-50%);transition:all .4s ease;border-radius:50%;opacity:0}.numbers-regimes__card:hover:before{transform:scaleX(1)}.numbers-regimes__card:hover:after{width:100%;height:100%;opacity:.1}.numbers-regimes__card:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 30px #0003}.numbers-regimes__card h3{font-size:2.5rem;font-weight:700;color:var(--accent);margin-bottom:.5rem;transition:all .3s ease}.numbers-regimes__card:hover h3{transform:scale(1.1)}.numbers-regimes__card p{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;opacity:.9}.stats-content{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}.stats-content__map,.stats-content__viz{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:20px;padding:2rem;min-height:700px;transition:all .3s ease}.stats-content__map:hover,.stats-content__viz:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000026}.chart-title{font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;color:var(--green-color);display:flex;align-items:center;gap:.5rem}.chart-title:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,var(--green-color),var(--orange-color));border-radius:2px}#mapRegimes{width:100%;height:70%;border-radius:15px;overflow:hidden;position:relative}.map-legend{position:absolute;bottom:2rem;left:2rem;background:#000c;padding:10px;border-radius:8px;z-index:1000;font-size:.8rem}.legend-item{display:flex;align-items:center;gap:8px;margin-bottom:4px}.legend-color{width:12px;height:12px;border-radius:2px}.map-filter{position:relative;margin-bottom:2rem}.filter-input{width:100%;padding:1rem 1.5rem;background:#ffffff0d;border:2px solid var(--border-color);border-radius:25px;color:var(--font-color);font-size:1rem;transition:all .3s ease;position:relative}.filter-input:focus{outline:none;border-color:var(--green-color);box-shadow:0 0 20px #47e18d4d;transform:scale(1.02)}.filter-input::placeholder{color:#ffeadb80}.control-panel{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.control-btn{padding:.5rem 1rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:20px;color:var(--font-color);cursor:pointer;transition:all .3s ease;font-size:.8rem;text-transform:uppercase;letter-spacing:1px}.control-btn:hover,.control-btn.active{background:var(--green-color);color:var(--bg-color);transform:translateY(-2px)}.rating{margin-bottom:3rem;width:100%}.rating-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.content-top,.content-bottom{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:20px;padding:2rem;transition:all .3s ease}.content-top:hover,.content-bottom:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0000001a}.content-top h3,.content-bottom h3{color:var(--green-color);margin-bottom:1.5rem;font-size:1.5rem;display:flex;align-items:center;gap:.5rem}.country-item{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:.5rem;background:#ffffff08;border-radius:10px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.country-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--green-color);transform:scaleY(0);transition:transform .3s ease}.country-item:hover:before{transform:scaleY(1)}.country-item:hover{background:#ffffff14;transform:translate(5px);box-shadow:0 5px 15px #0000001a}.country-flag{width:32px;height:24px;border-radius:4px;background:var(--green-color);display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:transform .3s ease}.country-item:hover .country-flag{transform:scale(1.1) rotate(5deg)}.country-name{flex:1;font-weight:500}.country-regime{font-size:.8rem;opacity:.7;padding:.2rem .6rem;background:#ffffff1a;border-radius:10px}.country-score{font-weight:700;color:var(--green-color);font-size:1.1rem}.country-emoji{font-size:1.2rem;transition:transform .3s ease}.country-item:hover .country-emoji{transform:scale(1.2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:15px;padding:1.5rem;text-align:center;transition:all .3s ease;cursor:pointer}.stat-card:hover{transform:translateY(-5px) rotateY(5deg);box-shadow:0 10px 25px #00000026}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--green-color),var(--blue-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:.9rem;opacity:.8;text-transform:uppercase;letter-spacing:1px}.interactive-card{cursor:pointer;-webkit-user-select:none;user-select:none}.pulse{animation:pulse 2s infinite}.loading{position:relative}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--border-color);border-top:2px solid var(--green-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%{box-shadow:0 0 5px var(--green-color)}to{box-shadow:0 0 20px var(--green-color),0 0 30px var(--green-color)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chart-container{width:100%;height:300px;position:relative}.donut-chart text{font-family:Poppins,sans-serif;font-size:12px;fill:var(--font-color)}.bar-chart .bar{transition:all .3s ease;cursor:pointer}.bar-chart .bar:hover{opacity:.8;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 10px currentColor)}.tooltip{position:absolute;display:none;padding:12px;background:#000000e6;border:1px solid var(--border-color);border-radius:8px;color:#fff;font-size:12px;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:200px}.progress-container{margin:1rem 0}.progress-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--green-color),var(--blue-color));border-radius:4px;transition:width 1s ease-out;transform-origin:left}@media (max-width: 768px){.stats-numbers,.stats-content,.rating-content{grid-template-columns:1fr}.stats-numbers__regimes{grid-template-columns:1fr 1fr}.container{padding:1rem}.control-panel{justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-numbers__regimes,.stats-grid{grid-template-columns:1fr}.heading{font-size:1.8rem}}.theme-toggle{position:fixed;top:20px;right:20px;z-index:1000;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.theme-toggle:hover{transform:scale(1.1) rotate(180deg);box-shadow:0 5px 15px #0003}.map-popup{color:#fff;font-family:Poppins,sans-serif}.popup-header{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.popup-flag{font-size:2rem;min-width:40px;text-align:center}.popup-title h3{margin:0;font-size:1.2rem;font-weight:600}.popup-regime{display:inline-block;padding:.2rem .6rem;border-radius:10px;font-size:.8rem;color:#fff;margin-top:.3rem}.popup-content{padding:1rem}.popup-stat{display:flex;align-items:center;gap:.5rem;margin-bottom:.7rem}.stat-icon{width:20px;text-align:center}.stat-label{flex:1;opacity:.8}.popup-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.popup-btn{flex:1;padding:.5rem;background:#47e18d33;border:1px solid var(--green-color);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.8rem}.popup-btn:hover{background:var(--green-color);color:#000;transform:translateY(-1px)}.country-details-panel{position:fixed;top:0;right:-400px;width:400px;height:100vh;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--border-color);transition:right .4s ease;z-index:1000;overflow-y:auto}.country-details-panel.active{right:0}.details-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.details-header h2{margin:0;color:#fff;font-size:1.5rem}.close-btn{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;transition:all .3s ease}.close-btn:hover{color:var(--red-color);transform:scale(1.1)}.details-content{padding:2rem}.detail-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#ffffff0d;border-radius:10px}.detail-item label{color:#fffc}.regime-tag{padding:.3rem .8rem;border-radius:15px;font-size:.9rem;font-weight:600;color:#fff}.regime-tag.democracy{background:var(--green-color);color:#000}.regime-tag.authoritarian{background:var(--red-color)}.regime-tag.hybrid{background:var(--orange-color)}.regime-tag.monarchy{background:var(--purple-color)}.maplibregl-ctrl-group{background:#000c!important;border-radius:10px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.maplibregl-ctrl button{background:transparent!important;color:#fff!important}.maplibregl-ctrl button:hover{background:#47e18d33!important}@media (max-width: 768px){.country-details-panel{width:100vw;right:-100vw}.popup-actions{flex-direction:column}}.countrybase .start-game{position:relative;top:auto;left:auto;transform:none;flex-direction:row;padding:3rem 0}.countrybase .container{flex-direction:column}.search{width:100%;margin-bottom:3rem;padding:2rem;position:relative}.search:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid var(--border-color);box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff0d inset;z-index:-1;transition:all .3s ease}.search:hover:before{background:#ffffff1f;box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff1a inset}.search-label{font-size:var(--subheading-size);font-weight:600;color:var(--font-color);margin-bottom:1.5rem;text-align:center;position:relative;letter-spacing:.5px}.search-label:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--green-color),var(--blue-color));border-radius:2px;animation:pulse-glow 2s ease-in-out infinite alternate}@keyframes pulse-glow{0%{box-shadow:0 0 5px var(--green-color);opacity:.8}to{box-shadow:0 0 20px var(--green-color),0 0 30px var(--blue-color);opacity:1}}.input-form{position:relative;width:100%}.input-form:before{content:"🔍";position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:1.2rem;z-index:2;opacity:.6;transition:all .3s ease}.input-form input{width:100%;padding:1.2rem 1.5rem 1.2rem 3.5rem;font-size:var(--main-size);font-family:inherit;color:var(--font-color);background:#ffffff0d;border:2px solid transparent;border-radius:16px;outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0003,0 0 0 1px #ffffff1a inset}.input-form input::placeholder{color:#ffeadb80;font-style:italic}.input-form input:focus{background:#ffffff14;border-color:var(--green-color);box-shadow:0 0 0 4px #47e18d33,0 8px 30px #0000004d,0 0 0 1px #ffffff26 inset;transform:translateY(-2px)}.input-form input:focus+.search-icon{color:var(--green-color);transform:translateY(-50%) scale(1.1)}.input-form:focus-within:before{opacity:1;color:var(--green-color);transform:translateY(-50%) scale(1.1)}.input-form .clear-btn{position:absolute;right:1rem;top:45%;transform:translateY(-45%);background:none;border:none;color:#ffeadb99;font-size:1.2rem;cursor:pointer;padding:5px;border-radius:50%;transition:all .3s ease;opacity:0;visibility:hidden}.input-form .clear-btn:hover{color:var(--red-color);background:#ff38601a}.input-form.has-content .clear-btn{opacity:1;visibility:visible}.search:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--green-color),var(--blue-color),var(--purple-color),var(--orange-color));border-radius:26px;z-index:-2;opacity:0;transition:opacity .3s ease}.search:hover:after{opacity:.3;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%,to{background:linear-gradient(45deg,var(--green-color),var(--blue-color),var(--purple-color),var(--orange-color))}25%{background:linear-gradient(45deg,var(--blue-color),var(--purple-color),var(--orange-color),var(--green-color))}50%{background:linear-gradient(45deg,var(--purple-color),var(--orange-color),var(--green-color),var(--blue-color))}75%{background:linear-gradient(45deg,var(--orange-color),var(--green-color),var(--blue-color),var(--purple-color))}}.countries{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;width:100%;margin-bottom:2rem}.country-card{position:relative;padding:1.5rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d inset;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.country-card:hover{transform:translateY(-8px);background:#ffffff1f;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff1a inset}.country-card h4{font-size:1.3rem;font-weight:600;color:var(--font-color);margin-bottom:.5rem;text-transform:capitalize}.country-info{display:flex;flex-direction:column;gap:.5rem}.country-stat{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#ffeadbcc}.stat-label{font-weight:500;color:#ffeadb99}.stat-value{font-weight:600;color:var(--green-color)}.country-type{position:absolute;top:1rem;right:1rem;padding:.3rem .8rem;background:linear-gradient(135deg,var(--blue-color),var(--purple-color));color:#fff;font-size:.75rem;font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}@media screen and (max-width: 768px){.search{padding:1.5rem;margin-bottom:2rem}.input-form input{padding:1rem 1.2rem 1rem 3rem}.input-form:before{left:16px;font-size:1rem}.countries{grid-template-columns:1fr;gap:1rem}.country-card{padding:1.2rem}}@media screen and (max-width: 480px){main{padding:1rem}.search{padding:1rem}}main{margin-top:0}.main-title{text-align:center}.main-content{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px 20px;margin-bottom:20px}.top-info-bar{width:100%;max-width:1400px;display:flex;justify-content:space-between;align-items:center;margin:30px auto 2rem;box-sizing:border-box;position:relative;padding-left:0;padding-right:0}.info-box{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:16px 32px;border:2px solid var(--green-color);font-family:Graduate,serif}.system-name{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:16px 60px;border:2px solid var(--green-color);font-family:Graduate,serif;max-width:400px;text-align:center}#map{flex:1;width:100%;max-width:1400px;margin:0 auto;background-color:var(--glass-bg);border:2px solid var(--card-bg);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 40px var(--border-color);overflow:hidden;position:relative;min-height:500px}#map:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(71,225,141,.02) 0%,transparent 50%,rgba(71,225,141,.02) 100%);pointer-events:none;z-index:1}.maplibregl-popup.custom-country-popup .maplibregl-popup-content{background:linear-gradient(135deg,var(--bg-color) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);color:var(--font-color);padding:12px 16px;border-radius:8px;font-size:14px;box-shadow:0 8px 32px #00000080;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.controls{display:flex;justify-content:center;gap:10rem;margin-top:25px;padding-bottom:20px;flex-shrink:0}.btn:disabled{border-color:#555;color:#555;cursor:not-allowed;background-color:transparent;opacity:.5}.top-info-bar .heading{margin-bottom:0}@media screen and (max-width: 1100px){html,body{font-size:14px}.heading{font-size:20px}.info-box{padding:12px 24px;font-size:16px}}@media screen and (max-width: 860px){html,body{font-size:12px}.main-content{padding:15px;gap:15px}.heading{font-size:18px;order:-1}#map{min-height:300px}.controls{gap:25px}.btn{padding:12px 30px;font-size:14px}.info-box{padding:10px 20px;font-size:14px}}@media screen and (max-width: 600px){.main-content{padding:10px;gap:10px}.controls{gap:15px;flex-direction:column;align-items:center}.btn{width:200px;padding:12px 20px}.top-info-bar{margin-top:1.5rem}.heading{font-size:16px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s infinite}.main-content>*{animation:fadeInUp .6s ease-out forwards;opacity:0}.top-info-bar{animation-delay:.1s}#map{animation-delay:.2s}.controls{animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.notification-container{position:fixed;top:50%;left:50%;z-index:1000;pointer-events:none}.notification{background:linear-gradient(135deg,#342f33f2,#16213ef2,#0f3460f2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--green-color);border-radius:16px;padding:2rem 3rem;text-align:center;box-shadow:0 25px 50px #00000080,0 0 100px #47e18d33,inset 0 1px #ffffff1a;max-width:500px;min-width:350px;position:relative;overflow:hidden;pointer-events:auto}.notification:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--green-color),transparent);animation:shimmer 2s ease-in-out infinite}.notification.success{border-color:var(--green-color)}.notification.warning{border-color:var(--orange-color)}.notification.error{border-color:var(--red-color)}.notification.success:before{background:linear-gradient(90deg,transparent,var(--green-color),transparent)}.notification.warning:before{background:linear-gradient(90deg,transparent,var(--orange-color),transparent)}.notification.error:before{background:linear-gradient(90deg,transparent,var(--red-color),transparent)}.notification-icon{font-size:3rem;margin-bottom:1rem;display:block;animation:iconPulse 2s ease-in-out infinite}.notification.success .notification-icon{color:var(--green-color)}.notification.warning .notification-icon{color:var(--orange-color)}.notification.error .notification-icon{color:var(--red-color)}.notification-title{font-family:Graduate,serif;font-size:1.5rem;margin-bottom:.5rem;color:var(--font-color);text-transform:uppercase;letter-spacing:1px}.notification-message{font-family:Poppins,sans-serif;font-size:1rem;color:var(--font-color);opacity:.9;line-height:1.5;margin-bottom:1.5rem}.notification-stats{display:flex;justify-content:space-around;margin:1.5rem 0;padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.stat-item{text-align:center}.stat-value{font-family:Graduate,serif;font-size:1.5rem;color:var(--green-color);display:block;margin-bottom:.25rem}.stat-label{font-size:.8rem;color:var(--font-color);opacity:.7;text-transform:uppercase;letter-spacing:.5px}.notification-button{background:linear-gradient(135deg,var(--green-color),#3aa76d);border:none;color:var(--bg-color);padding:12px 32px;font-family:Graduate,serif;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #47e18d4d;margin-top:1rem}.notification-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #47e18d66}.notification-button:active{transform:translateY(0)}@keyframes slideIn2{0%{opacity:0;transform:translate(-50%,-50%) scale(.8) rotateX(-10deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotateX(0)}}@keyframes slideOut2{0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotateX(0)}to{opacity:0;transform:translate(-50%,-50%) scale(.8) rotateX(10deg)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification.show{animation:slideIn2 .6s cubic-bezier(.68,-.55,.265,1.55) forwards}.notification.hide{animation:slideOut2 .4s ease-in forwards}.notification-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;opacity:0;display:none}.notification-overlay.show{animation:fadeIn .3s ease forwards}.notification-overlay.hide{animation:fadeOut .3s ease forwards}@keyframes fadeIn{to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@media screen and (max-width: 600px){.notification{min-width:280px;max-width:90vw;padding:1.5rem 2rem;margin:0 1rem}.notification-stats{flex-direction:column;gap:1rem}.heading{order:2}.info-box.counter{order:1}.info-box.timer{order:3}}.gamemode-three .container{flex-direction:column}.gamemode-three{padding:2rem 0;min-height:100vh;display:flex;align-items:center}.titles{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 8px 32px #0000004d}.titles-counter{font-family:Graduate,serif;font-size:var(--subheading-size);color:var(--green-color);text-shadow:0 0 20px rgba(71,225,141,.5)}.titles-region{font-family:Graduate,serif;font-size:var(--heading-size);color:var(--orange-color);text-shadow:0 0 20px rgba(227,155,107,.5);letter-spacing:3px}.titles-timer{font-family:Graduate,serif;font-size:var(--subheading-size);color:var(--blue-color);text-shadow:0 0 20px rgba(79,195,247,.5);display:flex;align-items:center;gap:2rem}.hearts{display:flex;gap:5px}.heart{color:#ff4757;font-size:1.5em}.heart.lost{color:#2f3542}.content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%;margin-top:3rem}.map-sect{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--border-color);overflow:hidden;box-shadow:0 20px 60px #0006;position:relative}#map-three{height:100%;width:100%}.maplibregl-ctrl-bottom-right{display:none}.map-content{display:flex;flex-direction:column;padding:1rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--border-color);box-shadow:0 20px 60px #0006}.img{text-align:center;position:relative}.img img{width:10rem;height:10rem;object-fit:cover;border-radius:50%;border:4px solid var(--green-color);box-shadow:0 0 30px #47e18d4d;transition:all .3s ease}.img img:hover{transform:scale(1.05);box-shadow:0 0 50px #47e18d80}.quote{position:relative;padding:2rem;border-radius:16px;background:#e39b6b1a;border:1px solid rgba(227,155,107,.3)}.quote-text{font-family:Graduate,serif;font-size:var(--caption-size);color:var(--font-color);line-height:1.6;text-align:center;font-style:italic;margin-bottom:1rem}.quote-cite{display:block;text-align:right;font-family:Poppins,sans-serif;font-weight:300;font-size:var(--caption-size);color:var(--orange-color);opacity:.8;padding-right:1rem}.game-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:2rem}.gamemode-three #end-btn{background-color:#ff4757;border:2px solid #f73847;box-shadow:0 4px 15px #de4a4a4d,inset 0 1px #fff3;color:var(--font-color)}.country-btn{position:relative;display:inline-block;padding:1rem 2rem;cursor:pointer;text-transform:uppercase;border:2px solid var(--green-color);font-family:Graduate,serif;font-size:.9rem;text-decoration:none;text-align:center;transition:all .4s cubic-bezier(.25,.8,.25,1);overflow:hidden;border-radius:12px;background:#47e18d1a;color:var(--green-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:120px}.country-btn:hover{color:#6effab;background:var(--green-color);color:var(--bg-color);transform:translateY(-3px);box-shadow:0 8px 25px #47e18d66}.country-btn.correct{background:var(--green-color);color:var(--bg-color);animation:correctPulse .6s ease}.country-btn.incorrect{background:var(--red-color);color:#fff;border-color:var(--red-color);animation:shake .5s ease}.controls{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.game-over{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:none;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.game-over.show{display:flex}.game-over-content{background:var(--glass-bg);padding:3rem;border-radius:20px;text-align:center;border:1px solid var(--border-color);box-shadow:0 20px 60px #00000080}.game-over h2{font-family:Graduate,serif;color:var(--orange-color);margin-bottom:1rem;font-size:var(--heading-size)}.score{font-size:var(--subheading-size);color:var(--green-color);margin-bottom:2rem}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media screen and (max-width: 768px){.content{grid-template-columns:1fr;gap:2rem}.titles{flex-direction:column;gap:1rem;text-align:center}.game-buttons{grid-template-columns:repeat(2,1fr)}.controls{flex-direction:column;align-items:center}}.header{position:fixed;top:0;left:0;right:0;z-index:2;margin-top:1rem}.nav-list{display:flex;align-items:center;gap:2rem}.active-nav{color:var(--orange-color)}.title-text{cursor:pointer;transition:all .5s ease}.title-text:hover{opacity:.7;text-shadow:-5px 5px 10px rgba(0,0,0,.3),0 0 20px rgba(255,170,0,.4)}.title-text a{font-family:Graduate,serif;font-weight:400;font-style:normal;font-size:var(--heading-size);color:var(--orange-color);line-height:1.2}.title-text a:hover{color:var(--orange-color)}.title-text a:hover:after{transform:scale(0)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1010;position:relative}.burger{display:flex;flex-direction:column;width:25px;height:20px;justify-content:space-between}.burger span{display:block;height:3px;width:100%;background-color:var(--font-color);border-radius:2px;transition:all .3s ease}.burger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--bg-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.mobile-menu.active{display:flex}.mobile-menu a{text-decoration:none;color:var(--font-color);font-size:1.5rem;font-weight:500;text-transform:uppercase;transition:all .3s ease;padding:1rem}.mobile-menu a:hover{color:var(--orange-color);transform:scale(1.1)}@media screen and (max-width: 1200px){.container{padding:0 1.5rem}.nav-list{gap:1.5rem}}@media screen and (max-width: 1100px){html,body{font-size:14px}.nav-list{gap:1rem}.nav-list a{font-size:.9rem}}@media screen and (max-width: 950px){.header{z-index:3}.nav-left,.nav-right{display:none}.mobile-menu-btn{display:block}.header-title{position:static;transform:none}.container{justify-content:space-between}}@media screen and (max-width: 860px){html,body{font-size:12px}.container{padding:0 1rem}}@media screen and (max-width: 600px){.header{padding:.8rem 0}.mobile-menu a{font-size:1.2rem}.title-text a{font-size:1.5rem}}@media screen and (max-width: 400px){.container{padding:0 .5rem}.title-text a{font-size:1.3rem}}@media screen and (max-width: 1100px){nav{display:none;visibility:hidden;opacity:0}.mobile-menu-btn{display:block}}.footer{position:relative;background:#00000080;border-top:1px solid rgba(71,225,141,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;margin-top:auto}.footer a:hover:after{display:none}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--green-color),var(--orange-color))}.footer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(71,225,141,.02),transparent);animation:shimmer 4s ease-in-out infinite}@keyframes shimmer{0%,to{left:-100%}50%{left:100%}}.footer .container{padding:3rem 2rem 1.5rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:2rem}.footer-section h3{font-size:1.2rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--green-color),var(--orange-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.footer-section h3:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:2px;background:linear-gradient(135deg,var(--green-color),var(--orange-color));border-radius:1px}.footer-brand{max-width:300px}.footer-content p{font-size:var(--caption-size);line-height:1.6;color:var(--font-color);opacity:.8;margin-bottom:1.5rem}.footer-social{display:flex;gap:1rem}.social-link{width:40px;height:40px;background:#47e18d1a;border:1px solid rgba(71,225,141,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none;color:var(--font-color)}.social-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--green-color),var(--orange-color));opacity:0;transition:opacity .3s ease}.social-link:hover:before{opacity:1}.social-link:hover{transform:translateY(-3px);box-shadow:0 8px 25px #47e18d4d;border-color:var(--green-color)}.social-link span{position:relative;z-index:1;font-size:1.2rem;transition:color .3s ease}.social-link:hover span{color:var(--bg-color)}.footer-links{display:flex;flex-direction:column;gap:.8rem}.footer-link{color:var(--font-color);text-decoration:none;font-size:var(--main-size);opacity:.8;transition:all .3s ease;position:relative;padding-left:1rem}.footer-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:4px;background:var(--green-color);border-radius:50%;transition:all .3s ease}.footer-link:hover{opacity:1;color:var(--green-color);transform:translate(5px)}.footer-link:hover:before{background:var(--orange-color);transform:translateY(-50%) scale(1.5)}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(71,225,141,.1);display:flex;justify-content:space-between;align-items:center;font-size:.9rem;opacity:.7}.footer-bottom p{display:flex;align-items:center;gap:.5rem}.heart{color:var(--orange-color);animation:heartbeat 2s ease-in-out infinite}@keyframes heartbeat{0%,50%,to{transform:scale(1)}25%{transform:scale(1.1)}}.footer-logo{font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,var(--green-color),var(--orange-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-left:.5rem}@media screen and (max-width: 860px){footer .container{flex-direction:column;max-width:300px}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-section h3{text-align:left}.footer-brand{max-width:none}.footer-social{justify-content:center}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}@media screen and (max-width: 600px){.footer-container{padding:2rem 1rem 1rem}.footer-content{gap:1.5rem}}