*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;color:#fff}.app{padding:20px;max-width:1400px;margin:0 auto}h1{text-align:center;margin-bottom:10px;font-size:2.5rem;background:linear-gradient(90deg,#00d4ff,#7b2cbf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{text-align:center;color:#888;margin-bottom:30px;font-size:1.1rem}.map-container{background:#ffffff0d;border-radius:20px;padding:20px;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.legend{display:flex;justify-content:center;gap:40px;margin-top:20px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:10px;font-size:1rem}.legend-color{width:24px;height:24px;border-radius:6px;box-shadow:0 2px 8px #0000004d}.legend-color.friendly{background:linear-gradient(135deg,#00c853,#69f0ae)}.legend-color.enemy{background:linear-gradient(135deg,#ff1744,#ff8a80)}.legend-color.neutral{background:linear-gradient(135deg,#546e7a,#78909c)}.tooltip{position:fixed;background:#000000e6;color:#fff;padding:10px 15px;border-radius:8px;font-size:.9rem;pointer-events:none;z-index:1000;box-shadow:0 4px 12px #0006;border:1px solid rgba(255,255,255,.1)}.tooltip .status{font-weight:700;margin-top:5px}.tooltip .status.friendly{color:#69f0ae}.tooltip .status.enemy{color:#ff8a80}.tooltip .status.neutral{color:#90a4ae}.country-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.country-list{background:#ffffff0d;border-radius:15px;padding:20px;border:1px solid rgba(255,255,255,.1)}.country-list h3{margin-bottom:15px;display:flex;align-items:center;gap:10px}.country-list h3 .icon{font-size:1.5rem}.country-list.friendly h3{color:#69f0ae}.country-list.enemy h3{color:#ff8a80}.country-list ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}.country-list li{background:#ffffff1a;padding:6px 12px;border-radius:20px;font-size:.85rem}.country-list.friendly li{background:#69f0ae33;color:#69f0ae}.country-list.enemy li{background:#ff8a8033;color:#ff8a80}@media (max-width: 768px){h1{font-size:1.8rem}.legend{gap:20px}.map-container{padding:10px}}