*{margin:0;padding:0;box-sizing:border-box}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:#667eea;color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;z-index:10000;transition:top .3s ease}.skip-link:focus{top:10px;outline:3px solid #fff;outline-offset:2px}body.dark-theme .skip-link{background:#8ab4f8;color:#1a1a2e}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center;transition:background .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}.main-content{display:flex;gap:20px;align-items:flex-start;justify-content:center;width:100%;max-width:1400px;contain:layout style}body.practice-mode{background:linear-gradient(135deg,#8e24aa,#6a1b9a);background-attachment:fixed}body.practice-mode h1,body.practice-mode #guess-count,body.practice-mode #game-status{color:#ce93d8}body.practice-mode .view-results-btn{background:linear-gradient(135deg,#8e24aa,#6a1b9a);box-shadow:0 2px 8px #8e24aa4d}body.practice-mode .view-results-btn:hover{box-shadow:0 4px 12px #8e24aa66}body.practice-mode .toggle-slider{background:linear-gradient(135deg,#8e24aa,#6a1b9a)}body.dark-theme{background:linear-gradient(135deg,#1a1a2e,#16213e);background-attachment:fixed}body.dark-theme.practice-mode{background:linear-gradient(135deg,#2d1b4e,#1a0f3a);background-attachment:fixed}body.dark-theme.practice-mode h1,body.dark-theme.practice-mode #guess-count,body.dark-theme.practice-mode #game-status{color:#ce93d8}body.dark-theme.practice-mode .view-results-btn{background:linear-gradient(135deg,#8e24aa,#6a1b9a);box-shadow:0 2px 8px #8e24aa4d}body.dark-theme.practice-mode .view-results-btn:hover{box-shadow:0 4px 12px #8e24aa66}body.dark-theme.practice-mode .toggle-slider{background:linear-gradient(135deg,#8e24aa,#6a1b9a)}body.dark-theme .container{background:#2d2d44;color:#e0e0e0}body.dark-theme h1{color:#8ab4f8}body.dark-theme .subtitle{color:#b0b0b0}body.dark-theme .game-info-section{background:#1e1e2e}body.dark-theme .game-info{background:#1e1e2e;border-bottom-color:#2d2d44}body.dark-theme .label{color:#b0b0b0}body.dark-theme #guess-count,body.dark-theme #game-status{color:#8ab4f8}body.dark-theme #country-input{background:#1e1e2e;color:#e0e0e0;border-color:#8ab4f8}body.dark-theme #country-input::placeholder{color:#707070}body.dark-theme .suggestions{background:#2d2d44;border-color:#8ab4f8;color:#e0e0e0}body.dark-theme .suggestion-item:hover,body.dark-theme .suggestion-item.selected{background:#3d3d54}body.dark-theme .suggestion-item.selected{outline-color:#8ab4f8}body.dark-theme .legend{background:#1e1e2e}body.dark-theme .legend h2{color:#e0e0e0}body.dark-theme .controls-container{background:#2d2d44f2}body.dark-theme .control-label{color:#e0e0e0}body.dark-theme .toggle-label{background:#1e1e2e}body.dark-theme .toggle-option{color:#b0b0b0}body.dark-theme .modal{background:#000000d9}body.dark-theme .modal-content{background:#2d2d44;color:#e0e0e0}body.dark-theme .modal-content h2{color:#8ab4f8}body.dark-theme .modal-content p{color:#e0e0e0}body.dark-theme #win-country{color:#8ab4f8}body.dark-theme .modal-hint{color:#707070}body.dark-theme .statistics-section{background:#1e1e2e}body.dark-theme .statistics-section h3,body.dark-theme .stat-value{color:#8ab4f8}body.dark-theme .stat-label{color:#b0b0b0}body.dark-theme .guess-distribution h4{color:#e0e0e0}body.dark-theme .distribution-label{color:#b0b0b0}body.dark-theme .distribution-bar-container{background:#1e1e2e}body.dark-theme .btn-secondary{background:#3d3d54;color:#e0e0e0}body.dark-theme .btn-secondary:hover{background:#4d4d64}#globe-container{width:700px;height:700px;background:#0003;border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden;flex-shrink:0;position:relative;transition:background .3s ease;touch-action:none;contain:layout style}#globe-container.practice-mode{background:#8e24aa40}#reset-view-btn{position:absolute;bottom:20px;right:20px;padding:12px;background:#667eeae6;border:none;border-radius:50%;font-size:1.5em;cursor:pointer;transition:all .3s;z-index:1000;width:48px;height:48px;display:flex;align-items:center;color:#fff;justify-content:center}#reset-view-btn:hover{background:#764ba2e6;transform:translateY(-2px) rotate(180deg)}.test-mode-btn{position:fixed;top:20px;right:20px;padding:10px 20px;background:#f0f;color:#fff;border:none;border-radius:8px;font-size:1em;font-weight:500;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #ff00ff4d;z-index:1000}.test-mode-btn:hover{background:#c0c;transform:translateY(-2px);box-shadow:0 4px 12px #f0f6}.container{max-width:500px;min-width:320px;min-height:700px;flex:1;background:#fff;border-radius:20px;padding:30px;box-shadow:0 20px 60px #0000004d;overflow:visible;touch-action:pan-y;-webkit-overflow-scrolling:touch;contain:layout style}header{text-align:center;margin-bottom:30px}h1{font-size:3em;color:#667eea;margin-bottom:10px}.subtitle{color:#666;font-size:1.1em}.game-info-section{margin-bottom:20px;background:#f5f5f5;border-radius:10px;overflow:hidden}.game-info{display:flex;justify-content:space-around;align-items:center;padding:15px;background:#f5f5f5;flex-wrap:wrap;gap:15px;border-bottom:2px solid #e0e0e0}.info-item{display:flex;flex-direction:column;align-items:center}.view-results-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1em;font-weight:500;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #667eea4d}.view-results-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.view-results-btn.hidden{display:none}.label{font-size:.9em;color:#666;margin-bottom:5px}#guess-count,#game-status{font-size:1.5em;font-weight:700;color:#667eea}.search-container{position:relative;margin-bottom:20px}#country-input{width:100%;padding:15px;font-size:1.1em;border:2px solid #667eea;border-radius:10px;outline:none;transition:all .3s}#country-input:focus{border-color:#764ba2;box-shadow:0 0 10px #667eea4d}.suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #667eea;border-top:none;border-radius:0 0 10px 10px;max-height:200px;overflow-y:auto;z-index:100;display:none}.suggestions.active{display:block}.suggestion-item{padding:12px 15px;cursor:pointer;transition:background .2s}.suggestion-item:hover,.suggestion-item.selected{background:#f0f0f0}.suggestion-item.selected{outline:2px solid #667eea;outline-offset:-2px}.legend{padding:15px;background:#f5f5f5}.legend h2{margin-bottom:10px;color:#333;font-size:1em}.legend-items{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:10px;font-size:.9em}.color-box{width:30px;height:20px;border-radius:4px;border:1px solid #ddd}.guesses-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;min-height:0}.controls-container{margin-top:20px;display:flex;flex-direction:column;gap:15px;padding:15px;background:#fffffff2;border-radius:12px;box-shadow:0 4px 12px #00000026;z-index:100}.control-group{display:flex;align-items:center;justify-content:space-between;gap:15px}.control-label{font-size:.95em;color:#333;font-weight:500}.toggle-switch{position:relative}.toggle-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2;margin:0}.toggle-label{display:flex;align-items:center;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;background:#e0e0e0;border-radius:20px;padding:4px;transition:background .3s}.toggle-option{font-size:.85em;padding:8px 0;border-radius:16px;z-index:1;transition:color .3s;color:#333;font-weight:500;text-align:center;white-space:nowrap;min-width:0;flex:1;display:flex;align-items:center;justify-content:center;line-height:1}.toggle-slider{position:absolute;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;transition:transform .3s ease;z-index:0;box-shadow:0 2px 4px #0003}.toggle-input:not(:checked)~.toggle-label .toggle-option[data-value=km],.toggle-input:not(:checked)~.toggle-label .toggle-option[data-value=distance]{color:#fff}.toggle-input:checked~.toggle-label .toggle-option[data-value=mi],.toggle-input:checked~.toggle-label .toggle-option[data-value=guess]{color:#fff}#units-toggle~.toggle-label{width:130px}#units-toggle~.toggle-label .toggle-slider{width:calc(50% - 4px);height:calc(100% - 8px);top:4px;left:4px;transform:translate(0)}#units-toggle:checked~.toggle-label .toggle-slider{transform:translate(100%)}#sort-toggle~.toggle-label{width:240px}#sort-toggle~.toggle-label .toggle-slider{width:calc(50% - 4px);height:calc(100% - 8px);top:4px;left:4px;transform:translate(0)}#sort-toggle:checked~.toggle-label .toggle-slider{transform:translate(100%)}#theme-toggle~.toggle-label{width:170px}#theme-toggle~.toggle-label .toggle-slider{width:calc(50% - 4px);height:calc(100% - 8px);top:4px;left:4px;transform:translate(0)}#theme-toggle:checked~.toggle-label .toggle-slider{transform:translate(100%)}#theme-toggle:not(:checked)~.toggle-label .toggle-option[data-value=light]{color:#fff}#theme-toggle:checked~.toggle-label .toggle-option[data-value=dark]{color:#fff}.colorblind-select{padding:8px 12px;border:2px solid #667eea;border-radius:8px;background:#fff;color:#333;font-size:.9em;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:180px}.colorblind-select:hover{border-color:#764ba2}.colorblind-select:focus{outline:none;border-color:#764ba2;box-shadow:0 0 0 3px #667eea4d}body.dark-theme .colorblind-select{background:#1e1e2e;color:#e0e0e0;border-color:#8ab4f8}body.dark-theme .colorblind-select:hover{border-color:#a0c4ff}body.dark-theme .colorblind-select:focus{box-shadow:0 0 0 3px #8ab4f84d}.practice-mode-btn{width:100%;padding:12px 20px;background:linear-gradient(135deg,#8e24aa,#6a1b9a);color:#fff;border:none;border-radius:10px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8e24aa4d;margin-top:10px}.practice-mode-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8e24aa66}.practice-mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d}.practice-mode-btn.active:hover{box-shadow:0 4px 12px #667eea66}.guess-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:10px;color:#1a1a1a;font-weight:700;animation:slideIn .3s ease-out;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.guess-item.light-text{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.guess-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.guess-item:active{transform:translateY(0)}.guess-item:focus{outline:3px solid #667eea;outline-offset:2px}.guess-item:focus-visible{outline:3px solid #667eea;outline-offset:2px}body.dark-theme .guess-item:focus,body.dark-theme .guess-item:focus-visible{outline-color:#8ab4f8}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.guess-country{font-size:1.1em;display:flex;align-items:center;gap:8px}.country-flag{display:inline-block;vertical-align:middle;border-radius:2px;box-shadow:0 1px 2px #0003}.guess-distance{font-size:.9em;opacity:.9}.guess-item.light-text .guess-distance,.guess-item.light-text .guess-country{opacity:1}.modal{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal.hidden{display:none}.modal-content{background:#fff;padding:40px;border-radius:20px;text-align:center;max-width:500px;animation:modalAppear .3s ease-out;max-height:90vh;overflow-y:auto}@keyframes modalAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-content h2{color:#667eea;margin-bottom:20px;font-size:2em}.modal-content p{margin:10px 0;color:#333;font-size:1.1em}#win-country{color:#667eea;font-size:1.3em}.modal-buttons{margin-top:20px;display:flex;gap:12px;justify-content:center}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:10px;font-size:1.1em;cursor:pointer;transition:all .3s;font-weight:500}.btn-primary{background:#5266d4;color:#fff}.btn-primary:hover{background:#764ba2;transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#e0e0e0;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.share-message{margin-top:15px;padding:10px 18px;background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;border-radius:8px;font-size:.9em;font-weight:500;box-shadow:0 2px 8px #22c55e4d;animation:gentleFadeInOut 2.5s ease-out}.share-message.hidden{display:none}@keyframes gentleFadeInOut{0%{opacity:0;transform:translateY(-5px) scale(.95)}15%{opacity:1;transform:translateY(0) scale(1)}85%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-3px) scale(.98)}}#play-again{padding:12px 24px}.modal-hint{margin-top:20px;font-size:.85em;color:#999;font-style:italic}.statistics-section{margin:25px 0;padding:20px;background:#f9f9f9;border-radius:12px}.statistics-section h3{color:#667eea;margin-bottom:15px;font-size:1.3em}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-value{font-size:1.8em;font-weight:700;color:#667eea}.stat-label{font-size:.75em;color:#666;text-transform:uppercase;letter-spacing:.5px}.guess-distribution{margin-top:20px}.guess-distribution h4{color:#333;margin-bottom:12px;font-size:1.1em;text-align:left}.distribution-bar{display:flex;align-items:center;gap:8px;margin-bottom:6px}.distribution-label{font-size:.9em;color:#666;min-width:40px;text-align:right;font-weight:500}.distribution-bar-container{flex:1;background:#e0e0e0;border-radius:4px;height:24px;position:relative;overflow:hidden}.distribution-bar-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;transition:width .5s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;min-width:24px}.distribution-bar-fill.current{background:linear-gradient(135deg,#22c55e,#16a34a)}.distribution-count{font-size:.85em;color:#fff;font-weight:700}@media(max-width:1200px){.main-content{flex-direction:column;align-items:center}body{overflow-y:auto}#globe-container{width:100%;max-width:700px;height:700px;flex-shrink:0;aspect-ratio:1 / 1}.container{width:100%;max-width:500px;overflow-y:auto;max-height:none;min-height:auto}}@media(max-width:600px){body{padding:10px;overflow-y:auto}#globe-container{height:250px;flex-shrink:0;aspect-ratio:auto}.container{padding:20px;overflow-y:auto;max-height:none;flex-shrink:1;min-height:auto}h1{font-size:2em}.legend-items{font-size:.8em}.modal-content{padding:25px;max-width:90vw}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-value{font-size:1.5em}.stat-label{font-size:.7em}.statistics-section h3{font-size:1.1em}.guess-distribution h4{font-size:1em}}.credits-footer{margin-top:40px;padding:20px;text-align:center;color:#fffc;font-size:.9em;width:100%;max-width:800px}.credits-footer a{color:#fff;text-decoration:underline;transition:opacity .2s}.credits-footer a:hover{opacity:.8}.credits-details{margin-top:8px;font-size:.85em;opacity:.8}.credits-note{margin-top:8px;font-size:.8em;font-style:italic;opacity:.7}body.dark-theme .credits-footer{color:#e0e0e0b3}body.dark-theme .credits-footer a{color:#8ab4f8}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button:focus-visible,.view-results-btn:focus-visible,.practice-mode-btn:focus-visible{outline:3px solid #667eea;outline-offset:2px}body.dark-theme button:focus-visible,body.dark-theme .view-results-btn:focus-visible,body.dark-theme .practice-mode-btn:focus-visible{outline-color:#8ab4f8}.toggle-switch input:focus-visible+.toggle-label{outline:3px solid #667eea;outline-offset:2px;border-radius:20px}body.dark-theme .toggle-switch input:focus-visible+.toggle-label{outline-color:#8ab4f8}.colorblind-select:focus-visible{outline:3px solid #667eea;outline-offset:2px}body.dark-theme .colorblind-select:focus-visible{outline-color:#8ab4f8}#migration-banner,#migration-success,#migration-conflict{position:fixed;top:0;left:0;right:0;z-index:10001;padding:16px;text-align:center;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}#migration-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}#migration-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}#migration-conflict{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.migration-content{max-width:600px;margin:0 auto}.migration-content p{margin:4px 0;font-size:14px;line-height:1.4}.migration-content p:first-child{font-size:16px}.migrate-btn{margin-top:12px;padding:10px 24px;font-size:14px;font-weight:600;color:#667eea;background:#fff;border:none;border-radius:6px;cursor:pointer;transition:transform .2s,box-shadow .2s}.migrate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.migrate-btn.secondary{background:transparent;color:#fff;border:2px solid white}.migrate-btn.secondary:hover{background:#ffffff1a}.migration-buttons{display:flex;gap:12px;justify-content:center;margin-top:12px}body.dark-theme #migration-banner{background:linear-gradient(135deg,#4c51bf,#5b21b6)}body.dark-theme .migrate-btn{color:#4c51bf}@media(max-width:480px){#migration-banner,#migration-success,#migration-conflict{padding:12px 8px}.migration-content p{font-size:13px}.migration-content p:first-child{font-size:14px}.migration-buttons{flex-direction:column;gap:8px}.migrate-btn{padding:8px 16px;font-size:13px}}