@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-deep:#08080f;--bg-card:#12121a;--bg-card-hover:#1a1a28;--bg-border:#2a2a3a;--text-primary:#e0e0e5;--text-muted:#6b6b80;--text-accent:#4fc3f7;--arc-cooperative:#81c784;--arc-confrontational:#ef5350;--arc-treaty:#ba68c8;--arc-visit:#ff8a65;--arc-call:#4fc3f7;--atmosphere-default:#3a7bd5;--atmosphere-conflict:#f33;--globe-land:#1a1a2e;--globe-border:#335;--globe-ocean:#08080f;--conflict-bg:#1a0000;--conflict-border:#4a1010;--conflict-text-accent:#f44;--header-height:56px;--sidebar-width:320px;--bottom-sheet-peek:60px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:100px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--shadow-card:0 2px 8px #0006;--shadow-popup:0 4px 20px #0009;--shadow-glow-coop:0 0 12px #81c7844d;--shadow-glow-confront:0 0 12px #ef53504d;--ease-out:cubic-bezier(.25,.46,.45,.94);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow:hidden}a{color:var(--text-accent);text-decoration:none}a:hover{text-decoration:underline}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.glass{-webkit-backdrop-filter:blur(12px);border:1px solid var(--bg-border);border-radius:var(--radius-md);background:#12121ad9}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes glow{0%,to{box-shadow:0 0 4px #4fc3f74d}50%{box-shadow:0 0 12px #4fc3f799}}.animate-fade-in{animation:fadeIn var(--duration-normal)var(--ease-out)forwards}.animate-slide-in{animation:slideInRight var(--duration-normal)var(--ease-out)forwards}.animate-pulse{animation:2s ease-in-out infinite pulse}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.globe-loading{z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.globe-loading-orb{background:linear-gradient(90deg,var(--bg-deep)25%,var(--bg-card)50%,var(--bg-deep)75%);border:1px solid var(--bg-border);background-size:200% 100%;border-radius:50%;width:min(60vw,400px);height:min(60vw,400px);animation:2s ease-in-out infinite shimmer;box-shadow:0 0 60px #3a7bd526}.globe-loading-text{margin-top:var(--space-lg);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:500;animation:2s ease-in-out infinite pulse}.app-container{width:100vw;height:100vh;position:relative;overflow:hidden}.globe-wrapper{z-index:0;position:absolute;inset:0}.ui-overlay{z-index:10;pointer-events:none;position:absolute;inset:0}.ui-overlay>*{pointer-events:auto}.ui-header{padding:var(--space-md);padding-top:max(var(--space-md),env(safe-area-inset-top));justify-content:space-between;align-items:center;display:flex}.ui-brand{align-items:center;gap:var(--space-sm);letter-spacing:-.01em;color:var(--text-primary);font-size:14px;font-weight:700;display:flex}.ui-brand-ring{border:2px solid var(--arc-cooperative);border-radius:50%;width:12px;height:12px;animation:3s ease-in-out infinite brandRingPulse;position:relative}.ui-brand-ring:after{content:"";background:var(--arc-cooperative);border-radius:50%;width:4px;height:4px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes brandRingPulse{0%,to{border-color:#81c78499}50%{border-color:#81c784}}.ui-bottom{align-items:center;gap:var(--space-sm);padding:var(--space-md);padding-bottom:max(var(--space-md),env(safe-area-inset-bottom));flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}@media (max-width:768px){:root{--header-height:48px;--sidebar-width:100vw}.ui-bottom{display:none}}