*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#1a1a2e;color:#e0e0e0;min-height:100vh}#app{margin:0 auto;padding:1rem}header{text-align:center;padding:.5rem 0}header h1{font-size:2rem;color:#e94560}header .subtitle{font-size:1rem;color:#a0a0b0;margin-top:.25rem}#game-layout{display:grid;grid-template-columns:1fr;gap:1rem}#map-container{width:100%;border-radius:8px;overflow:hidden;border:2px solid #333}#map{width:100%;height:50vh;min-height:300px;background-color:#0f3460}#game-controls{display:flex;flex-direction:column;gap:1rem}#instructions{background-color:#16213e;padding:1rem;border-radius:8px;font-size:.9rem;line-height:1.5;color:#c0c0d0}#input-wrapper{position:relative}#country-input{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid #333;border-radius:8px;background-color:#16213e;color:#e0e0e0;outline:none;transition:border-color .2s}#country-input:focus{border-color:#e94560}#country-input:disabled{opacity:.5;cursor:not-allowed}#autocomplete-list{list-style:none;position:absolute;top:100%;left:0;right:0;background-color:#16213e;border:2px solid #333;border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:1000;display:none}#autocomplete-list.visible{display:block}#autocomplete-list li{padding:.5rem 1rem;cursor:pointer;transition:background-color .15s}#autocomplete-list li:hover,#autocomplete-list li.selected{background-color:#e94560;color:#fff}#guess-list-container h2{font-size:1.1rem;color:#a0a0b0;margin-bottom:.5rem}#guess-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}#guess-list li{display:flex;align-items:center;padding:.5rem 1rem;background-color:#16213e;border-radius:6px;border-left:4px solid var(--guess-color, #555)}#guess-list li .country-name{font-weight:600;min-width:10rem;flex-shrink:0}#guess-list li .distance{color:#a0a0b0;font-size:.9rem;min-width:5.5rem;text-align:right;flex-shrink:0}#victory-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}#victory-modal.hidden{display:none}.modal-content{background-color:#16213e;padding:2rem;border-radius:12px;text-align:center;max-width:400px;width:90%}.modal-content h2{font-size:1.8rem;color:#e94560;margin-bottom:1rem}.modal-content p{margin-bottom:1.5rem;line-height:1.5}.modal-content button{padding:.5rem 2rem;font-size:1rem;background-color:#e94560;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.modal-content button:hover{background-color:#c73650}.header-controls{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:.75rem}.header-controls #mode-toggle{margin-top:0}.settings-btn{padding:.4rem .6rem;font-size:1.2rem;border:2px solid #333;border-radius:6px;background-color:#16213e;color:#a0a0b0;cursor:pointer;transition:all .2s;line-height:1}.settings-btn:hover{border-color:#e94560;color:#e0e0e0}#settings-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}#settings-modal.hidden{display:none}.settings-content{max-width:450px;text-align:left}.settings-content h2{text-align:center}.settings-group{margin-bottom:1.5rem}.settings-group h3{font-size:1rem;color:#a0a0b0;margin-bottom:.75rem;padding-bottom:.25rem;border-bottom:1px solid #333}.radio-label{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-bottom:.25rem;border-radius:6px;cursor:pointer;transition:background-color .15s;color:#e0e0e0;font-size:.95rem;flex-wrap:wrap}.radio-label:hover{background-color:#e945601a}.radio-label input[type=radio]{accent-color:#e94560;width:1rem;height:1rem;flex-shrink:0}.radio-desc{font-size:.8rem;color:#777;width:100%;padding-left:1.5rem;margin-top:-.25rem}@media (min-width: 768px){#app{padding:1rem 2rem}header h1{font-size:2.5rem}#game-layout{grid-template-columns:1fr 1fr;gap:1.5rem}#map{height:70vh;min-height:400px}#map-container{min-height:400px}#game-controls{max-height:70vh;overflow-y:auto}}@media (max-width: 480px){#app{padding:.5rem}header h1{font-size:1.5rem}#map{height:40vh;min-height:250px}#flag-grid{grid-template-columns:repeat(3,1fr)}}#mode-toggle{display:flex;justify-content:center;gap:.5rem}#game-mode-toggle{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}.game-mode-btn{padding:.4rem 1.2rem;font-size:.95rem;border:2px solid #333;border-radius:6px;background-color:#16213e;color:#a0a0b0;cursor:pointer;transition:all .2s}.game-mode-btn:hover{border-color:#e94560;color:#e0e0e0}.game-mode-btn.active{background-color:#e94560;border-color:#e94560;color:#fff}.mode-btn{padding:.4rem 1.2rem;font-size:.95rem;border:2px solid #333;border-radius:6px;background-color:#16213e;color:#a0a0b0;cursor:pointer;transition:all .2s}.mode-btn:hover{border-color:#e94560;color:#e0e0e0}.mode-btn.active{background-color:#e94560;border-color:#e94560;color:#fff}#flag-picker-wrapper.hidden{display:none}#flag-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.flag-cell{display:flex;flex-direction:column;align-items:center;padding:.6rem .25rem;background-color:#16213e;border:2px solid #333;border-radius:8px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.flag-cell:hover{border-color:#e94560;background-color:#1a2744}.flag-cell .flag-emoji{font-size:2.5rem;line-height:1}.flag-cell .flag-name{font-size:.75rem;color:#a0a0b0;margin-top:.3rem;text-align:center;line-height:1.2;word-break:break-word}.flag-cell.guessed{opacity:.35;pointer-events:none;position:relative}.flag-cell.guessed:after{content:"✓";position:absolute;top:2px;right:4px;font-size:.8rem;color:#22c55e}.flag-cell.disabled{opacity:.5;pointer-events:none}#flag-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:.75rem}.page-btn{padding:.3rem .8rem;font-size:1rem;border:2px solid #333;border-radius:6px;background-color:#16213e;color:#a0a0b0;cursor:pointer;transition:all .2s}.page-btn:hover{border-color:#e94560;color:#e0e0e0}.page-btn:disabled{opacity:.3;pointer-events:none}#flag-page-indicator{color:#a0a0b0;font-size:.9rem}.guess-bar-container{flex:1;height:10px;background-color:#0f1b33;border-radius:5px;margin:0 .75rem;overflow:hidden}.guess-bar{height:100%;border-radius:5px;background-color:var(--guess-color, #555);width:var(--bar-width, 0%);transition:width .3s ease}.hidden{display:none!important}#input-wrapper.hidden{display:none}#explore-info{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#16213e;border-radius:8px;min-height:3.5rem}#explore-info .explore-flag{font-size:3rem;line-height:1}#explore-info .explore-name{font-size:1.3rem;font-weight:600;color:#e0e0e0}#explore-info.hidden{display:none}.explore-active #instructions,.explore-active #guess-list-container{display:none!important}