@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Share+Tech+Mono&family=Rajdhani:wght@300;400;500;600;700&family=Cinzel:wght@400;600&display=swap');

/* ══════════════════════════════════
   THEME: DEEP SPACE COMMAND
   Stargate 4X — Espace profond + ambre
   ══════════════════════════════════ */
:root {
  --bg:        #101016;
  --bg2:       #14141c;
  --surface:   #1c1c26;
  --surface2:  #262634;
  --surface3:  #323242;
  --glass:     rgba(18,18,26,0.92);
  --glassl:    rgba(24,24,34,0.86);

  --border:    rgba(var(--accent-rgb),0.20);
  --border2:   rgba(var(--accent-rgb),0.35);
  --border3:   rgba(var(--accent-rgb),0.55);

  --accent:    #44cc44;
  --accent2:   #77ee77;
  --accent3:   #2a8a2a;
  --accentglow:rgba(68,204,68,0.55);
  --accent-rgb: 68,204,68;
  --accent2-rgb: 119,238,119;

  --gold:      #ffc040;
  --gold2:     #ffe890;
  --goldglow:  rgba(255,192,64,0.6);

  --success:   #44ffaa;
  --warn:      #ffcc55;
  --danger:    #ff7777;
  --purple:    #cc88ff;

  --text:      #e8eaf0;
  --textmid:   #b8bcc8;
  --textsoft:  #8a8e9a;
  --textbright:#ffffff;

  --ancient:   #00e5ff;
  --asgard:    #55d8ff;
  --goauld:    #ffd000;
  --replic:    #ff6666;
  --event-orange: #ffaa44;

  --sh: 0 4px 24px rgba(0,0,0,0.6);
  --sh2: 0 8px 40px rgba(0,0,0,0.7);
  --inset: inset 0 1px 0 rgba(255,255,255,0.04);

  /* Type scale */
  --fs-xs: 11px;
  --fs-sm: 11px;
  --fs-base: 12px;
  --fs-md: 13px;
  --fs-lg: 15px;
  --fs-xl: 17px;
  --fs-2xl: 22px;

  /* Spacing & radius */
  --gutter: 16px;
  --radius: 8px;
  --radius-sm: 4px;

  /* Z-index stack */
  --z-overlay-attack: 9100;
  --z-overlay-race: 9150;
  --z-overlay-event: 9200;
  --z-overlay-offline: 9250;
  --z-overlay-profile: 9280;
  --z-overlay-sim: 9300;
  --z-overlay-tutorial: 9350;
}

* { margin:0; padding:0; box-sizing:border-box; scrollbar-width:thin; scrollbar-color:var(--accent3) rgba(0,0,0,0.2); }
::-webkit-scrollbar { width:6px; height:6px; }
::-webkit-scrollbar-track { background:rgba(0,0,0,0.2); border-radius:3px; }
::-webkit-scrollbar-thumb { background:linear-gradient(180deg, var(--accent3), var(--surface3)); border-radius:3px; }
::-webkit-scrollbar-thumb:hover { background:var(--accent3); }
body {
  background-color: var(--bg);
  position: relative;
  font-family: 'Rajdhani', sans-serif;
  color: var(--text);
  height: 100vh; height: 100dvh;
  overflow: hidden;
  display: flex; justify-content: center; align-items: stretch;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='%2344cc44' stroke-width='1' opacity='0.6'/%3E%3Cline x1='12' y1='2' x2='12' y2='7' stroke='%2344cc44' stroke-width='1' opacity='0.7'/%3E%3Cline x1='12' y1='17' x2='12' y2='22' stroke='%2344cc44' stroke-width='1' opacity='0.7'/%3E%3Cline x1='2' y1='12' x2='7' y2='12' stroke='%2344cc44' stroke-width='1' opacity='0.7'/%3E%3Cline x1='17' y1='12' x2='22' y2='12' stroke='%2344cc44' stroke-width='1' opacity='0.7'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%2344cc44' opacity='0.9'/%3E%3C/svg%3E") 12 12, crosshair;
}
/* Pointer cursor for interactive elements */
button, a, [onclick], .lnav-item, .bld-tab, .bld-tab-main, select, input[type="submit"],
.rp-nav-arrow, .rp-planet-name, .notif-bell, .auth-tab, .og-rec-btn, .pog-bld-btn,
.tc-btn, .uc-train, .sc-build, .cdx-card, .rp-planet-item {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='6' fill='none' stroke='%2377ee77' stroke-width='1.5' opacity='0.8'/%3E%3Ccircle cx='12' cy='12' r='2.5' fill='%2377ee77' opacity='1'/%3E%3Cline x1='12' y1='3' x2='12' y2='6' stroke='%2377ee77' stroke-width='1.5' opacity='0.9'/%3E%3Cline x1='12' y1='18' x2='12' y2='21' stroke='%2377ee77' stroke-width='1.5' opacity='0.9'/%3E%3Cline x1='3' y1='12' x2='6' y2='12' stroke='%2377ee77' stroke-width='1.5' opacity='0.9'/%3E%3Cline x1='18' y1='12' x2='21' y2='12' stroke='%2377ee77' stroke-width='1.5' opacity='0.9'/%3E%3C/svg%3E") 12 12, pointer;
}