@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-color: #56ab2f;--primary-hover: #489c25;--secondary-color: #a8e063;--white: #ffffff;--bg-gradient: radial-gradient(var(--primary-color), var(--secondary-color));--light-shadow: rgba(0, 0, 0, .1);--medium-shadow: rgba(0, 0, 0, .15);--heavy-shadow: rgba(0, 0, 0, .2);--popup-shadow: rgba(0, 0, 0, .3);--small-radius: 10px;--medium-radius: 20px;--large-radius: 50px;--transition-time: .2s}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Nunito,sans-serif;background:url(/map.svg) no-repeat center center/cover,var(--bg-gradient);min-width:100vw;min-height:100vh}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;padding:20px}.start-screen{text-align:center}.btn{font-family:inherit;cursor:pointer;transition:transform var(--transition-time),box-shadow var(--transition-time)}.start-btn{font-size:1.5rem;padding:1rem 2rem;background-color:var(--white);color:var(--primary-color);border:none;border-radius:var(--large-radius);box-shadow:0 4px 6px var(--light-shadow)}.start-btn:hover{transform:scale(1.05);box-shadow:0 6px 8px var(--medium-shadow)}.game-screen{display:inline-block;margin:0 auto;padding:30px;background-color:var(--white);border-radius:var(--medium-radius);box-shadow:0 4px 12px var(--heavy-shadow)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.timer{font-size:1.2rem;font-weight:700;color:var(--primary-color)}.restart-btn{background-color:var(--primary-color);color:var(--white);padding:.5rem 1rem;border:none;border-radius:var(--large-radius)}.restart-btn:hover{background-color:var(--primary-hover)}.flag-container{text-align:center;margin-bottom:20px}.flag-image{width:50rem;height:auto;border-radius:var(--small-radius);border:3px solid var(--primary-color)}.progress-bar-container{background-color:#e0e0e0;border-radius:var(--medium-radius);overflow:hidden;position:relative;margin-bottom:20px;height:20px}.progress-bar{height:100%;background-color:var(--primary-color);transition:width .3s}.progress-text{position:absolute;width:100%;top:0;left:0;text-align:center;line-height:20px;font-size:.9rem;color:var(--white);font-weight:700}.choices-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px}.choice-btn{flex:1 1 calc(50% - 10px);background-color:#f7f7f7;border:2px solid var(--primary-color);border-radius:var(--medium-radius);padding:10px;font-size:1rem;color:#333;transition:transform var(--transition-time),background-color var(--transition-time)}.choice-btn:hover{background-color:#e0ffe0;transform:scale(1.05)}.feedback{text-align:center;padding:10px;border-radius:var(--medium-radius);font-size:1.1rem;font-weight:700;animation:fadeInOut 1.2s forwards}.feedback[data-correct=true]{background-color:#d4edda;color:#155724}.feedback[data-correct=false]{background-color:#f8d7da;color:#721c24}@keyframes fadeInOut{0%{opacity:0;transform:scale(.9)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center}.popup-content{background-color:var(--white);color:var(--primary-color);padding:30px;border-radius:var(--medium-radius);text-align:center;width:80%;max-width:400px;box-shadow:0 4px 12px var(--popup-shadow)}.popup-content h2{margin-top:0;color:var(--primary-color)}.popup-content p{font-size:1.1rem;margin:10px 0}.popup-btn{background-color:var(--primary-color);color:var(--white);border:none;border-radius:var(--medium-radius);padding:10px 20px;margin:10px;cursor:pointer;transition:background-color var(--transition-time)}.popup-btn:hover{background-color:var(--primary-hover)}@media (max-width: 768px){.app.mobile{padding:10px}.game-screen{width:100%;padding:20px;border-radius:var(--small-radius)}.header{flex-direction:column;align-items:center;gap:10px}.flag-image{width:90%;max-width:300px;border-width:2px}.choices-container{flex-direction:column}.choice-btn{flex:none;width:100%;padding:12px;font-size:1.1rem}.popup-content{width:90%;max-width:300px;padding:20px}}