Okay, here is the final, official version of "The Geopolitical Crucible" manual. It integrates all the realism, customizability, AI delegation, and narrative depth we've discussed, presented in a clear and comprehensive format.
Browse filesThe Geopolitical Crucible: An AI-Driven Nation Simulation
Official Manual: Version 1.0
Welcome, aspiring world leader, to "The Geopolitical Crucible" – an advanced AI-driven simulation designed to explore the intricate dynamics of global power, ideology, and diplomacy. In this high-stakes environment, you will observe the strategic dance of established world powers, each guided by its own sophisticated AI persona, and critically, you will introduce and steer the destiny of your own custom-designed nation.
Simulation Year: 2025 (Reflecting contemporary geopolitical tensions and technological advancements)
Core Theme: Navigating a multipolar world defined by geopolitical power struggles, ideological competition, the shadow of nuclear deterrence, economic rivalries, internal stability challenges, and the constant emergence of new threats and opportunities in an interconnected global landscape.
Part 1: Understanding the Core Simulation Mechanics
The Crucible operates on a turn-based system, with each "turn" representing a significant period of time (e.g., one year) within the simulation. This framework allows for strategic planning, reactive diplomacy, and the observation of long-term consequences.
1.1. The Simulation Turn Cycle
Each turn of the simulation follows a precise sequence of phases:
Initialization (Turn 1 Only):
The foundational WorldState is established, defining global conditions and the initial status of all pre-loaded major powers (United States, Russian Federation, People's Republic of China, United Kingdom, France, and Germany).
You, the player, will then be prompted to define your custom nation and its representative.
Information Phase:
Public Situation Report Dissemination: All active participants (AI personas and your custom representative) receive a comprehensive "Public Situation Report." This report is meticulously curated to reflect information broadly accessible on the global stage, including:
Global Overview: Summaries of worldwide trends, major publicly known events, and general assessments.
Faction Dossiers (Public Narrative): The self-written, official narratives of all active nations. These dossiers are crafted to project each nation's desired image, highlighting strengths and reframing challenges.
Your Nation's Strategic Snapshot: Specific internal reports and external updates directly relevant to your country.
The Global Policy Conference:
This phase simulates a high-level diplomatic forum. It is a shared, text-based discussion arena where all national representatives actively participate.
Representatives can propose policies, engage in negotiations, form alliances, issue warnings, make accusations, or respond to statements from others.
The ConferenceTranscript is dynamically updated, providing a near real-time reflection of the ongoing diplomatic exchange.
Decision Phase:
Drawing upon the Public Situation Report, the unfolding ConferenceTranscript, and their nation's core mandate, each representative formulates their strategic Policy Decisions.
These decisions are submitted to the system as a structured JSON object.
Referee Evaluation:
A central, impartial "Referee" component (the core simulation engine) collects all Policy Decisions and Conference Messages.
Crucially, the Referee operates using private, objective Internal Assessments of each nation. These assessments contain the true, unvarnished facts about a nation's strengths, vulnerabilities, hidden agendas, and accurate internal situation – information that is deliberately withheld from the AI personas and players.
Using these Internal Assessments, the Referee applies sophisticated models to simulate:
Economic Impacts: Trade, investment, sanctions, growth, and recession.
Military Conflicts: Probabilistic outcomes based on true strength, technology, and diplomatic context.
Socio-Political Stability: Public mood shifts, internal unrest, and the effects of policies on regions or populations.
Diplomatic Relations: Adjustments to alliances, rivalries, and international standing.
Global Events: Introduction of new, unpredictable events (e.g., natural disasters, technological breakthroughs, socio-political crises) based on world state and probabilities.
The Referee then generates concise outcome summaries based on these calculations.
Turn End:
The global WorldState is comprehensively updated to reflect all decisions, conflicts, and events resolved by the Referee.
A summary of global and nation-specific outcomes is prepared for review.
The ConferenceTranscript is archived and cleared, ready for the next turn's diplomatic discussions.
The simulation proceeds to the next turn, allowing for the observation of long-term trends and emergent behavior.
1.2. Information Layers: The Art of Perception
A foundational principle of "The Geopolitical Crucible" is the distinction between perceived reality and objective truth. This mirrors the complexities of real-world intelligence and diplomacy:
Public Faction Dossiers (Perception): These extensive, narrative-style entries are presented as each nation's official, self-curated history and current profile. They highlight strengths, achievements, and frame challenges in a positive or neutral light, omitting sensitive weaknesses. These dossiers are the only information about other nations that all AI personas and players receive. They are instrumental in shaping diplomatic rhetoric and strategic assumptions.
Referee's Internal Assessments (Reality): The Referee maintains a secret, objective, and comprehensive Internal Assessment for every nation. This includes true economic figures, precise military readiness, actual levels of internal dissent, specific hidden agendas, and unvarnished vulnerabilities. This data is exclusively for the Referee's use and is NEVER directly disclosed to any persona or player. Personas must rely on their interpretive abilities, observing actions, analyzing rhetoric, and processing the Referee's impartial outcome summaries to infer the true state of other nations. This dynamic fosters plausible deniability, strategic deception, and the necessity of nuanced interpretation.
Part 2: The Established Global Powers & Their Representatives
The simulation begins with six major global powers, each brought to life by a sophisticated AI embodying a specific, named representative. Each representative's actions are driven by their nation's Public Dossier and their own unique Embodied Persona profile.
(Manual will include full, detailed dossiers for each of these nations here, similar to the examples provided previously, with their curated narratives.)
2.1. The United States of America (USA)
Embodied Persona: President Arthur "Art" Sterling
Public Dossier: (Full narrative here)
2.2. The Russian Federation (RFN)
Embodied Persona: Foreign Minister Sergei Volkov
Public Dossier: (Full narrative here)
2.3. The People's Republic of China (PRC)
Embodied Persona: Premier Li Wei
Public Dossier: (Full narrative here)
2.4. The United Kingdom (UK)
Embodied Persona: Prime Minister Eleanor Vance
Public Dossier: (Full narrative here)
2.5. France (FRA)
Embodied Persona: President Jean-Luc Dubois
Public Dossier: (Full narrative here)
2.6. Germany (GER)
Embodied Persona: Chancellor Anja Schmidt
Public Dossier: (Full narrative here)
Part 3: Your Custom Nation (UCN) - A New Player on the World Stage
This is your opportunity to directly influence the geopolitical landscape. You will create the seventh major player in this simulation, shaping its history, ideology, and the persona of its representative.
3.1. Defining Your Custom Nation: The UCN Profile
Before the simulation commences, you will be prompted to provide the following details for your custom nation. Your input directly shapes your nation's Public Dossier and the characteristics of its representative. Thoughtful and consistent responses will lead to a more compelling and realistic simulation experience.
Your Custom Nation Profile Form:
Nation Name: (e.g., "Republic of Cascadia", "Elysian Technate", "Confederation of the Sahara")
Year of Independence/Formation: (When did your nation come into prominent existence or gain sovereignty?)
Core Ideology: (What foundational political, economic, and social principles guide your nation? e.g., "Techno-Socialist Democracy", "Eco-Anarchist Federation", "Authoritarian AI-Guided Meritocracy")
Key Historical Events (Brief, 2-3 sentences): (Outline defining moments in your nation's past, focusing on public narrative.)
Current Economic State (Brief, 1-2 sentences): (Describe its economic health, primary industries, and unique economic characteristics from a public perspective.)
Military/Security Posture (Brief, 1-2 sentences): (How does your nation approach defense and security? E.g., "Small, defensive, relying on advanced cyber defenses", "Well-equipped professional army, advanced drone capabilities", "Neutrality-focused, minimal armed forces.")
Initial Relations with other Powers (Brief): (How does your nation initially view/relate to the pre-loaded powers? E.g., 'Neutral', 'Friendly with China', 'Wary of USA', 'Allied with France')
3.2. Creating Your Representative: The UCN Embodied Persona
You will also craft the persona of the individual who will represent your custom nation on the global stage:
Your Representative Profile Form:
Your Representative's Name: (e.g., "Ambassador Lena Petrova", "Director Kaelen", "Elder Mara")
Your Representative's Title/Role: (e.g., "Minister of Foreign Affairs", "AI Ethics Envoy", "Head of the Council of Elders")
Personal History/Background (Brief, 2-3 sentences): (Provide a concise narrative of their past experiences and how these shaped their worldview and approach to diplomacy.)
Core Beliefs & Biases (Brief, 1-2 sentences): (Identify their fundamental guiding principles and any strong predispositions or prejudices that will influence their decisions and interactions.)
3.3. Your Role: Manual Control or AI
- geopolitical.html +331 -0
- index.html +4 -1
|
@@ -0,0 +1,331 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en" class="dark">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>Geopolitical Crucible | CYBERSENTINEL</title>
|
| 7 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 8 |
+
<script src="https://unpkg.com/feather-icons"></script>
|
| 9 |
+
<style>
|
| 10 |
+
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
|
| 11 |
+
|
| 12 |
+
:root {
|
| 13 |
+
--bg-primary: #050505;
|
| 14 |
+
--bg-secondary: #121212;
|
| 15 |
+
--text-primary: #ffffff;
|
| 16 |
+
--text-secondary: #b3b3b3;
|
| 17 |
+
--accent: #0066ff;
|
| 18 |
+
--border: 1px solid #1a1a1a;
|
| 19 |
+
}
|
| 20 |
+
|
| 21 |
+
body {
|
| 22 |
+
font-family: 'Inter', sans-serif;
|
| 23 |
+
background-color: var(--bg-primary);
|
| 24 |
+
color: var(--text-primary);
|
| 25 |
+
letter-spacing: -0.02em;
|
| 26 |
+
line-height: 1.5;
|
| 27 |
+
}
|
| 28 |
+
|
| 29 |
+
.card {
|
| 30 |
+
background-color: var(--bg-secondary);
|
| 31 |
+
border: var(--border);
|
| 32 |
+
border-radius: 0;
|
| 33 |
+
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
| 34 |
+
}
|
| 35 |
+
|
| 36 |
+
.card:hover {
|
| 37 |
+
border-color: #333333;
|
| 38 |
+
}
|
| 39 |
+
|
| 40 |
+
.tab {
|
| 41 |
+
border-bottom: 2px solid transparent;
|
| 42 |
+
transition: all 0.2s ease;
|
| 43 |
+
}
|
| 44 |
+
|
| 45 |
+
.tab-active {
|
| 46 |
+
border-bottom-color: var(--accent);
|
| 47 |
+
color: var(--text-primary);
|
| 48 |
+
}
|
| 49 |
+
|
| 50 |
+
.nation-card {
|
| 51 |
+
border-left: 3px solid transparent;
|
| 52 |
+
}
|
| 53 |
+
|
| 54 |
+
.nation-card:hover {
|
| 55 |
+
border-left-color: var(--accent);
|
| 56 |
+
}
|
| 57 |
+
</style>
|
| 58 |
+
</head>
|
| 59 |
+
<body class="min-h-screen">
|
| 60 |
+
<!-- Navigation -->
|
| 61 |
+
<nav class="bg-[var(--bg-secondary)] border-b border-[#1a1a1a] fixed w-full z-10">
|
| 62 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 63 |
+
<div class="flex items-center justify-between h-16">
|
| 64 |
+
<div class="flex items-center">
|
| 65 |
+
<div class="flex-shrink-0 flex items-center">
|
| 66 |
+
<i data-feather="shield" class="text-[var(--accent)] h-8 w-8"></i>
|
| 67 |
+
<span class="ml-2 text-xl font-bold text-[var(--text-primary)]">CYBERSENTINEL</span>
|
| 68 |
+
</div>
|
| 69 |
+
<div class="hidden md:block">
|
| 70 |
+
<div class="ml-10 flex items-baseline space-x-4">
|
| 71 |
+
<a href="index.html" class="nav-item text-[var(--text-secondary)] px-3 py-2 text-sm font-medium flex items-center">
|
| 72 |
+
<i data-feather="home" class="mr-2 h-4 w-4"></i> Dashboard
|
| 73 |
+
</a>
|
| 74 |
+
<a href="#" class="nav-item text-[var(--text-secondary)] px-3 py-2 text-sm font-medium flex items-center">
|
| 75 |
+
<i data-feather="globe" class="mr-2 h-4 w-4"></i> Network
|
| 76 |
+
</a>
|
| 77 |
+
<a href="geopolitical.html" class="nav-item bg-[rgba(0,102,255,0.1)] text-[var(--accent)] px-3 py-2 text-sm font-medium flex items-center">
|
| 78 |
+
<i data-feather="map" class="mr-2 h-4 w-4"></i> Geopolitical Sim
|
| 79 |
+
</a>
|
| 80 |
+
<a href="dragonwing.html" class="nav-item text-gray-300 hover:bg-gray-800 hover:text-white px-3 py-2 rounded-md text-sm font-medium flex items-center">
|
| 81 |
+
<i data-feather="hard-drive" class="mr-2 h-4 w-4"></i> Dragonwing
|
| 82 |
+
</a>
|
| 83 |
+
</div>
|
| 84 |
+
</div>
|
| 85 |
+
</div>
|
| 86 |
+
</div>
|
| 87 |
+
</div>
|
| 88 |
+
</nav>
|
| 89 |
+
|
| 90 |
+
<!-- Main Content -->
|
| 91 |
+
<main class="pt-20 pb-12 px-4 sm:px-6 lg:px-8">
|
| 92 |
+
<div class="max-w-7xl mx-auto">
|
| 93 |
+
<div class="flex justify-between items-center mb-8">
|
| 94 |
+
<h1 class="text-3xl font-bold text-[var(--text-primary)]">GEOPOLITICAL CRUCIBLE</h1>
|
| 95 |
+
<div class="flex space-x-2">
|
| 96 |
+
<button class="btn bg-transparent border border-[#333] text-[var(--text-primary)] text-sm font-medium flex items-center">
|
| 97 |
+
<i data-feather="book" class="mr-2 h-4 w-4"></i> Manual
|
| 98 |
+
</button>
|
| 99 |
+
<button class="btn btn-primary text-sm font-medium flex items-center">
|
| 100 |
+
<i data-feather="play" class="mr-2 h-4 w-4"></i> New Simulation
|
| 101 |
+
</button>
|
| 102 |
+
</div>
|
| 103 |
+
</div>
|
| 104 |
+
|
| 105 |
+
<!-- Tabs -->
|
| 106 |
+
<div class="flex border-b border-[#1a1a1a] mb-8">
|
| 107 |
+
<button class="tab tab-active px-4 py-2 font-medium">Current Simulation</button>
|
| 108 |
+
<button class="tab px-4 py-2 text-[var(--text-secondary)]">Nation Builder</button>
|
| 109 |
+
<button class="tab px-4 py-2 text-[var(--text-secondary)]">Historical Archives</button>
|
| 110 |
+
</div>
|
| 111 |
+
|
| 112 |
+
<!-- Simulation Overview -->
|
| 113 |
+
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8 mb-8">
|
| 114 |
+
<div class="lg:col-span-2">
|
| 115 |
+
<div class="card p-6">
|
| 116 |
+
<h3 class="text-xl font-semibold mb-4">SIMULATION STATUS</h3>
|
| 117 |
+
<div class="grid grid-cols-3 gap-4 mb-6">
|
| 118 |
+
<div class="bg-[rgba(0,102,255,0.1)] p-4">
|
| 119 |
+
<p class="text-sm font-medium text-[var(--text-secondary)]">CURRENT TURN</p>
|
| 120 |
+
<p class="text-2xl font-semibold">12</p>
|
| 121 |
+
</div>
|
| 122 |
+
<div class="bg-[rgba(0,102,255,0.1)] p-4">
|
| 123 |
+
<p class="text-sm font-medium text-[var(--text-secondary)]">SIMULATION YEAR</p>
|
| 124 |
+
<p class="text-2xl font-semibold">2037</p>
|
| 125 |
+
</div>
|
| 126 |
+
<div class="bg-[rgba(0,102,255,0.1)] p-4">
|
| 127 |
+
<p class="text-sm font-medium text-[var(--text-secondary)]">GLOBAL STABILITY</p>
|
| 128 |
+
<p class="text-2xl font-semibold text-yellow-500">Volatile</p>
|
| 129 |
+
</div>
|
| 130 |
+
</div>
|
| 131 |
+
<div class="border-t border-[#1a1a1a] pt-4">
|
| 132 |
+
<h4 class="font-medium mb-2">RECENT DEVELOPMENTS</h4>
|
| 133 |
+
<ul class="space-y-3">
|
| 134 |
+
<li class="flex items-start">
|
| 135 |
+
<div class="w-2 h-2 bg-[var(--accent)] mt-2 mr-2"></div>
|
| 136 |
+
<div>
|
| 137 |
+
<p>United States imposes new sanctions on Russian energy exports</p>
|
| 138 |
+
<p class="text-xs text-[var(--text-secondary)]">Turn 11, 2036</p>
|
| 139 |
+
</div>
|
| 140 |
+
</li>
|
| 141 |
+
<li class="flex items-start">
|
| 142 |
+
<div class="w-2 h-2 bg-green-500 mt-2 mr-2"></div>
|
| 143 |
+
<div>
|
| 144 |
+
<p>China and Pacific Alliance sign trade agreement</p>
|
| 145 |
+
<p class="text-xs text-[var(--text-secondary)]">Turn 10, 2035</p>
|
| 146 |
+
</div>
|
| 147 |
+
</li>
|
| 148 |
+
<li class="flex items-start">
|
| 149 |
+
<div class="w-2 h-2 bg-red-500 mt-2 mr-2"></div>
|
| 150 |
+
<div>
|
| 151 |
+
<p>Escalating tensions in South China Sea</p>
|
| 152 |
+
<p class="text-xs text-[var(--text-secondary)]">Turn 9, 2034</p>
|
| 153 |
+
</div>
|
| 154 |
+
</li>
|
| 155 |
+
</ul>
|
| 156 |
+
</div>
|
| 157 |
+
</div>
|
| 158 |
+
</div>
|
| 159 |
+
<div>
|
| 160 |
+
<div class="card p-6">
|
| 161 |
+
<h3 class="text-xl font-semibold mb-4">YOUR NATION</h3>
|
| 162 |
+
<div class="flex items-center mb-4">
|
| 163 |
+
<div class="w-16 h-16 bg-[rgba(0,102,255,0.1)] flex items-center justify-center mr-4">
|
| 164 |
+
<i data-feather="flag" class="text-[var(--accent)] h-8 w-8"></i>
|
| 165 |
+
</div>
|
| 166 |
+
<div>
|
| 167 |
+
<p class="text-lg font-semibold">Elysian Technate</p>
|
| 168 |
+
<p class="text-sm text-[var(--text-secondary)]">Represented by Director Kaelen</p>
|
| 169 |
+
</div>
|
| 170 |
+
</div>
|
| 171 |
+
<div class="space-y-4">
|
| 172 |
+
<div>
|
| 173 |
+
<p class="text-sm font-medium text-[var(--text-secondary)]">IDEOLOGY</p>
|
| 174 |
+
<p>Techno-Socialist Democracy</p>
|
| 175 |
+
</div>
|
| 176 |
+
<div>
|
| 177 |
+
<p class="text-sm font-medium text-[var(--text-secondary)]">CURRENT STATUS</p>
|
| 178 |
+
<div class="flex items-center">
|
| 179 |
+
<div class="w-2 h-2 bg-green-500 mr-2"></div>
|
| 180 |
+
<p>Stable</p>
|
| 181 |
+
</div>
|
| 182 |
+
</div>
|
| 183 |
+
<div>
|
| 184 |
+
<p class="text-sm font-medium text-[var(--text-secondary)]">INFLUENCE SCORE</p>
|
| 185 |
+
<div class="w-full bg-[#1a1a1a] h-2 mt-1">
|
| 186 |
+
<div class="bg-[var(--accent)] h-2" style="width: 65%"></div>
|
| 187 |
+
</div>
|
| 188 |
+
<p class="text-xs text-right">65/100</p>
|
| 189 |
+
</div>
|
| 190 |
+
</div>
|
| 191 |
+
</div>
|
| 192 |
+
</div>
|
| 193 |
+
</div>
|
| 194 |
+
|
| 195 |
+
<!-- Nations Grid -->
|
| 196 |
+
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
|
| 197 |
+
<!-- United States -->
|
| 198 |
+
<div class="card nation-card p-4 hover:border-accent">
|
| 199 |
+
<div class="flex items-center mb-3">
|
| 200 |
+
<img src="http://static.photos/flags/200x200/us" class="w-8 h-8 mr-3" alt="USA Flag">
|
| 201 |
+
<div>
|
| 202 |
+
<p class="font-medium">United States</p>
|
| 203 |
+
<p class="text-xs text-[var(--text-secondary)]">President Arthur Sterling</p>
|
| 204 |
+
</div>
|
| 205 |
+
</div>
|
| 206 |
+
<div class="text-sm mb-3">
|
| 207 |
+
<p class="text-[var(--text-secondary)]">Status:</p>
|
| 208 |
+
<p>Global superpower maintaining hegemony</p>
|
| 209 |
+
</div>
|
| 210 |
+
<div class="flex justify-between text-xs">
|
| 211 |
+
<div>
|
| 212 |
+
<p class="text-[var(--text-secondary)]">Relation</p>
|
| 213 |
+
<p class="text-yellow-500">Neutral</p>
|
| 214 |
+
</div>
|
| 215 |
+
<div>
|
| 216 |
+
<p class="text-[var(--text-secondary)]">Threat</p>
|
| 217 |
+
<p class="text-red-500">High</p>
|
| 218 |
+
</div>
|
| 219 |
+
<div>
|
| 220 |
+
<p class="text-[var(--text-secondary)]">Trade</p>
|
| 221 |
+
<p class="text-green-500">$45B</p>
|
| 222 |
+
</div>
|
| 223 |
+
</div>
|
| 224 |
+
</div>
|
| 225 |
+
|
| 226 |
+
<!-- China -->
|
| 227 |
+
<div class="card nation-card p-4 hover:border-accent">
|
| 228 |
+
<div class="flex items-center mb-3">
|
| 229 |
+
<img src="http://static.photos/flags/200x200/cn" class="w-8 h-8 mr-3" alt="China Flag">
|
| 230 |
+
<div>
|
| 231 |
+
<p class="font-medium">China</p>
|
| 232 |
+
<p class="text-xs text-[var(--text-secondary)]">Premier Li Wei</p>
|
| 233 |
+
</div>
|
| 234 |
+
</div>
|
| 235 |
+
<div class="text-sm mb-3">
|
| 236 |
+
<p class="text-[var(--text-secondary)]">Status:</p>
|
| 237 |
+
<p>Rising superpower, technological leader</p>
|
| 238 |
+
</div>
|
| 239 |
+
<div class="flex justify-between text-xs">
|
| 240 |
+
<div>
|
| 241 |
+
<p class="text-[var(--text-secondary)]">Relation</p>
|
| 242 |
+
<p class="text-green-500">Friendly</p>
|
| 243 |
+
</div>
|
| 244 |
+
<div>
|
| 245 |
+
<p class="text-[var(--text-secondary)]">Threat</p>
|
| 246 |
+
<p class="text-yellow-500">Medium</p>
|
| 247 |
+
</div>
|
| 248 |
+
<div>
|
| 249 |
+
<p class="text-[var(--text-secondary)]">Trade</p>
|
| 250 |
+
<p class="text-green-500">$82B</p>
|
| 251 |
+
</div>
|
| 252 |
+
</div>
|
| 253 |
+
</div>
|
| 254 |
+
|
| 255 |
+
<!-- Russia -->
|
| 256 |
+
<div class="card nation-card p-4 hover:border-accent">
|
| 257 |
+
<div class="flex items-center mb-3">
|
| 258 |
+
<img src="http://static.photos/flags/200x200/ru" class="w-8 h-8 mr-3" alt="Russia Flag">
|
| 259 |
+
<div>
|
| 260 |
+
<p class="font-medium">Russia</p>
|
| 261 |
+
<p class="text-xs text-[var(--text-secondary)]">Foreign Minister Sergei Volkov</p>
|
| 262 |
+
</div>
|
| 263 |
+
</div>
|
| 264 |
+
<div class="text-sm mb-3">
|
| 265 |
+
<p class="text-[var(--text-secondary)]">Status:</p>
|
| 266 |
+
<p>Resurgent power, energy dominance</p>
|
| 267 |
+
</div>
|
| 268 |
+
<div class="flex justify-between text-xs">
|
| 269 |
+
<div>
|
| 270 |
+
<p class="text-[var(--text-secondary)]">Relation</p>
|
| 271 |
+
<p class="text-red-500">Hostile</p>
|
| 272 |
+
</div>
|
| 273 |
+
<div>
|
| 274 |
+
<p class="text-[var(--text-secondary)]">Threat</p>
|
| 275 |
+
<p class="text-red-500">High</p>
|
| 276 |
+
</div>
|
| 277 |
+
<div>
|
| 278 |
+
<p class="text-[var(--text-secondary)]">Trade</p>
|
| 279 |
+
<p class="text-yellow-500">$12B</p>
|
| 280 |
+
</div>
|
| 281 |
+
</div>
|
| 282 |
+
</div>
|
| 283 |
+
</div>
|
| 284 |
+
|
| 285 |
+
<!-- Action Panel -->
|
| 286 |
+
<div class="card p-6">
|
| 287 |
+
<h3 class="text-xl font-semibold mb-4">NEXT TURN ACTIONS</h3>
|
| 288 |
+
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
| 289 |
+
<div>
|
| 290 |
+
<h4 class="font-medium mb-3">POLICY DECISIONS</h4>
|
| 291 |
+
<div class="space-y-4">
|
| 292 |
+
<div class="flex items-center justify-between p-3 bg-[#1a1a1a]">
|
| 293 |
+
<div>
|
| 294 |
+
<p class="font-medium">Economic</p>
|
| 295 |
+
<p class="text-xs text-[var(--text-secondary)]">Invest in quantum computing</p>
|
| 296 |
+
</div>
|
| 297 |
+
<button class="text-[var(--accent)]">
|
| 298 |
+
<i data-feather="edit-2" class="h-4 w-4"></i>
|
| 299 |
+
</button>
|
| 300 |
+
</div>
|
| 301 |
+
<div class="flex items-center justify-between p-3 bg-[#1a1a1a]">
|
| 302 |
+
<div>
|
| 303 |
+
<p class="font-medium">Diplomatic</p>
|
| 304 |
+
<p class="text-xs text-[var(--text-secondary)]">Strengthen alliance with China</p>
|
| 305 |
+
</div>
|
| 306 |
+
<button class="text-[var(--accent)]">
|
| 307 |
+
<i data-feather="edit-2" class="h-4 w-4"></i>
|
| 308 |
+
</button>
|
| 309 |
+
</div>
|
| 310 |
+
<button class="w-full py-2 border border-dashed border-[#333] text-[var(--text-secondary)] flex items-center justify-center">
|
| 311 |
+
<i data-feather="plus" class="mr-2 h-4 w-4"></i> Add Decision
|
| 312 |
+
</button>
|
| 313 |
+
</div>
|
| 314 |
+
</div>
|
| 315 |
+
<div>
|
| 316 |
+
<h4 class="font-medium mb-3">CONFERENCE STATEMENT</h4>
|
| 317 |
+
<textarea class="w-full h-32 bg-[#1a1a1a] border border-[#333] p-3 text-sm focus:outline-none focus:border-[var(--accent)]" placeholder="Compose your diplomatic message..."></textarea>
|
| 318 |
+
<div class="flex justify-end mt-2">
|
| 319 |
+
<button class="btn btn-primary text-sm">Submit Turn</button>
|
| 320 |
+
</div>
|
| 321 |
+
</div>
|
| 322 |
+
</div>
|
| 323 |
+
</div>
|
| 324 |
+
</div>
|
| 325 |
+
</main>
|
| 326 |
+
|
| 327 |
+
<script>
|
| 328 |
+
feather.replace();
|
| 329 |
+
</script>
|
| 330 |
+
</body>
|
| 331 |
+
</html>
|
|
@@ -151,7 +151,10 @@
|
|
| 151 |
<a href="dragonwing.html" class="nav-item text-gray-300 hover:bg-gray-800 hover:text-white px-3 py-2 rounded-md text-sm font-medium flex items-center">
|
| 152 |
<i data-feather="hard-drive" class="mr-2 h-4 w-4"></i> Dragonwing
|
| 153 |
</a>
|
| 154 |
-
<a href="
|
|
|
|
|
|
|
|
|
|
| 155 |
<i data-feather="database" class="mr-2 h-4 w-4"></i> Ledger
|
| 156 |
</a>
|
| 157 |
<a href="#" class="nav-item text-gray-300 hover:bg-gray-800 hover:text-white px-3 py-2 rounded-md text-sm font-medium flex items-center">
|
|
|
|
| 151 |
<a href="dragonwing.html" class="nav-item text-gray-300 hover:bg-gray-800 hover:text-white px-3 py-2 rounded-md text-sm font-medium flex items-center">
|
| 152 |
<i data-feather="hard-drive" class="mr-2 h-4 w-4"></i> Dragonwing
|
| 153 |
</a>
|
| 154 |
+
<a href="geopolitical.html" class="nav-item text-gray-300 hover:bg-gray-800 hover:text-white px-3 py-2 rounded-md text-sm font-medium flex items-center">
|
| 155 |
+
<i data-feather="globe" class="mr-2 h-4 w-4"></i> Geopolitical Sim
|
| 156 |
+
</a>
|
| 157 |
+
<a href="#" class="nav-item text-gray-300 hover:bg-gray-800 hover:text-white px-3 py-2 rounded-md text-sm font-medium flex items-center">
|
| 158 |
<i data-feather="database" class="mr-2 h-4 w-4"></i> Ledger
|
| 159 |
</a>
|
| 160 |
<a href="#" class="nav-item text-gray-300 hover:bg-gray-800 hover:text-white px-3 py-2 rounded-md text-sm font-medium flex items-center">
|