.region-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);display:none;align-items:center;justify-content:center;z-index:10000;padding:20px;backdrop-filter:blur(4px)}.region-modal-overlay.show{display:flex;animation:fadeIn 0.3s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.region-modal-content{background-color:#2c3e50;border-radius:12px;padding:40px 30px;max-width:600px;width:100%;box-shadow:0 10px 40px rgba(0,0,0,0.3);animation:slideUp 0.3s ease-out}@keyframes slideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.region-modal-title{color:#ecf0f1;font-size:28px;font-weight:600;margin:0 0 10px 0;text-align:center}.region-modal-subtitle{color:#95a5a6;font-size:16px;margin:0 0 30px 0;text-align:center}.region-buttons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:25px}.region-btn{background-color:#34495e;border:2px solid #34495e;border-radius:8px;padding:20px;cursor:pointer;transition:all 0.2s ease;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:100px;justify-content:center}.region-btn:hover{background-color:#415566;border-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,152,219,0.3)}.region-btn.selected{background-color:#3498db;border-color:#3498db;box-shadow:0 4px 12px rgba(52,152,219,0.4)}.region-btn .region-flag{font-size:48px;line-height:1}.region-btn .region-name{color:#ecf0f1;font-size:16px;font-weight:500}.region-continue-btn{width:100%;padding:15px;background-color:#27ae60;color:white;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all 0.2s ease}.region-continue-btn:hover{background-color:#229954;box-shadow:0 4px 12px rgba(39,174,96,0.3)}.region-continue-btn:active{transform:scale(0.98)}.region-header{position:fixed;top:15px;right:15px;z-index:9999}.region-current{background-color:#34495e;border:1px solid #415566;border-radius:8px;padding:10px 15px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all 0.2s ease;color:#ecf0f1;font-size:14px;font-weight:500}.region-current:hover{background-color:#415566;border-color:#3498db;box-shadow:0 2px 8px rgba(52,152,219,0.2)}.region-current .region-flag{font-size:20px;line-height:1}.region-current .region-name{color:#ecf0f1}.region-current .region-arrow{font-size:10px;color:#95a5a6;margin-left:4px;transition:transform 0.2s ease}.region-current:hover .region-arrow{transform:translateY(2px)}.region-dropdown{position:absolute;top:calc(100%+8px);right:0;background-color:#2c3e50;border:1px solid #34495e;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.3);min-width:200px;display:none;overflow:hidden}.region-dropdown.show{display:block;animation:dropdownSlide 0.2s ease-out}@keyframes dropdownSlide{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.region-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#ecf0f1;text-decoration:none;transition:all 0.2s ease;border-bottom:1px solid #34495e}.region-dropdown-item:last-child{border-bottom:none}.region-dropdown-item:hover{background-color:#34495e}.region-dropdown-item .region-flag{font-size:20px;line-height:1}.region-dropdown-item .region-name{color:#ecf0f1;font-size:14px}@media (max-width:768px){.region-modal-content{padding:30px 20px;max-width:100%}.region-modal-title{font-size:24px}.region-modal-subtitle{font-size:14px;margin-bottom:20px}.region-buttons-grid{grid-template-columns:1fr;gap:12px}.region-btn{padding:16px;min-height:80px}.region-btn .region-flag{font-size:36px}.region-btn .region-name{font-size:14px}.region-continue-btn{padding:12px;font-size:16px}.region-header{top:10px;right:10px}.region-current{padding:8px 12px;gap:6px}.region-current .region-name{display:none}.region-current .region-flag{font-size:24px}.region-dropdown{min-width:180px}.region-dropdown-item{padding:10px 14px}}@media (max-width:480px){.region-modal-content{padding:25px 15px}.region-modal-title{font-size:20px}.region-modal-subtitle{font-size:13px}.region-btn .region-flag{font-size:32px}.region-btn .region-name{font-size:13px}}@media (hover:none) and (pointer:coarse){.region-btn{min-height:88px;padding:16px}.region-current{min-height:44px;padding:10px 15px}.region-dropdown-item{min-height:44px;padding:12px 16px}}.region-btn:focus,.region-current:focus,.region-dropdown-item:focus,.region-continue-btn:focus{outline:2px solid #3498db;outline-offset:2px}@media (prefers-reduced-motion:reduce){.region-modal-overlay.show,.region-modal-content,.region-dropdown.show,.region-btn,.region-current{animation:none;transition:none}}@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap');#region-selector{font-size:15px !important}#region-selector,#region-selector *,#region-selector div,#region-selector .Select-value,#region-selector .Select-option,#region-selector .VirtualizedSelectOption,.dash-dropdown,.dash-dropdown *{font-family:"Noto Color Emoji","Segoe UI Emoji","Apple Color Emoji","Segoe UI",system-ui,sans-serif !important;line-height:1.8 !important}#region-selector .Select-value-label,#region-selector .Select-option,#region-selector div[role="option"],#region-selector div[role="button"],.dash-dropdown .Select-value-label,.dash-dropdown .Select-option{font-size:15px !important;letter-spacing:0.3px !important;padding:8px 12px !important;font-family:"Noto Color Emoji","Segoe UI Emoji","Apple Color Emoji","Segoe UI",system-ui,sans-serif !important}#region-selector .Select-value-label::first-line,#region-selector .Select-option::first-line{font-size:1.2em}#region-selector .Select-option:hover,.dash-dropdown .Select-option:hover{background-color:#e8f5e9 !important;color:#28a745 !important}#region-selector .Select-option.is-selected,.dash-dropdown .Select-option.is-selected{background-color:#d4edda !important;color:#155724 !important;font-weight:600 !important}#region-selector .Select-option.is-focused,.dash-dropdown .Select-option.is-focused{background-color:#f8f9fa !important}#region-selector .Select-menu-outer,.dash-dropdown .Select-menu-outer{margin-top:4px !important;border:2px solid #28a745 !important;border-radius:8px !important;box-shadow:0 4px 12px rgba(40,167,69,0.15) !important}#region-selector .Select-option,.dash-dropdown .Select-option{padding:10px 14px !important;border-bottom:1px solid #e9ecef}#region-selector .Select-option:last-child,.dash-dropdown .Select-option:last-child{border-bottom:none}#region-selector .Select-value,.dash-dropdown .Select-value{padding:6px 12px !important}#region-selector .Select-control,.dash-dropdown .Select-control{border:2px solid #ced4da !important;border-radius:6px !important;transition:all 0.2s ease !important}#region-selector .Select-control:hover,.dash-dropdown .Select-control:hover{border-color:#28a745 !important}#region-selector .is-focused .Select-control,.dash-dropdown .is-focused .Select-control{border-color:#28a745 !important;box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25) !important}#region-selector .Select-arrow-zone,.dash-dropdown .Select-arrow-zone{padding-right:12px !important}@media (max-width:768px){#region-selector,.dash-dropdown{font-size:14px !important}#region-selector .Select-value-label,#region-selector .Select-option,.dash-dropdown .Select-value-label,.dash-dropdown .Select-option{font-size:14px !important;padding:8px 10px !important}}