@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";#root{min-height:100vh}:root{--bg-primary: #0a0f14;--bg-secondary: #111921;--bg-tertiary: #1a242e;--bg-card: #151d26;--accent-primary: #00d4aa;--accent-secondary: #00a888;--accent-glow: rgba(0, 212, 170, .15);--accent-glow-strong: rgba(0, 212, 170, .3);--text-primary: #e8f0f5;--text-secondary: #8a9bab;--text-muted: #5a6a7a;--success: #00d4aa;--success-bg: rgba(0, 212, 170, .1);--error: #ff6b6b;--error-bg: rgba(255, 107, 107, .1);--border-color: rgba(255, 255, 255, .08);--border-focus: rgba(0, 212, 170, .5);--font-display: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px var(--accent-glow)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.background-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(0,212,170,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,170,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.background-glow{position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 50% 50%,rgba(0,212,170,.08) 0%,transparent 50%);pointer-events:none;animation:pulse-glow 8s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.language-selector{position:fixed;top:1rem;right:1rem;display:flex;gap:.25rem;z-index:100;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.25rem}.lang-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;opacity:.6}.lang-btn:hover{opacity:1;background:var(--bg-tertiary)}.lang-btn.active{opacity:1;background:var(--accent-glow);box-shadow:0 0 10px var(--accent-glow)}.lang-flag{font-size:1.25rem;line-height:1}.header{padding:2rem 1.5rem 1rem;text-align:center;position:relative;z-index:1}.title{font-family:var(--font-display);font-size:2rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:.5rem}.title-icon{color:var(--accent-primary);font-size:1.5rem;animation:rotate-target 10s linear infinite}@keyframes rotate-target{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.subtitle{font-size:.95rem;color:var(--text-secondary);margin-top:.5rem;font-weight:400}.main{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem 2rem;position:relative;z-index:1}.game-container{width:100%;max-width:480px;display:flex;flex-direction:column;gap:1.5rem}.score-board{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md)}.score-item{display:flex;flex-direction:column;align-items:center}.score-value{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--accent-primary)}.score-total{font-size:1rem;color:var(--text-muted);font-weight:400}.score-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem}.score-divider{width:1px;height:40px;background:var(--border-color)}.coordinate-display{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;text-align:center;position:relative;overflow:hidden}.coordinate-display:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary))}.coordinate-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.5rem}.coordinates{display:flex;align-items:center;justify-content:center;gap:1.5rem}.coordinate{display:flex;flex-direction:column;align-items:center}.coord-value{font-family:var(--font-display);font-size:1.5rem;font-weight:500;color:var(--text-primary);letter-spacing:.02em}.coord-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem}.coordinate-divider{font-family:var(--font-display);color:var(--text-muted);font-size:1.25rem}.revealed-city{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.25rem}.city-name{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--accent-primary)}.country-name{font-size:.9rem;color:var(--text-secondary)}.city-search,.search-input-wrapper{position:relative}.search-input{width:100%;padding:1rem 1.25rem 1rem 3rem;font-family:var(--font-body);font-size:1rem;color:var(--text-primary);background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);outline:none;transition:all .2s ease}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-glow)}.search-input:disabled{opacity:.5;cursor:not-allowed}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.suggestions-list{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);list-style:none;overflow:hidden;box-shadow:var(--shadow-lg);z-index:100}.suggestion-item{padding:.875rem 1.25rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .15s ease;border-bottom:1px solid var(--border-color)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.selected{background:var(--bg-tertiary)}.suggestion-item.selected{background:var(--accent-glow)}.suggestion-city{font-weight:500;color:var(--text-primary)}.suggestion-country{font-size:.85rem;color:var(--text-muted)}.result-feedback{display:flex;flex-direction:column;align-items:center;padding:2rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;animation:slide-up .3s ease}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-feedback.correct{border-color:#00d4aa4d;background:var(--success-bg)}.result-feedback.incorrect{border-color:#ff6b6b4d;background:var(--error-bg)}.result-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:1rem}.result-feedback.correct .result-icon{background:var(--success-bg);color:var(--success)}.result-feedback.incorrect .result-icon{background:var(--error-bg);color:var(--error)}.result-text{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.result-feedback.correct .result-text{color:var(--success)}.result-feedback.incorrect .result-text{color:var(--error)}.correct-answer{color:var(--text-secondary);margin-bottom:.75rem}.correct-answer strong{color:var(--text-primary)}.wrong-answer-details{width:100%;margin-bottom:1rem}.guess-comparison{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#0003;border-radius:var(--radius-md);margin-top:.75rem}.guess-info{display:flex;flex-direction:column;gap:.25rem}.guess-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.guess-city{font-family:var(--font-display);font-weight:500;color:var(--text-primary)}.guess-coords{font-family:var(--font-display);font-size:.85rem;color:var(--text-secondary)}.distance-info{display:flex;flex-direction:column;align-items:center;padding-top:.75rem;border-top:1px solid var(--border-color)}.distance-value{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--error)}.distance-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.next-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--bg-primary);background:var(--accent-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;margin-top:.5rem}.next-button:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.game-over{text-align:center;padding:2rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:520px;width:100%;animation:scale-in .4s ease}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.game-over-emoji{font-size:4rem;margin-bottom:1rem}.game-over-title{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.final-score{font-family:var(--font-display);margin-bottom:.5rem}.final-score-value{font-size:4rem;font-weight:700;color:var(--accent-primary)}.final-score-total{font-size:1.5rem;color:var(--text-muted)}.final-percentage{font-family:var(--font-display);font-size:1.25rem;color:var(--text-secondary);margin-bottom:1rem}.game-over-message{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem}.stats-table-container{width:100%;max-height:300px;overflow-y:auto;margin-bottom:1.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}.stats-table{width:100%;border-collapse:collapse;font-size:.85rem}.stats-table thead{position:sticky;top:0;background:var(--bg-tertiary);z-index:1}.stats-table th{padding:.75rem .5rem;text-align:left;font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.stats-table td{padding:.6rem .5rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.stats-table tbody tr:last-child td{border-bottom:none}.stats-table .row-correct{background:#00d4aa0d}.stats-table .row-incorrect{background:#ff6b6b0d}.stats-table .round-number{font-family:var(--font-display);font-weight:500;color:var(--text-muted);text-align:center;width:30px}.stats-table .city-cell,.stats-table .guess-cell{display:flex;flex-direction:column;gap:.1rem}.stats-table .city-name{font-weight:500;color:var(--text-primary);font-size:.85rem}.stats-table .country-name{font-size:.7rem;color:var(--text-muted)}.stats-table .no-guess{color:var(--text-muted)}.stats-table .result-cell{text-align:center;font-family:var(--font-display);font-weight:600}.stats-table .result-correct{color:var(--success);font-size:1.1rem}.stats-table .result-incorrect{color:var(--error);font-size:.8rem}.restart-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--bg-primary);background:var(--accent-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.restart-button:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.footer{padding:1rem 1.5rem;text-align:center;font-size:.8rem;color:var(--text-muted);position:relative;z-index:1}@media(max-width:480px){.title{font-size:1.5rem}.coord-value{font-size:1.2rem}.coordinates{gap:1rem}.coordinate-display{padding:1.5rem}.game-over{padding:2rem 1.5rem}.final-score-value{font-size:3rem}}