:root{--primary-blue: #1e40af;--primary-red: #dc2626;--accent-gold: #f59e0b;--neutral-100: #f8fafc;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--border-radius: 12px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 0%,transparent 50%),linear-gradient(135deg,#1e3a8a,#3730a3,#1e40af,#dc2626,#b91c1c);min-height:100vh;line-height:1.6;color:var(--neutral-800)}#root{min-height:100vh}.app-container{min-height:100vh;background:inherit}.main-content{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:calc(100vh - 73px);padding:2rem 0}.nav-wrapper{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;padding:1rem 2rem;box-shadow:var(--shadow-md);border-bottom:1px solid var(--neutral-200)}.nav-left{font-size:clamp(1.25rem,4vw,2rem);font-weight:800;color:var(--primary-blue);text-shadow:none;letter-spacing:2px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-right{display:flex;gap:1rem;align-items:center}.nav-stats{display:flex;flex-direction:column;align-items:center;font-weight:600;background:linear-gradient(135deg,var(--primary-blue),var(--primary-red));color:#fff;padding:.5rem 1rem;border-radius:var(--border-radius);box-shadow:var(--shadow-md);min-width:80px}.visited-count{font-size:1.1rem;color:#fff;font-weight:700}.visited-percentage{font-size:.85rem;color:#ffffffe6}.nav-item{display:flex}.nav-item button{padding:.75rem 1.5rem;font-size:.9rem;background:linear-gradient(135deg,var(--primary-blue),var(--primary-red));color:#fff;border-radius:var(--border-radius);border:none;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.nav-item button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.nav-wrapper{padding:1rem}.nav-left{letter-spacing:1px}}.state-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;padding:2rem;max-width:1400px;margin:0 auto}.state-item{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);transition:border-color .3s ease;overflow:hidden;border:4px solid var(--neutral-200)}.state-item:hover{border-color:#f59e0b}.state-flag{width:80px;height:50px;object-fit:cover;border-radius:6px;border:3px solid var(--neutral-300);background:#fff;padding:2px;box-shadow:var(--shadow-md)}.state-wrapper{display:flex;align-items:center;padding:1.5rem;gap:1rem}.state-name{flex:1;color:var(--neutral-800);font-size:1.1rem;font-weight:700;margin:0;letter-spacing:.5px}.state-status{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-align:center;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.state-status[data-visited=true]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:var(--shadow-sm)}.state-status[data-visited=true]:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.state-status[data-visited=false]{background-color:var(--neutral-200);color:var(--neutral-600);cursor:default}@media (max-width: 768px){.state-content{grid-template-columns:1fr;padding:1rem;gap:1rem}.state-wrapper{padding:1rem}.state-flag{width:60px;height:40px}.state-name{font-size:1rem}}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90vw,600px);max-height:80vh;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);border:1px solid var(--neutral-200);display:none;z-index:1000;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-60%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--neutral-200)}.modal-header-content{display:flex;align-items:center;gap:1rem}.modal-header-title{font-size:1.5rem;font-weight:700;color:var(--neutral-800);margin:0}.modal-flag{width:60px;height:40px;object-fit:cover;border-radius:4px;border:2px solid var(--neutral-300);background:#fff;padding:1px;box-shadow:var(--shadow-sm)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--neutral-500);padding:.5rem;border-radius:50%;transition:all .2s ease}.modal-close:hover{background-color:var(--neutral-100);color:var(--neutral-700)}.modal-body{padding:1.5rem;font-size:1rem;line-height:1.6;color:var(--neutral-700);max-height:60vh;overflow-y:auto}@media (max-width: 768px){.modal{width:calc(100vw - 2rem);max-width:calc(100vw - 2rem)}.modal-header,.modal-body{padding:1rem}}